@charset "UTF-8";
@import "../../Common/font/pretendard/pretendardvariable.css";
@import "../../Common/font/gmarketsans/GmarketSans.css";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  touch-action: auto;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
  touch-action: auto;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

:root {
  --fc-default: #222;
  --fc-gray1: #7b7b7b;
  --fc-gray2: #9b9ba0;
  --fc-rating: #1e479f;
  --c-component: #265cf0;
  --c-disabled: #bebebe;
  --c-active: #3b5dfb;
  --c-success: #18be71;
  --c-error: #fc5356;
  --c-warn: #febb2b;
  --c-bg: #f8f9fb;
  --tb-border: #e6e8eb;
  --tb-bg: #f7f8fa;
  --c-hover: #e9eff3;
  --bc-hover: rgba(77, 124, 254, 0.1);
  --form-h: 40px;
  --form-h-s: 38px;
  --form-round: 6px;
  --form-pd: 1em;
  --form-c-border: rgb(10, 43, 88, 0.1);
  --form-c-border-h: rgb(10, 43, 88, 0.3);
  --form-c-bg-dis: #f5f5f5;
  --form-c-text-dis: rgba(34, 34, 34, 0.2);
  --max-w: 1200px;
  --min-w: 1200px;
  --spc-w: 35px;
  --side-w: 220px;
  --side-gap: 40px;
  --max-w-ld: 1102px;
  --max-w-auto: auto;
  --font-14: 1rem;
  --font-9: 0.64rem;
  --font-11: 0.79rem;
  --font-12: 0.86rem;
  --font-13: 0.93rem;
  --font-15: 1.07rem;
  --font-16: 1.14rem;
  --font-17: 1.21rem;
  --font-18: 1.29rem;
  --font-19: 1.36rem;
  --font-20: 1.43rem;
  --font-21: 1.5rem;
  --font-22: 1.57rem;
  --font-24: 1.71rem;
  --font-26: 1.86rem;
  --font-28: 2rem;
  --font-30: 2.142rem;
  --font-32: 2.29rem;
  --font-34: 2.43rem;
  --font-36: 2.57rem;
  --font-50: 3.57rem;
  --font-60: 4.29rem;
  --font-80: 5.71rem;
  --ease: cubic-bezier(0, 0.75, 0, 1);
  --gra: linear-gradient(97deg, #0046ff, #8e48ff 60%);
  --beta-g: linear-gradient(
    108.47deg,
    #22d6ff -38.28%,
    #225eff 43.3%,
    #8c2fff 100%
  );
  --header-bg: #3d58c9;
}
@media screen and (max-width: 767px) {
  :root {
    --spc-w: 5vw;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes toastOut {
  to {
    opacity: 0;
    transform: translateY(50%);
  }
}
@keyframes refresh {
  to {
    transform: rotate(1turn);
  }
}
@keyframes scrollDown {
  0% {
    top: 12px;
    height: 2px;
    opacity: 1;
  }
  33% {
    top: 12px;
    height: 10px;
  }
  66% {
    top: 22px;
    height: 10px;
    opacity: 1;
  }
  100% {
    top: 30px;
    height: 2px;
    opacity: 0;
  }
}
@keyframes scrollDown2 {
  0% {
    margin-top: -10px;
    opacity: 1;
  }
  33% {
    margin-top: 10px;
  }
  66% {
    opacity: 1;
  }
  100% {
    margin-top: 10px;
    opacity: 0;
  }
}
@keyframes prixClipFix {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(
      50% 50%,
      0 0,
      100% 0,
      100% 100%,
      100% 100%,
      100% 100%
    );
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(1turn);
  }
}
@keyframes progressbar {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}
@keyframes scale {
  from {
    scale: 1.2;
  }
  to {
    scale: 1;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes key-wheel {
  0% {
    margin-top: -7px;
    opacity: 0;
  }
  40% {
    margin-top: 5px;
    opacity: 1;
  }
  60% {
    margin-top: 5px;
    opacity: 1;
  }
  99% {
    margin-top: -7px;
    opacity: 0;
  }
}
@keyframes key-circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes key-circle2 {
  0% {
    transform: rotate(0);
  }
  90% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes label-opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes top-move {
  0% {
    top: 6px;
    opacity: 0;
  }
  50% {
    top: 2px;
    opacity: 1;
  }
  70% {
    top: 2px;
    opacity: 1;
  }
  100% {
    top: 2px;
    opacity: 0;
  }
}
@keyframes logoSwap {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  46% {
    opacity: 1;
    transform: scaleY(1);
  }
  50% {
    opacity: 0;
    transform: scaleY(0);
  }
  96% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes logoSwap2 {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  46% {
    opacity: 0;
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
  96% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

div::before,
div::after,
p::before,
p::after,
span::before,
span::after,
dl::before,
dl::after,
dt::before,
dt::after,
dd::before,
dd::after,
ol::before,
ol::after,
ul::before,
ul::after,
li::before,
li::after,
button::before,
button::after,
a::before,
a::after,
input::before,
input::after,
i::before,
i::after {
  box-sizing: border-box;
}

input,
button,
a,
textarea {
  box-sizing: border-box;
}

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

html,
body {
  height: 100%;
  font-size: 14px;
  letter-spacing: -0.01em;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 5px;
  background-color: #bbb;
}

ol,
ul {
  list-style: none;
}

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

button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
}

a {
  text-decoration: none;
}

em {
  font-style: normal;
  font-weight: bold;
}

hr {
  width: 100%;
  border: 0;
  border-top: 1px solid;
  margin: 0;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}

.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#root {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/**
 * Swiper 11.1.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

.tippy-box[data-theme~="light-border"] {
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #d9dce1;
  color: #222;
  box-shadow: 0 3px 12px rgba(55, 29, 110, 0.07);
  border-radius: 10px;
  margin-top: -5px;
}
.tippy-box[data-theme~="light-border"] > .tippy-backdrop {
  background-color: white;
}
.tippy-box[data-theme~="light-border"] > .tippy-arrow::after,
.tippy-box[data-theme~="light-border"] > .tippy-svg-arrow::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.tippy-box[data-theme~="light-border"] > .tippy-arrow::after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-theme~="light-border"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[data-theme~="light-border"][data-placement^="top"]
  > .tippy-arrow::after {
  border-top-color: rgba(0, 8, 16, 0.2);
  border-width: 7px 7px 0;
  top: 17px;
  left: 1px;
}
.tippy-box[data-theme~="light-border"][data-placement^="top"]
  > .tippy-svg-arrow
  > svg {
  top: 16px;
}
.tippy-box[data-theme~="light-border"][data-placement^="top"]
  > .tippy-svg-arrow::after {
  top: 17px;
}
.tippy-box[data-theme~="light-border"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: white;
  bottom: 16px;
}
.tippy-box[data-theme~="light-border"][data-placement^="bottom"]
  > .tippy-arrow::after {
  border-bottom-color: rgba(0, 8, 16, 0.2);
  border-width: 0 7px 7px;
  bottom: 17px;
  left: 1px;
}
.tippy-box[data-theme~="light-border"][data-placement^="bottom"]
  > .tippy-svg-arrow
  > svg {
  bottom: 16px;
}
.tippy-box[data-theme~="light-border"][data-placement^="bottom"]
  > .tippy-svg-arrow::after {
  bottom: 17px;
}
.tippy-box[data-theme~="light-border"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: white;
}
.tippy-box[data-theme~="light-border"][data-placement^="left"]
  > .tippy-arrow::after {
  border-left-color: rgba(0, 8, 16, 0.2);
  border-width: 7px 0 7px 7px;
  left: 17px;
  top: 1px;
}
.tippy-box[data-theme~="light-border"][data-placement^="left"]
  > .tippy-svg-arrow
  > svg {
  left: 11px;
}
.tippy-box[data-theme~="light-border"][data-placement^="left"]
  > .tippy-svg-arrow::after {
  left: 12px;
}
.tippy-box[data-theme~="light-border"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: white;
  right: 16px;
}
.tippy-box[data-theme~="light-border"][data-placement^="right"]
  > .tippy-arrow::after {
  border-width: 7px 7px 7px 0;
  right: 17px;
  top: 1px;
  border-right-color: rgba(0, 8, 16, 0.2);
}
.tippy-box[data-theme~="light-border"][data-placement^="right"]
  > .tippy-svg-arrow
  > svg {
  right: 11px;
}
.tippy-box[data-theme~="light-border"][data-placement^="right"]
  > .tippy-svg-arrow::after {
  right: 12px;
}
.tippy-box[data-theme~="light-border"] > .tippy-svg-arrow {
  fill: white;
}
.tippy-box[data-theme~="light-border"] > .tippy-svg-arrow::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiIC8+PC9zdmc+);
  background-size: 16px 6px;
  width: 16px;
  height: 6px;
}
.tippy-box[data-theme~="light-border"] .tippy-content {
  padding: 12px;
  font-size: var(--font-12);
  font-weight: 500;
}

.tippy-box[data-theme~="notify"] {
  color: #222;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: white;
  border-radius: 16px;
}
.tippy-box[data-theme~="notify"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[data-theme~="notify"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: white;
}
.tippy-box[data-theme~="notify"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: white;
}
.tippy-box[data-theme~="notify"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: white;
}
.tippy-box[data-theme~="notify"] > .tippy-backdrop {
  background-color: white;
}
.tippy-box[data-theme~="notify"] > .tippy-svg-arrow {
  fill: white;
}
.tippy-box[data-theme~="notify"] .tippy-content {
  padding: 12px 2px 24px 24px;
}

.tippy-box[data-theme~="popmenu"] {
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #d9dce1;
  color: #222;
  box-shadow: 0 3px 12px rgba(55, 29, 110, 0.07);
  border-radius: 10px;
}
.tippy-box[data-theme~="popmenu"] > .tippy-backdrop {
  background-color: white;
}
.tippy-box[data-theme~="popmenu"] > .tippy-arrow::after,
.tippy-box[data-theme~="popmenu"] > .tippy-svg-arrow::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.tippy-box[data-theme~="popmenu"] > .tippy-arrow::after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-theme~="popmenu"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[data-theme~="popmenu"][data-placement^="top"] > .tippy-arrow::after {
  border-top-color: rgba(0, 8, 16, 0.2);
  border-width: 7px 7px 0;
  top: 17px;
  left: 1px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="top"]
  > .tippy-svg-arrow
  > svg {
  top: 16px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="top"]
  > .tippy-svg-arrow::after {
  top: 17px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: white;
  bottom: 16px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="bottom"]
  > .tippy-arrow::after {
  border-bottom-color: rgba(0, 8, 16, 0.2);
  border-width: 0 7px 7px;
  bottom: 17px;
  left: 1px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="bottom"]
  > .tippy-svg-arrow
  > svg {
  bottom: 16px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="bottom"]
  > .tippy-svg-arrow::after {
  bottom: 17px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: white;
}
.tippy-box[data-theme~="popmenu"][data-placement^="left"]
  > .tippy-arrow::after {
  border-left-color: rgba(0, 8, 16, 0.2);
  border-width: 7px 0 7px 7px;
  left: 17px;
  top: 1px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="left"]
  > .tippy-svg-arrow
  > svg {
  left: 11px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="left"]
  > .tippy-svg-arrow::after {
  left: 12px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: white;
  right: 16px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="right"]
  > .tippy-arrow::after {
  border-width: 7px 7px 7px 0;
  right: 17px;
  top: 1px;
  border-right-color: rgba(0, 8, 16, 0.2);
}
.tippy-box[data-theme~="popmenu"][data-placement^="right"]
  > .tippy-svg-arrow
  > svg {
  right: 11px;
}
.tippy-box[data-theme~="popmenu"][data-placement^="right"]
  > .tippy-svg-arrow::after {
  right: 12px;
}
.tippy-box[data-theme~="popmenu"] > .tippy-svg-arrow {
  fill: white;
}
.tippy-box[data-theme~="popmenu"] > .tippy-svg-arrow::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiIC8+PC9zdmc+);
  background-size: 16px 6px;
  width: 16px;
  height: 6px;
}
.tippy-box[data-theme~="popmenu"] .tippy-content {
  padding: 0;
  font-size: var(--font-12);
  font-weight: 500;
}

.c--error {
  color: var(--c-error) !important;
}

.c--warn {
  color: var(--c-warn) !important;
}

.c--success {
  color: var(--c-success) !important;
}

.c--active {
  color: var(--c-active) !important;
}

.c--disabled {
  color: var(--fc-gray2) !important;
}

.c--require {
  color: var(--c-error) !important;
}

.c--default {
  color: var(--fc-default) !important;
}

.SOLTitle-t1,
.SOLTitle-t2,
.SOLTitle-t3,
.SOLTitle-t4,
.guide-body table caption {
  font-weight: 700;
  line-height: 1.6;
  color: var(--fc-default);
}
.SOLTitle-t1 em,
.SOLTitle-t2 em,
.SOLTitle-t3 em,
.SOLTitle-t4 em,
.guide-body table caption em {
  color: var(--c-active);
}
.SOLTitle-t1 small,
.SOLTitle-t2 small,
.SOLTitle-t3 small,
.SOLTitle-t4 small,
.guide-body table caption small {
  font-weight: 400;
}
.SOLTitle-t1 .msg,
.SOLTitle-t2 .msg,
.SOLTitle-t3 .msg,
.SOLTitle-t4 .msg,
.guide-body table caption .msg {
  padding-left: 0.4em;
  font-size: var(--font-14);
  color: var(--fc-gray2);
}
.SOLTitle-t1 {
  font-size: var(--font-24);
}
.SOLTitle-t2 {
  font-size: var(--font-20);
}
.SOLTitle-t3 {
  font-size: var(--font-18);
}
.SOLTitle-t4,
.guide-body table caption {
  font-size: var(--font-16);
}

.SOLText-body {
  font-size: var(--font-16);
  line-height: 1.6;
  color: var(--fc-default);
}

.SOLText-desc {
  font-size: var(--font-14);
  line-height: 1.5;
  color: var(--fc-default);
}

.SOLText-caption {
  font-size: var(--font-16);
  line-height: 1.5;
  color: var(--fc-gray2);
}

.SOLText-note {
  font-size: var(--font-13);
  line-height: 1.5;
  color: var(--fc-gray1);
}

.SOLText--em {
  font-weight: 700 !important;
}

.SOLText--require::after {
  content: "*";
  color: var(--c-error);
}

.a--left {
  text-align: left !important;
}

.a--right {
  text-align: right !important;
}

.SOLText-icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  line-height: 1;
}

.SOLIcon-root {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-style: normal;
  width: 100%;
  aspect-ratio: 1;
  min-width: 1rem;
  max-width: 2rem;
}

.SOLIcon-gt--u::after,
.SOLIcon-gt--r::after,
.SOLIcon-gt--d::after,
.SOLIcon-gt--l::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-radius: 1px;
  opacity: 0.8;
}
.SOLIcon-gt--u.s--lg::after,
.SOLIcon-gt--r.s--lg::after,
.SOLIcon-gt--d.s--lg::after,
.SOLIcon-gt--l.s--lg::after {
  width: 11px;
  height: 11px;
  border-radius: 2px;
  opacity: 0.8;
  margin-top: 0;
}
.SOLIcon-gt--u.s--sm::after,
.SOLIcon-gt--r.s--sm::after,
.SOLIcon-gt--d.s--sm::after,
.SOLIcon-gt--l.s--sm::after {
  width: 7px;
  height: 7px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 0;
}
.SOLIcon-gt--r.c-gray::after {
  content: "";
  border-right: 2px solid #95989b;
  border-bottom: 2px solid #95989b;
}
.SOLIcon-gt--u::after {
  transform: translate(-50%, -50%) rotate(-135deg);
  margin-top: 1px;
}
.SOLIcon-gt--r::after {
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-left: -1px;
}
.SOLIcon-gt--d::after {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: -1px;
}
.SOLIcon-gt--l::after {
  transform: translate(-50%, -50%) rotate(135deg);
  margin-left: 2px;
}
.SOLIcon-chk {
  background-color: var(--c-success) !important;
}
.SOLIcon-chk::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  margin-top: -1px;
  border-radius: 1px;
}
.SOLIcon-err {
  background-color: var(--c-error) !important;
}
.SOLIcon-err::after {
  content: "!";
}
.SOLIcon-warn {
  background-color: var(--c-warn) !important;
}
.SOLIcon-warn::after {
  content: "!";
}
.SOLIcon-cancel {
  background-color: var(--fc-default) !important;
}
.SOLIcon-cancel::after {
  content: "!";
}
.SOLIcon-wait {
  background-color: var(--c-active) !important;
}
.SOLIcon-wait::after {
  content: "···";
  margin-top: -2px;
}
.SOLIcon-close {
  font-size: var(--font-32);
  font-weight: 100;
}
.SOLIcon-close::after {
  content: "×";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.SOLIcon-close.s--sm {
  font-size: var(--font-24);
  font-weight: 200;
}
.SOLIcon-close.s--sm::after {
  margin-top: -1px;
}
.SOLIcon-view,
.SOLIcon-view--off {
  background-color: transparent;
}
.SOLIcon-view::before,
.SOLIcon-view--off::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../../Common/image/icon/ic_eye.svg) no-repeat center
    center/contain;
}
.SOLIcon-view--off::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1em;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #bbbbbd;
}
.SOLIcon-arr--r {
  font-size: var(--font-20);
  font-weight: 300;
}
.SOLIcon-arr--r::after {
  content: "→";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -1px;
}
.SOLIcon-arr--r.s--sm {
  font-size: var(--font-14);
  font-weight: 600;
}
.SOLIcon-arr--l {
  font-size: var(--font-20);
  font-weight: 300;
}
.SOLIcon-arr--l::after {
  content: "→";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scaleX(-1);
  margin-top: -1px;
}
.SOLIcon-arr--l.s--sm {
  font-size: var(--font-14);
  font-weight: 600;
}
.SOLIcon-arr--d {
  font-size: var(--font-24);
  font-weight: 300;
}
.SOLIcon-arr--d::after {
  content: "→";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  margin-top: -1px;
}
.SOLIcon-arr--d.s--sm {
  font-size: var(--font-14);
  font-weight: 600;
}
.SOLIcon-arr--type02 {
  font-size: var(--font-20);
  font-weight: 300;
}
.SOLIcon-arr--type02::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -1px;
  width: 17px;
  height: 10px;
  background: url(../../Common/image/icon/ic_dwn_scroll.png) no-repeat center
    center;
}
.SOLIcon-arr--type02::before {
  content: "Scroll";
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  transform: translate(-50%, 0%);
  top: 0px;
  left: 50%;
  display: block;
}
.SOLIcon-down {
  width: 10px;
  height: 10px;
  min-height: unset;
}
.SOLIcon-down::after {
  content: "";
  border-style: solid;
  border-color: currentColor transparent transparent transparent;
  border-width: 5px 5px;
  border-radius: 3px;
  transform: translateY(30%);
}
.SOLIcon-more {
  text-align: center;
  overflow: hidden;
}
.SOLIcon-more::after {
  content: "…";
  font-size: var(--font-20);
  text-align: center;
  transform: rotate(90deg) translateY(-0.3em);
}
.SOLIcon-file {
  width: 18px;
  background: url(../../Common/image/icon/ic_file.svg) no-repeat center center;
}
.SOLIcon-receipt {
  width: 22px;
  background: url(../../Common/image/icon/ic_receipt.png) no-repeat center
    center;
}

.SOLIcon-state {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.SOLIcon-state::after {
  color: #fff;
}

.SOLIcon-loader {
  min-width: unset;
  max-width: unset;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: relative;
  animation: refresh 1s linear infinite;
}
.SOLIcon-loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 1px solid var(--c-active);
  animation: prixClipFix 2s linear infinite;
}
.SOLIcon-loader.s--lg {
  width: 50px;
  height: 50px;
}
.SOLIcon-loader.s--lg::before {
  border: 4px solid #fff;
}
.SOLIcon-loader.type02::before {
  border: 7px solid #fff;
}

.SOLLoader-text {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--c-bg);
}

.SOLIcon-alert {
  max-width: unset;
}
.SOLIcon-alert.c--success,
.SOLIcon-alert.c--error,
.SOLIcon-alert.c--active {
  width: 40px;
  height: 40px;
  border: 2px solid currentColor;
  border-radius: 50%;
}
.SOLIcon-alert.c--success::after,
.SOLIcon-alert.c--error::after,
.SOLIcon-alert.c--active::after {
  content: "";
  position: absolute;
  background-color: currentColor;
  inset: 0;
  border-radius: 50%;
  opacity: 0.1;
}
.SOLIcon-alert.c--success svg {
  width: 22px;
}
.SOLIcon-alert.c--success path {
  fill: currentColor;
}
.SOLIcon-alert.c--warn {
  width: 45px;
  border: 0;
  border-radius: 50%;
}
.SOLIcon-alert.c--warn .mark,
.SOLIcon-alert.c--error .mark {
  width: 2px;
}
.SOLIcon-alert.c--warn .mark path,
.SOLIcon-alert.c--error .mark path {
  fill: currentColor;
}
.SOLIcon-alert.c--warn .mark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}
.SOLIcon-alert.c--active svg {
  width: 8.4px;
}

.SOLSvg-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.SOLSvg-root svg {
  width: 100%;
}

.SOLSvg-logo {
  width: 114px;
}
.SOLSvg-logo .st0 {
  fill: #0046ff;
}

.SOLSvg-success {
  width: 40px;
}

.SOLSvg-warn {
  width: 45px;
}

.SOLSvg-error {
  width: 40px;
}

.SOLSvg-avata,
.SOLSvg-bell {
  width: 16px;
}

.SOLSvg-company,
.SOLSvg-mypage,
.SOLSvg-customer {
  width: 24px;
}

.SOLSvg-info {
  width: 6px;
}

.SOLSvg-refresh {
  width: 16px;
}

.SOLSvg-search {
  width: 18px;
}

.SOLIcon-info {
  width: 14px;
  height: 14px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background-color: #fff;
}
.SOLIcon-info .SOLSvg-root {
  width: 4px;
}
.SOLIcon-info.s--lg {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(10, 43, 88, 0.18);
  color: #888ea3;
}
.SOLIcon-info.s--lg .SOLSvg-root {
  width: 6px;
}

.SOLLabel-root {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 1.85em;
  padding: 0 10px;
  border-radius: 1.85em;
  border: 1px solid currentColor;
  font-size: var(--font-13);
  font-weight: 700;
  overflow: hidden;
  color: #797a88;
  white-space: nowrap;
}
.SOLLabel-root::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  opacity: 0.05;
}
.SOLLabel-root.t--contained {
  border: 0;
  color: #fff !important;
  background-color: #ced4da;
}
.SOLLabel-root.t--contained::before {
  content: none;
}
.SOLLabel-root.t--contained.c--success {
  background-color: var(--c-success);
}

.SOLBtn-root {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
  height: var(--form-h);
  padding: 0 var(--form-pd);
  border-radius: var(--form-round);
  border: 1px solid rgba(10, 43, 88, 0.18);
  background-color: #fff;
  font-size: var(--font-14);
  white-space: nowrap;
  color: var(--fc-default);
  transition: color 0.2s, background-color 0.2s;
}
.SOLBtn-root:hover:not(:disabled, .disabled),
.SOLBtn-root:focus {
  background-color: var(--bc-hover);
}
.SOLBtn-root:disabled,
.SOLBtn-root.disabled {
  background-color: var(--form-c-bg-dis);
  color: rgba(55, 56, 60, 0.28);
  border-color: rgba(112, 115, 124, 0.28);
  cursor: not-allowed;
}
.SOLBtn-root.t--contained {
  background-color: var(--c-active);
  color: #fff;
}
.SOLBtn-root.t--contained:hover:not(:disabled, .disabled),
.SOLBtn-root.t--contained:focus {
  background-color: #365ecd;
}
.SOLBtn-root.t--contained.focus {
  background-color: #365ecd;
}
.SOLBtn-root.t--contained:disabled,
.SOLBtn-root.t--contained.disabled {
  background-color: #f4f4f5;
  border-color: rgba(10, 43, 88, 0.1);
  color: rgba(55, 56, 60, 0.28);
}
.SOLBtn-root.t--outlined {
  color: var(--c-active);
  border-color: currentColor;
}
.SOLBtn-root.t--outlined:disabled,
.SOLBtn-root.t--outlined.disabled {
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(59, 93, 251, 0.5);
}
.SOLBtn-root.t--outlined:hover:not(:disabled, .disabled),
.SOLBtn-root.t--outlined:focus {
  background-color: var(--bc-hover);
}
.SOLBtn-root.t--inverse {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: #fff;
}
.SOLBtn-root.t--inverse:hover:not(:disabled, .disabled),
.SOLBtn-root.t--inverse:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.SOLBtn-root.t--inverse:disabled,
.SOLBtn-root.t--inverse.disabled {
  opacity: 0.4;
}
.SOLBtn-root.t--icon {
  padding: 0;
  width: var(--form-h);
}
.SOLBtn-root.s--lg {
  height: 48px;
  font-size: var(--font-15);
}
.SOLBtn-root.s--xl {
  height: 56px;
  font-size: var(--font-16);
  font-weight: 700;
}
.SOLBtn-root.s--sm {
  height: 28px;
  padding: 0 10px;
  font-size: var(--font-12);
}
.SOLBtn-root.s--xs {
  height: 24px;
  padding: 0 8px;
  font-size: var(--font-12);
}
.SOLBtn-root.bottom {
  border: none;
}
.SOLBtn-root.add-btn {
  position: relative;
  padding: 0 1em 0 34px;
}
.SOLBtn-root.add-btn::before {
  content: "+";
  font-size: var(--font-28);
  font-weight: 100;
  position: absolute;
  top: 44%;
  transform: translate(0, -50%);
  left: 12px;
}

.SOLIconBtn-root {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
  height: 2rem;
  padding: 0 0.5em;
  border-radius: var(--form-round);
  border: 0;
  background-color: transparent;
  font-size: var(--font-14);
  white-space: nowrap;
  transition: color 0.2s, background-color 0.2s;
  color: inherit;
}
.SOLIconBtn-root.s--lg {
  font-size: var(--font-16);
}
.SOLIconBtn-root.c--dark {
  color: var(--fc-default);
}
.SOLIconBtn-root.c--light {
  color: var(--fc-gray2);
}
.SOLIconBtn-root:hover:not(:disabled, .disabled) {
  color: var(--fc-default);
}
.SOLIconBtn-root:disabled,
.SOLIconBtn-root.disabled {
  color: rgba(34, 34, 34, 0.2);
  cursor: not-allowed;
}
.SOLIconBtn-root i + i {
  margin-left: -15px;
}

.SOLTextBtn-root {
  height: 24px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: var(--font-13);
  text-decoration: underline;
  color: var(--fc-gray1);
  transition: color 0.2s, background-color 0.2s;
  white-space: nowrap;
}
.SOLTextBtn-root:hover:not(:disabled, .disabled) {
  color: var(--fc-default);
  background-color: rgba(0, 0, 0, 0.04);
}
.SOLTextBtn-root:disabled,
.SOLTextBtn-root.disabled {
  opacity: 0.4;
}
.SOLTextBtn-root.t--action {
  color: var(--c-active);
}
.SOLTextBtn-root.t--action:hover:not(:disabled, .disabled) {
  color: var(--c-active);
  background-color: var(--bc-hover);
}
.SOLTextBtn-root.t--inverse {
  color: #fff;
}
.SOLTextBtn-root.t--inverse:hover:not(:disabled, .disabled) {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}
.SOLTextBtn-root.s--sm {
  font-size: var(--font-12);
}

.SOLInput-root {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  --large-h: 52px;
}
.SOLInput-root.t--row {
  flex-direction: row;
  align-items: center;
}
.SOLInput-root.t--row .SOLInput-box {
  width: 60%;
  flex-shrink: 0;
}
.SOLInput-root .SOLInput-err-msg .SOLInput-err-text {
  font-size: var(--font-12);
  font-weight: 500;
  color: #fc5356;
}

.SOLInput-label {
  display: inline-block;
  font-size: var(--font-13);
  color: #8c8c99;
  font-weight: 500;
  white-space: nowrap;
}
.SOLInput-label.t--empty {
  padding-bottom: 0;
  margin-top: -5px;
}

.SOLInput-box {
  position: relative;
  font-size: var(--font-14);
  width: 100%;
  height: var(--form-h);
  padding: 0 var(--form-pd);
  border: 1px solid var(--form-c-border);
  border-radius: var(--form-round);
  background-color: #fff;
  transition: border-color 0.2s;
  color: var(--fc-default);
  text-align: left;
  display: flex;
  padding: 0;
}
.SOLInput-box:has(.SOLInput-field:disabled) {
  background-color: var(--form-c-bg-dis);
}
.SOLInput-box:hover:not(
    :has(.SOLInput-field:disabled, .SOLInput-field:-moz-read-only)
  ) {
  border-color: var(--form-c-border-h);
}
.SOLInput-box:hover:not(
    :has(.SOLInput-field:disabled, .SOLInput-field:read-only)
  ) {
  border-color: var(--form-c-border-h);
}
.SOLInput-box:hover:not(
    :has(.SOLInput-field:disabled, .SOLInput-field:-moz-read-only)
  )
  .SOLInput-wrap--hidden {
  opacity: 1;
  max-height: 30px;
}
.SOLInput-box:hover:not(
    :has(.SOLInput-field:disabled, .SOLInput-field:read-only)
  )
  .SOLInput-wrap--hidden {
  opacity: 1;
  max-height: 30px;
}
.SOLInput-box:has(
    .SOLInput-field:focus,
    .SOLInput-field:hover:focus,
    button:focus
  ) {
  border-color: var(--c-active);
}
.SOLInput-box:has(
    .SOLInput-field:focus,
    .SOLInput-field:hover:focus,
    button:focus
  )
  .SOLInput-wrap--hidden {
  opacity: 1;
  max-height: 30px;
}
.SOLInput-box.read-only {
  border: solid 1px rgba(10, 43, 88, 0.1);
  background: #f5f5f5;
}
.SOLInput-box.read-only .SOLInput-wrap {
  display: none;
}

.SOLInput-byte {
  text-align: right;
}
.SOLInput-byte .SOLInput-byte--count {
  width: 170px;
}
.SOLInput-byte .SOLInput-byte--count i {
  font-style: normal;
  color: #8b8b8f;
  font-size: var(--font-12);
  padding: 0 1px 0 0;
  display: inline-block;
  width: auto;
}
.SOLInput-byte .SOLInput-byte--count i:last-child {
  padding: 0 0 0 3px;
}
.SOLInput-byte .SOLInput-msg {
  width: auto;
  text-align: left;
}

.SOLInput-byte.s--between {
  display: flex;
  justify-content: space-between;
}

.SOLInput-byte.mgt5 {
  margin-top: 5px;
}

.SOLInput-field {
  position: relative;
  font-size: var(--font-16);
  width: 100%;
  height: 100%;
  padding: 0 var(--form-pd);
  border: 0;
  background-color: transparent;
}
.SOLInput-field:focus,
.SOLInput-field:hover:focus {
  outline: 0;
}
.SOLInput-field::-moz-placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
  font-size: var(--font-13);
}
.SOLInput-field::placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
  font-size: var(--font-13);
}
.SOLInput-field:disabled {
  color: var(--form-c-text-dis);
  cursor: not-allowed;
}
.SOLInput-field[type="date"] {
  padding-right: 20px;
  background: url(../../Common/image/icon/ic_calendar.svg) no-repeat right 10px
    center/16px;
}
.SOLInput-field[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
}
.SOLInput-field[type="date"]::-webkit-clear-button,
.SOLInput-field[type="date"]::-webkit-inner-spin-button {
  display: none;
}

.SOLInput-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: var(--font-12);
  padding-left: 5px;
}

.SOLInput-btnwrap {
  position: relative;
  display: flex;
  gap: 8px;
}
.SOLInput-btnwrap .SOLBtn-root {
  min-width: 105px;
}

.SOLInput-btnwrap--between {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.SOLInput-btnwrap--between span.txt {
  padding: 10px 0 0 0;
}
.SOLInput-btnwrap--between .SOLBtn-root {
  min-width: 105px;
}

.SOLInput-icon {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
}

.SOLInput-wrap--btn {
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
}

.SOLInput-wrap--hidden {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 6px;
  color: #fff;
  font-size: var(--font-12);
  transition: max-height 0.2s 0.1s, opacity 0.2s 0.1s;
}
.SOLInput-wrap--hidden:hover,
.SOLInput-wrap--hidden:has(button:focus) {
  opacity: 1;
  max-height: 30px;
}

.SOLInput-btn {
  flex: 0 0 auto;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #bbbbbd;
  color: #fff;
  font-size: var(--font-17);
}
.SOLInput-btn.SOLIcon-view,
.SOLInput-btn.SOLIcon-view--off {
  background-color: transparent;
  font-size: var(--font-20);
  width: 20px;
  height: 20px;
}

.SOLInput-msg {
  width: 100%;
  font-size: var(--font-13);
}

.SOLInput-count {
  font-size: var(--font-13);
  color: var(--c-error);
  padding-right: 6px;
}

.SOLInput-root.s--lg .SOLInput-box {
  height: var(--large-h);
}
.SOLInput-root.c--error .SOLInput-box {
  border-color: var(--c-error) !important;
}
.SOLInput-root.c--error .SOLInput-icon {
  background-color: var(--c-error);
}
.SOLInput-root.c--error .SOLInput-icon::after {
  content: "!";
}
.SOLInput-root.c--warn .SOLInput-box {
  border-color: var(--c-warn) !important;
}
.SOLInput-root.c--warn .SOLInput-icon::after {
  content: "!";
  position: relative;
}
.SOLInput-root.c--warn .SOLInput-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  border-style: solid;
  border-width: 18px 10px;
  border-color: transparent transparent var(--c-warn);
  border-radius: 3px;
}
.SOLInput-root.c--success .SOLInput-box {
  border-color: var(--c-success) !important;
}
.SOLInput-root.c--success .SOLInput-icon {
  background-color: var(--c-success);
}
.SOLInput-root.c--active .SOLInput-box {
  border-color: var(--c-active) !important;
}
.SOLInput-root.c--active .SOLInput-icon {
  background-color: var(--c-active);
}

.SOLRadio-root {
  display: flex;
  align-items: center;
  gap: 20px;
}
.SOLRadio-root .SOLTitle-t3 {
  min-width: 130px;
}

.SOLRadio-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 2;
  font-size: var(--font-14);
  white-space: nowrap;
}
.SOLRadio-label [type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(10, 43, 88, 0.18);
  border-radius: 50%;
  background-color: #fff;
  color: var(--c-disabled);
  transition: border-color 0.2s;
}
.SOLRadio-label [type="radio"]:checked:not(:disabled) {
  border: 6px solid var(--c-active);
}
.SOLRadio-label [type="radio"]:checked:disabled::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #dde1e5;
  transform: translate(-50%, -50%);
}
.SOLRadio-label [type="radio"]:hover,
.SOLRadio-label [type="radio"]:hover + span {
  cursor: pointer;
}
.SOLRadio-label [type="radio"]:disabled,
.SOLRadio-label [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
.SOLRadio-label [type="radio"]:disabled {
  background-color: #f5f5f5;
}

.SOLCheck-root {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 2em;
  line-height: 18px;
  font-size: var(--font-14);
}
.SOLCheck-root.mgt-15 {
  margin-top: 15px;
}
.SOLCheck-root.s--lg {
  font-size: var(--font-16);
  line-height: 24px;
}
.SOLCheck-root.s--lg .SOLCheck-label {
  gap: 10px;
}
.SOLCheck-root.s--lg .SOLCheck-label [type="checkbox"] {
  width: 24px;
  height: 24px;
}
.SOLCheck-root.s--lg .SOLCheck-label [type="checkbox"]::after {
  width: 8px;
  height: 11px;
}
.SOLCheck-root.s--sm {
  font-size: var(--font-13);
}
.SOLCheck-root .SOLText-note {
  display: block;
}

.agreement-type01 .SOLCheck-label [type="checkbox"] {
  border-radius: 100%;
  background-color: #fff;
}
.agreement-type01 .SOLCheck-label [type="checkbox"]::after {
  border-right: 2px solid #bbbbbd;
  border-bottom: 2px solid #bbbbbd;
}
.agreement-type01 .SOLCheck-label [type="checkbox"]:checked {
  border: none;
}
.agreement-type01 .SOLCheck-label [type="checkbox"]:checked::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.agreement-type02 .SOLCheck-label [type="checkbox"] {
  border: none;
  background-color: #fff;
}
.agreement-type02 .SOLCheck-label [type="checkbox"]::after {
  border-right: 2px solid #bbbbbd;
  border-bottom: 2px solid #bbbbbd;
}
.agreement-type02 .SOLCheck-label [type="checkbox"]:checked {
  background-color: #fff !important;
  border: none;
}
.agreement-type02 .SOLCheck-label [type="checkbox"]:checked::after {
  border-right: 2px solid #3b5dfb;
  border-bottom: 2px solid #3b5dfb;
}

table .SOLCheck-root {
  display: inline-flex;
}

.members-loginbox input[type="checkbox"],
.SOLCheck-root.t--terms input[type="checkbox"] {
  background-color: #fff;
}

.SOLCheck-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.SOLCheck-label [type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(10, 43, 88, 0.1);
  border-radius: 3px;
  background-color: var(--c-bg);
  color: var(--c-disabled);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.SOLCheck-label [type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 6px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  margin-top: -1px;
  border-radius: 1px;
}
.SOLCheck-label [type="checkbox"]:checked {
  border-color: transparent;
  background-color: var(--c-component) !important;
}
.SOLCheck-label [type="checkbox"]:checked::after {
  color: #fff;
}
.SOLCheck-label [type="checkbox"]:checked:disabled {
  background-color: var(--c-disabled) !important;
}
.SOLCheck-label [type="checkbox"]:hover,
.SOLCheck-label [type="checkbox"]:hover + span {
  cursor: pointer;
}
.SOLCheck-label [type="checkbox"]:disabled,
.SOLCheck-label [type="checkbox"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
.SOLCheck-label [type="checkbox"]:disabled {
  background-color: #f5f5f5;
}

.SOLSwitch-root {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  line-height: 2;
  font-size: var(--font-14);
  white-space: nowrap;
}
.SOLSwitch-root [type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
  position: relative;
  width: 56px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background-color: #c6cbd1;
  color: var(--c-disabled);
  transition: background-color 0.2s;
}
.SOLSwitch-root [type="checkbox"]::before {
  content: "OFF";
  position: absolute;
  top: 3px;
  left: 20px;
  z-index: 2;
  color: #fff;
  font-size: var(--font-13);
  font-weight: 600;
  width: 34px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SOLSwitch-root [type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 0.2s;
}
.SOLSwitch-root [type="checkbox"]:checked {
  background-color: var(--c-active);
}
.SOLSwitch-root [type="checkbox"]:checked::after {
  left: 34px;
}
.SOLSwitch-root [type="checkbox"]:checked::before {
  content: "ON";
  left: 2px;
}
.SOLSwitch-root [type="checkbox"]:hover,
.SOLSwitch-root [type="checkbox"]:hover + span {
  cursor: pointer;
}
.SOLSwitch-root [type="checkbox"]:disabled,
.SOLSwitch-root [type="checkbox"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
.SOLSwitch-root.t--appr [type="checkbox"]::before {
  content: "거절";
}
.SOLSwitch-root.t--appr [type="checkbox"]:checked::before {
  content: "승인";
}

.SOLSwitch-label {
  display: inline-flex;
  align-items: center;
  gap: 0 0.2em;
}

.SOLFile-root {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  height: var(--form-h);
  font-size: var(--font-14);
}
.SOLFile-root input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.SOLFile-root input[type="file"]:disabled ~ .SOLFile-box {
  opacity: 0.7;
  background-color: rgba(239, 239, 239, 0.3);
}
.SOLFile-root input[type="file"]:disabled ~ .SOLFile-btn {
  opacity: 0.7;
}
.SOLFile-root input[type="file"]:not(:disabled) ~ .SOLFile-btn:hover {
  background-color: #ccc;
}
.SOLFile-root:hover:not(:has(input:disabled)) .SOLFile-box {
  border-color: var(--form-c-border-h);
}
.SOLFile-root:hover:not(:has(input:disabled)) .SOLBtn-root {
  background-color: var(--bc-hover);
}
.SOLFile-root:hover:not(:has(input:disabled)) .SOLInput-wrap--hidden {
  opacity: 1;
  max-height: 30px;
}
.SOLFile-root:hover:has(input:disabled) .SOLBtn-root {
  background-color: inherit;
}
.SOLFile-root:has(input:disabled) {
  cursor: not-allowed;
}
.SOLFile-root:has(input:disabled) .SOLBtn-root {
  background-color: var(--form-c-bg-dis) !important;
  color: rgba(34, 34, 34, 0.2);
  border-color: rgba(10, 43, 88, 0.1);
}
.SOLFile-root:has(input:disabled) .SOLBtn-root::before {
  opacity: 0.3;
}
.SOLFile-root .SOLBtn-root {
  position: relative;
}
.SOLFile-root .SOLBtn-root::before {
  content: "";
  width: 11px;
  height: 15px;
  background: url(../../Common/image/icon/ic_file.svg) no-repeat left top;
}
.SOLFile-root .SOLInput-wrap--hidden {
  position: absolute;
  right: 8px;
}
.SOLFile-box {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  font-size: var(--font-14);
  width: 100%;
  height: var(--form-h);
  padding: 0 var(--form-pd);
  border: 1px solid var(--form-c-border);
  border-radius: var(--form-round);
  background-color: #fff;
  transition: border-color 0.2s;
  color: var(--fc-default);
  text-align: left;
}
.SOLFile-ico {
  display: inline-block;
  min-height: 15px;
  padding-left: 18px;
  background: url(../../Common/image/icon/ic_file.svg) no-repeat left center;
}

.SOLFile-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5em;
  gap: 0.7em 1em;
  font-size: var(--font-13);
}

.SOLFile-list-item {
  flex: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  min-width: calc(50% - 1em);
  overflow: hidden;
}
.SOLFile-list-item a {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  min-width: 0;
  color: inherit;
}
.SOLFile-list-item a:hover {
  text-decoration: underline;
}
.SOLFile-list-item small {
  flex-shrink: 0;
  color: var(--fc-gray2);
  text-transform: uppercase;
}

.SOLFile-list-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SOLFile-list-btn {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #bbbbbd;
  color: #fff;
  font-size: var(--font-16);
}

.SOLTextarea-root {
  width: 100%;
  font-size: var(--font-14);
  line-height: 1.4;
}
.SOLTextarea-root .SOLTextarea_field {
  height: 100%;
}
.SOLTextarea-root .SOLTextarea_field.error {
  border: solid 1px var(--c-error);
}

.SOLTextarea_field {
  display: block;
  resize: vertical;
  position: relative;
  font-size: var(--font-14);
  width: 100%;
  height: var(--form-h);
  padding: 0 var(--form-pd);
  border: 1px solid var(--form-c-border);
  border-radius: var(--form-round);
  background-color: #fff;
  transition: border-color 0.2s;
  color: var(--fc-default);
  text-align: left;
  padding: var(--form-pd);
}
.SOLTextarea_field:disabled {
  background-color: var(--form-c-bg-dis);
  color: var(--form-c-text-dis);
  cursor: not-allowed;
}
.SOLTextarea_field:hover:not(:disabled) {
  border-color: var(--form-c-border-h);
}
.SOLTextarea_field:hover:not(:-moz-read-only) {
  border-color: var(--form-c-border-h);
}
.SOLTextarea_field:hover:not(:read-only) {
  border-color: var(--form-c-border-h);
}
.SOLTextarea_field:focus,
.SOLTextarea_field:hover:focus {
  border-color: var(--c-active);
  outline: 0;
}
.SOLTextarea_field::-moz-placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
}
.SOLTextarea_field::placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
}

.SOLTab-container .SOLSearchbox-root {
  margin-top: -30px;
}

.SOLSearchbox-header {
  display: flex;
  align-items: center;
  height: 38px;
}
.SOLSearchbox-header-option {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.SOLSearchbox-box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 0px;
  margin-bottom: 40px;
  border-radius: 8px;
  background-color: transparent;
  white-space: nowrap;
}
.SOLSearchbox-box .SOLInput-label {
  font-weight: normal;
  color: inherit;
}
.SOLSearchbox-box .s--grow {
  flex: 1;
}

.SOLSearchbox-label {
  flex-shrink: 0;
  padding-right: 4px;
}

.SOLSearchbox-group {
  display: flex;
  align-items: center;
  gap: 4px;
  border: solid 1px var(--form-c-border);
  height: var(--form-h-s);
  border-radius: 6px;
}
.SOLSearchbox-group .SOLCombobox-root {
  flex-shrink: 0;
  position: relative;
}
.SOLSearchbox-group .SOLCombobox-root:before {
  content: "";
  width: 1px;
  height: 16px;
  background: #e2e2e2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.SOLSearchbox-group .SOLCombobox-root .SOLCombobox-button {
  border: none;
  background: transparent;
  border-radius: 0px;
  height: auto;
}
.SOLSearchbox-group .SOLInput-box {
  border: none;
  height: auto;
  position: relative;
}
.SOLSearchbox-group .SOLInput-box .SOLSvg-search {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  display: block;
}

.SOLSearchbox-btns {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.SOLSearchbox-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.SOLSearchbox-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.SOLSearchbox-col .SOLSearchbox-label {
  min-width: 55px;
}

.SOLSelectGroup-root {
  display: flex;
  gap: 8px;
}
.SOLSelectGroup-root.t--min .SOLSelectGroup-label {
  gap: 10px;
}
.SOLSelectGroup-root.t--min .SOLSelectGroup-label input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.SOLSelectGroup-root .SOLCombobox-root {
  width: unset;
  flex-grow: 1;
}

.SOLSelectGroup-label {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
  line-height: 1.5;
  transition: border-color 0.2s;
}
.SOLSelectGroup-label input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border: 1px solid rgba(10, 43, 88, 0.18);
  border-radius: 50%;
  background-color: #fff;
  color: var(--c-disabled);
  transition: border-color 0.2s;
}
.SOLSelectGroup-label input[type="radio"]:checked {
  border: 6px solid var(--c-active);
}
.SOLSelectGroup-label input[type="radio"]:hover,
.SOLSelectGroup-label input[type="radio"]:hover + span {
  cursor: pointer;
}
.SOLSelectGroup-label input[type="radio"]:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.SOLSelectGroup-label:has(input:checked) {
  border-color: var(--c-active);
  box-shadow: 0 2px 10px rgba(7, 31, 75, 0.1);
}
.SOLSelectGroup-label:has(input:disabled) {
  cursor: not-allowed;
}
.SOLSelectGroup-label:has(input:disabled) > * {
  opacity: 0.7;
}
.SOLSelectGroup-label:has(input:disabled) .SOLTitle-t4,
.SOLSelectGroup-label:has(input:disabled) .guide-body table caption,
.guide-body table .SOLSelectGroup-label:has(input:disabled) caption,
.SOLSelectGroup-label:has(input:disabled) .label {
  color: var(--fc-gray2);
}
.SOLSelectGroup-label:has(input:disabled) .ico {
  filter: grayscale(100%);
  opacity: 0.4;
}
.SOLSelectGroup-label .label {
  display: flex;
  flex-direction: column;
  color: var(--fc-gray1);
}
.SOLSelectGroup-label .ico {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--bc-hover) no-repeat center center/80%;
}
.SOLSelectGroup-label .ico-card {
  background-image: url(../../Common/image/img/img_ic_card.svg);
}
.SOLSelectGroup-label .ico-account {
  background-image: url(../../Common/image/img/img_ic_account.svg);
}
.SOLSelectGroup-label .ico-virtual {
  background-image: url(../../Common/image/img/img_ic_virture.svg);
}
.SOLSelectGroup-label .ico-public {
  background-image: url(../../Common/image/img/img_ic_public.svg);
}
.SOLSelectGroup-label .ico-private {
  background-image: url(../../Common/image/img/img_ic_private.svg);
}
.SOLSelectGroup-label .ico-own {
  background-image: url(../../Common/image/img/img_ic_own.svg);
}
.SOLSelectGroup-label .ico-company {
  background-image: url(../../Common/image/img/img_ic_company.svg);
}
.SOLSelectGroup-label .ico-private {
  background-size: 50%;
}

.SOLDatepicker-root {
  flex-grow: 1;
}

.SOLSearchbox-inputs {
  display: flex;
  align-items: center;
  gap: 4px;
}
.SOLSearchbox-inputs .SOLInput-field {
  padding-right: 40px;
  background: url(../../Common/image/icon/ic_calendar.svg) no-repeat right 10px
    center/16px;
}

.SOLDatepicker-popper {
  z-index: 999;
  position: absolute;
  visibility: hidden;
}
.SOLDatepicker-popper.open {
  visibility: visible;
}

.SOLDatepicker-box {
  position: relative;
  padding: 24px 24px 0;
  margin-top: 5px;
  border-radius: 10px;
  border: 1px solid rgba(10, 43, 88, 0.1);
  background-color: #fff;
  box-shadow: 0 3px 12px rgba(55, 29, 110, 0.07);
  color: #222;
}

.SOLDatepicker-action {
  display: flex;
  justify-content: center;
  gap: 8px;
  border-top: 1px solid var(--tb-border);
  padding: 16px 0;
  margin-top: 16px;
}
.SOLDatepicker-action .SOLBtn-root {
  min-width: 90px;
}

.SOLDatepicker-cont {
  display: flex;
  gap: 40px;
}

.SOLDatepicker-section {
  flex: 1;
}

.SOLDatepicker-month {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-weight: 700;
  font-size: var(--font-20);
}

.SOLDatepicker-month-prev,
.SOLDatepicker-month-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.SOLDatepicker-month-prev .SOLIconBtn-root,
.SOLDatepicker-month-next .SOLIconBtn-root {
  width: 26px;
  height: 26px;
  border-radius: 10px;
}
.SOLDatepicker-month-prev .SOLIconBtn-root:not(:disabled):hover,
.SOLDatepicker-month-next .SOLIconBtn-root:not(:disabled):hover {
  background-color: var(--bc-hover);
  color: var(--c-active);
}

.SOLDatepicker-month-prev {
  left: 0;
}

.SOLDatepicker-month-next {
  right: 0;
}

.SOLDatepicker-week,
.SOLDatepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px 0;
}
.SOLDatepicker-week .SOLDatepicker-item,
.SOLDatepicker-days .SOLDatepicker-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
}
.SOLDatepicker-week .SOLDatepicker-item:nth-child(7n + 1),
.SOLDatepicker-week .SOLDatepicker-item.t--off,
.SOLDatepicker-days .SOLDatepicker-item:nth-child(7n + 1),
.SOLDatepicker-days .SOLDatepicker-item.t--off {
  color: var(--c-error);
}

.SOLDatepicker-week {
  opacity: 0.6;
}
.SOLDatepicker-week .SOLDatepicker-item {
  height: 40px;
}

.SOLDatepicker-days:has(.t--end) .SOLDatepicker-item:not(.t--disabled) {
  background-color: var(--bc-hover);
}
.SOLDatepicker-days .SOLDatepicker-item.t--disabled {
  opacity: 0.4;
}
.SOLDatepicker-days .SOLDatepicker-item.t--disabled .SOLDatepicker-btn:hover,
.SOLDatepicker-days .SOLDatepicker-item.t--disabled .SOLDatepicker-btn:focus {
  border-color: transparent;
  cursor: default;
}
.SOLDatepicker-days .SOLDatepicker-item.t--start::before,
.SOLDatepicker-days .SOLDatepicker-item.t--end::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: var(--bc-hover);
}
.SOLDatepicker-days .SOLDatepicker-item.t--start::before {
  right: 0;
}
.SOLDatepicker-days .SOLDatepicker-item.t--end::before {
  left: 0;
}
.SOLDatepicker-days
  .SOLDatepicker-item.t--start
  ~ .SOLDatepicker-item:not(.t--disabled) {
  background-color: var(--bc-hover);
}
.SOLDatepicker-days .SOLDatepicker-item.t--end:not(.t--disabled),
.SOLDatepicker-days
  .SOLDatepicker-item.t--end
  ~ .SOLDatepicker-item:not(.t--disabled) {
  background-color: inherit;
}

.SOLDatepicker-btn {
  z-index: 1;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  font-size: var(--font-15);
  color: inherit;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}
.SOLDatepicker-btn:hover,
.SOLDatepicker-btn:focus {
  border-color: rgba(54, 78, 164, 0.6);
}
.SOLDatepicker-btn.t--selected {
  background-color: var(--c-active);
  color: #fff !important;
}

.tit-close-wrap {
  display: flex;
  justify-content: center;
  padding: 0 20px;
}
.tit-close-wrap.mgb44 {
  margin-bottom: 44px;
}
.tit-close-wrap .tit-close-box {
  width: 360px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tit-close-wrap .tit-close-box .close-btn {
  width: 15px;
  height: 15px;
  background: url("../../Common/image/icon/mb/ic_gnb_closebtn.png") no-repeat
    center;
  background-size: 15px;
  cursor: pointer;
  display: block;
}
.tit-close-wrap .tit-close-box .title {
  font-size: var(--font-15);
  font-weight: 500;
  padding: 2px 0 0 10px;
}

.SOLTermAgreement-root {
  display: flex;
  justify-content: center;
  background: #fff;
}
.SOLTermAgreement-wrap {
  width: 360px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  padding: 20px 0px;
  z-index: 10;
  position: absolute;
  background: #fff;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.SOLTermAgreement-container {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.SOLTermAgreement-contents {
  overflow-y: auto;
  height: calc(100dvh - 165px);
  color: #404252;
  padding: 0 20px;
  word-break: break-all;
  text-align: justify;
  scrollbar-width: none;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
.SOLTermAgreement-contents h2 {
  font-weight: 700;
  color: #222;
  margin-bottom: 2em;
}
.SOLTermAgreement-contents p {
  margin: 0 0;
}

.action-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  padding: 0 20px;
}

.SOLSelect-root {
  position: relative;
  width: 100%;
  min-width: 70px;
  background-color: #fff;
}
.SOLSelect-root::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  border-style: solid;
  border-color: currentColor transparent transparent;
  border-width: 6px 5px;
  margin-top: -3px;
  border-radius: 2px;
}

.SOLSelect-select {
  z-index: 1;
  position: relative;
  font-size: var(--font-14);
  width: 100%;
  height: var(--form-h);
  padding: 0 var(--form-pd);
  border: 1px solid var(--form-c-border);
  border-radius: var(--form-round);
  background-color: #fff;
  transition: border-color 0.2s;
  color: var(--fc-default);
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.SOLSelect-select:disabled {
  background-color: var(--form-c-bg-dis);
  color: var(--form-c-text-dis);
  cursor: not-allowed;
}
.SOLSelect-select:hover:not(:disabled) {
  border-color: var(--form-c-border-h);
}
.SOLSelect-select:hover:not(:-moz-read-only) {
  border-color: var(--form-c-border-h);
}
.SOLSelect-select:hover:not(:read-only) {
  border-color: var(--form-c-border-h);
}
.SOLSelect-select:focus,
.SOLSelect-select:hover:focus {
  border-color: var(--c-active);
  outline: 0;
}
.SOLSelect-select::-moz-placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
}
.SOLSelect-select::placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
}

.SOLCombobox-root {
  position: relative;
  width: 100%;
  min-width: 70px;
  background-color: #fff;
}
.SOLCombobox-root:has(button:focus) .SOLCombobox-option {
  max-height: calc(12em + 2px);
  border: 1px solid rgba(10, 43, 88, 0.1);
  overflow-y: auto;
}
.SOLCombobox-root ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.SOLCombobox-button {
  position: relative;
  font-size: var(--font-14);
  width: 100%;
  height: var(--form-h);
  padding: 0 var(--form-pd);
  border: 1px solid var(--form-c-border);
  border-radius: var(--form-round);
  background-color: #fff;
  transition: border-color 0.2s;
  color: var(--fc-default);
  text-align: left;
  padding-right: 40px;
}
.SOLCombobox-button:disabled {
  background-color: var(--form-c-bg-dis);
  color: var(--form-c-text-dis);
  cursor: not-allowed;
}
.SOLCombobox-button:hover:not(:disabled) {
  border-color: var(--form-c-border-h);
}
.SOLCombobox-button:hover:not(:-moz-read-only) {
  border-color: var(--form-c-border-h);
}
.SOLCombobox-button:hover:not(:read-only) {
  border-color: var(--form-c-border-h);
}
.SOLCombobox-button:focus,
.SOLCombobox-button:hover:focus {
  border-color: var(--c-active);
  outline: 0;
}
.SOLCombobox-button::-moz-placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
}
.SOLCombobox-button::placeholder {
  color: var(--form-c-text-dis);
  opacity: 1;
}
.SOLCombobox-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  border-style: solid;
  border-color: currentColor transparent transparent;
  border-width: 6px 5px;
  margin-top: -3px;
  border-radius: 2px;
}

.SOLCombobox-button.error {
  border: solid 1px var(--c-error);
}

.SOLCombobox-button.success {
  border: solid 1px var(--c-success);
}

.SOLCombobox-option {
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 0;
  margin-top: 2px;
  border-radius: var(--form-round);
  background-color: #fff;
  overflow: hidden;
}
.SOLCombobox-option.st--visible {
  max-height: calc(12em + 2px);
  border: 1px solid rgba(10, 43, 88, 0.1);
  overflow-y: auto;
}
.SOLCombobox-option li {
  display: flex;
  align-items: center;
  transition: background-color 0.2s;
}
.SOLCombobox-option li.st--active {
  background-color: var(--bc-hover);
}
.SOLCombobox-option li:hover:not(.st--active, :has(button:disabled)) {
  background-color: rgba(77, 124, 254, 0.05);
}
.SOLCombobox-option li > * {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.4em;
  text-align: left;
  padding: 5px var(--form-pd);
}
.SOLCombobox-option li button:disabled {
  cursor: not-allowed;
}

.SOLStepper-root {
  display: flex;
  gap: 30px;
  font-size: var(--font-12);
  font-weight: 500;
  color: #3d58c9;
  padding: 20px 20px;
  margin-top: 20px;
  background: #f8fafa;
  position: relative;
}
.SOLStepper-root > li {
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  word-break: keep-all;
}
.SOLStepper-root > li::before {
  content: "";
  z-index: 1;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #506fff url(../../Common/image/icon/ic_check.svg) no-repeat center
    center/13px;
  color: #fff;
}
.SOLStepper-root > li:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 12px;
  left: -10px;
  right: -10px;
  transform: translateX(-50%);
  border-top: 1px solid #3d58c9;
}
.SOLStepper-root > li.num1::before {
  content: "1";
  background-image: none;
}
.SOLStepper-root > li.num2::before {
  content: "2";
  background-image: none;
}
.SOLStepper-root > li.num3::before {
  content: "3";
  background-image: none;
}
.SOLStepper-root > li.num4::before {
  content: "4";
  background-image: none;
}
.SOLStepper-root > li.num5::before {
  content: "5";
  background-image: none;
}
.SOLStepper-root > li.active ~ li {
  color: #bbc1c9;
}
.SOLStepper-root > li.active ~ li::before {
  background-color: #e6eaef;
}
.SOLStepper-root > li.active ~ li::after {
  border-top-color: #e6eaef;
}
.SOLStepper-root > li.active {
  font-weight: 700;
}
.SOLStepper-root > li.disbled {
  color: #bbc1c9;
}
.SOLStepper-root > li.disbled::before {
  content: "";
  background-color: #bbc1c9;
}
.SOLStepper-root.t--service {
  gap: 50px;
  margin: 0 0 0 auto;
  color: var(--font-default);
}
.SOLStepper-root.t--service > li {
  flex: unset;
  flex-direction: row;
  white-space: nowrap;
  text-align: left;
}
.SOLStepper-root.t--service > li:not(:first-of-type)::after {
  top: 50%;
  left: -30px;
  right: unset;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 0;
  border-right: 1px solid rgba(17, 17, 17, 0.3);
  border-bottom: 1px solid rgba(17, 17, 17, 0.3);
  transform: rotate(-45deg);
}
.SOLStepper-root.t--service > li.active::before,
.SOLStepper-root.t--service > li.active ~ li::before {
  content: counter(number);
}
.SOLStepper-root.t--service > li.active ~ li {
  color: var(--fc-gray2);
}
.SOLStepper-root.t--service > li.active ~ li::before {
  border: 1px solid var(--tb-border);
  background-color: #fff;
  color: inherit;
}
.SOLStepper-root.t--service > li.active ~ li::after {
  border-top-color: #e6eaef;
}

.SOLPagenation-root {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
  color: var(--fc-gray2);
}
.SOLPagenation-root button,
.SOLPagenation-root .SOLIconBtn-root {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.SOLPagenation-root button:hover:not(.st--active, :disabled),
.SOLPagenation-root .SOLIconBtn-root:hover:not(.st--active, :disabled) {
  background-color: var(--bc-hover);
}
.SOLPagenation-root button.st--active,
.SOLPagenation-root .SOLIconBtn-root.st--active {
  background-color: var(--c-active);
  color: #fff;
}
.SOLPagenation-root .wrapper-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.SOLPagenation-root .wrapper-icon i {
  margin: 0 -4px;
}

.SOLPagenation-group {
  display: flex;
  align-items: center;
}

.SOLAccordian-root {
  border: 1px solid var(--tb-border);
  border-radius: 8px;
  padding: 12px 24px;
}
.SOLAccordian-root ::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.SOLAccordian-root ::-webkit-scrollbar-thumb {
  border: 6px solid var(--c-bg);
  border-radius: 18px;
  background-color: #dcdbdf;
}
.SOLAccordian-root.s--sm .SOLAccordian-item {
  padding: 0;
}
.SOLAccordian-root.s--sm .SOLAccordian-item.st--open {
  padding-bottom: 12px;
}
.SOLAccordian-root.t--faq {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: var(--font-15);
}
.SOLAccordian-root.t--faq ::-webkit-scrollbar-thumb {
  border-color: #fff;
}
.SOLAccordian-root.t--faq .SOLAccordian-item {
  border: 1px solid var(--tb-border) !important;
  border-radius: 8px;
  padding: 1.33em;
}
.SOLAccordian-root.t--faq .SOLAccordian-title {
  margin: 0;
  font-weight: 700;
}
.SOLAccordian-root.t--faq .SOLAccordian-btn {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.SOLAccordian-root.t--faq .SOLAccordian-btn:hover .SOLAccordian-arr {
  color: var(--fc-default);
}
.SOLAccordian-root.t--faq .SOLAccordian-category {
  display: flex;
  align-items: center;
  width: 8em;
  font-weight: 400;
  font-size: var(--font-14);
  text-align: left;
}
.SOLAccordian-root.t--faq .SOLAccordian-category::before {
  content: "";
  width: 1.7em;
  height: 1.7em;
  margin-right: 0.5em;
  color: var(--c-active);
  background: url(../../Common/image/icon/ic_q.svg) no-repeat left
    center/contain;
}
.SOLAccordian-root.t--faq .SOLAccordian-arr {
  color: var(--c-disabled);
  transition: color 0.3s;
}
.SOLAccordian-root.t--faq .SOLAccordian-body {
  border-radius: 0;
  background-color: unset;
}
.SOLAccordian-root.t--faq .SOLAccordian-box {
  margin-top: 1em;
  border-top: 1px solid var(--tb-border);
  font-size: var(--font-14);
  padding-left: 2.2em;
}

.SOLAccordian-header {
  padding-top: 12px;
  padding-bottom: 18px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--tb-border);
}

.SOLAccordian-item {
  padding: 12px 0;
}
.SOLAccordian-item:not(:last-child) {
  border-bottom: 1px solid var(--c-bg);
}
.SOLAccordian-item.st--open:not(:last-child) {
  border-bottom: 0;
}

.SOLAccordian-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4px 0;
  font-size: var(--font-16);
}

.SOLAccordian-btn {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  padding: 8px;
}

.SOLAccordian-arr {
  display: inline-block;
  margin-left: auto;
  transition: transform 0.2s;
}

.SOLAccordian-body {
  display: flex;
  border-radius: 8px;
  background-color: var(--c-bg);
  color: #404252;
  word-break: keep-all;
  transition: max-height 0.2s;
}

.SOLAccordian-box {
  flex: 1;
  max-height: 100%;
  padding: 24px;
  overflow-y: scroll;
  line-height: 1.6;
}

.SOLAccordian-custom .SOLAccordian-btn {
  padding: 4px 8px;
}

.SOLAccordian-body,
.js-accordian-body {
  overflow: hidden;
  max-height: 0;
}
.SOLAccordian-body .SOLSearchbox-root,
.js-accordian-body .SOLSearchbox-root {
  flex: 1;
}

.js-accordian-root.st--open .js-accordian-body,
.SOLAccordian-item.st--open .js-accordian-body {
  max-height: 207px;
}
.js-accordian-root.st--open .SOLAccordian-arr,
.SOLAccordian-item.st--open .SOLAccordian-arr {
  transform: rotate(-180deg);
}

.js-accordian-root:not(.SOLAccordian-item).st--open .js-accordian-body {
  overflow: visible;
}

.SOLLoader-root {
  z-index: 9999;
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SOLLoader-root::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  animation: fadeIn 0.5s;
}
.SOLLoader-root::before.t--blur {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.SOLModal-root {
  z-index: 999;
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SOLModal-root.s--mb .SOLModal-box {
  max-width: 360px;
}
.SOLModal-root.s--sm .SOLModal-box {
  max-width: 520px;
}
.SOLModal-root.s--md .SOLModal-box {
  max-width: 890px;
}
.SOLModal-root.s--lg .SOLModal-box {
  max-width: var(--max-w);
}
.SOLModal-root.s--full .SOLModal-box {
  max-width: unset;
}
.SOLModal-root .SOLTable-data:not(.t--result) caption {
  margin-bottom: 0.7em;
}
.SOLModal-root .SOLTable-data:not(.t--result) th,
.SOLModal-root .SOLTable-data:not(.t--result) td {
  height: 42px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.SOLModal-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  animation: fadeIn 0.5s;
}
.SOLModal-backdrop.t--blur {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.SOLModal-box {
  position: relative;
  max-height: calc(100vh - 80px);
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  animation: fadeIn 0.5s;
  width: calc(100% - 80px);
  min-height: 250px;
  max-width: 590px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}

.SOLModal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin: -2px -2px 0 auto;
}

.SOLModal-title {
  position: relative;
  flex-shrink: 0;
}
.SOLModal-title-desc {
  font-size: 14px;
  font-weight: 400;
  color: #404252;
  display: block;
  padding: 10px 0 0 0;
}
.SOLModal-title .SOLTitle-t2 {
  height: 40px;
  border-bottom: 1px solid #eaeaea;
}
.SOLModal-title .SOLTitle-t2.center {
  text-align: center;
  border: none;
}
.SOLModal-title .SOLTitle-t3.pdt40 {
  padding: 40px 0 0 0;
}
.SOLModal-title .SOLTitle-t3.border-type {
  border-bottom: solid 1px #e6e8eb;
  padding-bottom: 10px;
}

.SOLModal-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
  overflow-y: auto;
}

.SOLModal-desc {
  font-size: var(--font-14);
  text-align: center;
  line-height: 20px;
}

.SOLModal-bottom-desc {
  padding: 0 0 20px 0;
  font-size: 14px;
  border-bottom: solid 1px #e6e8eb;
}
.SOLModal-bottom-desc span.bold {
  font-weight: 700;
}

.SOLModal-action {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 0 6px;
}
.SOLModal-action .SOLBtn-root {
  flex: 1;
  max-width: 160px;
}

.SOLModal-msgbox {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--c-bg);
  line-height: 1.6;
}
.SOLModal-msgbox li::before {
  content: "·";
  padding-right: 4px;
}

.SOLModal-terms-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  color: var(--fc-gray1);
  line-height: 1.43;
}

.SOLModal-terms-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.SOLModal-terms-list.h--sm > li {
  padding: 8px 16px;
}
.SOLModal-terms-list > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.SOLModal-terms-list > li:not(:first-of-type) {
  font-size: var(--font-13);
}

.txt-link {
  color: var(--c-active);
  text-decoration: underline;
  cursor: pointer;
  display: block;
  text-align: center;
  padding: 20px 0 0 0;
}
.txt-link:hover {
  text-decoration: none;
}

.review-popup-component {
  position: fixed;
  z-index: 998;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 600px;
  border-radius: 16px 16px 0 0;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1607843137);
  box-sizing: border-box;
}
.review-popup-component.w312 {
  width: 312px;
  height: 480px;
}
.review-popup-component.w312 .review-popup-header .tit {
  font-size: var(--font-16);
}
.review-popup-component.w520 {
  width: 520px;
  height: 400px;
}
.review-popup-component.w400 {
  width: 400px;
}
.review-popup-component.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.review-popup-component.top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.review-popup-component.bottom {
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
}
.review-popup-component.left {
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}
.review-popup-component.right {
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.review-popup-component .review-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #e6e8eb;
  padding: 16px 24px;
}
.review-popup-component .review-popup-header .tit {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: #222222;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.review-popup-component .review-popup-header .h-close-btn {
  display: block;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  background: url(/src/app/backoffice/resource/images/review-popup-c-btn.png)
    no-repeat;
  cursor: pointer;
}
.review-popup-component .review-popup-contents {
  padding: 30px 24px 0 24px;
  max-height: calc(100% - 90px);
  overflow-y: scroll;
  /* Webkit 기반 브라우저 (Chrome, Safari 등) */
}
.review-popup-component .review-popup-contents p {
  font-size: 14px;
  font-weight: 400;
  color: #222222;
}
.review-popup-component .review-popup-contents::-webkit-scrollbar-track {
  background: transparent; /* 스크롤 트랙 숨기기 */
}
.review-popup-component .skip-today-box {
  width: 100%;
  position: absolute;
  bottom: -51px;
  left: 0;
  display: flex;
  justify-content: flex-start;
  background-color: #353535;
  padding: 16px 24px;
  border-radius: 0 0 16px 16px;
  box-sizing: border-box;
}
.review-popup-component .skip-today-box .chk-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.review-popup-component .skip-today-box .chk-box input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  cursor: pointer;
}
.review-popup-component .skip-today-box .chk-box label {
  color: #fff;
  display: inline-block;
  padding: 0 0 0 5px;
  font-size: 14px;
  font-weight: 500;
  color: #bababa;
}
.review-popup-component .skip-today-box .skip-btn-close {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #bababa;
  position: relative;
  padding: 0 0 0 20px;
  cursor: pointer;
  margin-left: auto;
}
.review-popup-component .skip-today-box .skip-btn-close:before {
  content: "";
  width: 10px;
  height: 10px;
  background: url(/src/app/backoffice/resource/images/skip-btn-close.png)
    no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
}

@media all and (max-width: 800px) {
  .review-popup-component {
    width: 90%;
  }
}
.SOLAlert-root {
  z-index: 999;
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SOLAlert-root.s--sm .SOLModal-box {
  min-width: 372px;
}
.SOLAlert-root.s--lg .SOLModal-box {
  min-width: 800px;
}

.SOLAlert-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  animation: fadeIn 0.5s;
}
.SOLAlert-backdrop.t--blur {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.SOLAlert-box {
  position: relative;
  max-height: calc(100vh - 80px);
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  animation: fadeIn 0.5s;
  width: 312px;
  min-height: 258px;
  padding: 40px 30px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  word-break: keep-all;
}
.SOLAlert-box.s--sm {
  width: 360px;
  padding: 30px 20px;
}

.SOLAlert-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}

.SOLAlert-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  text-align: center;
  line-height: 1.5;
}
.SOLAlert-content .SOLText-desc {
  padding: 0 20px;
}
.SOLAlert-content .SOLText-desc.bold {
  font-size: var(--font-16);
  font-weight: 700;
}
.SOLAlert-content .SOLText-desc.pd-0 {
  padding: 0;
}
.SOLAlert-content .SOLTitle-t4,
.SOLAlert-content .guide-body table caption,
.guide-body table .SOLAlert-content caption {
  margin-bottom: 5px;
}

.SOLAlert-action {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.SOLAlert-action .SOLBtn-root {
  min-width: 90px;
}

.SOLAlert-msgbox {
  text-align: center;
  padding: 12px;
  background-color: var(--c-bg);
  line-height: 1.6;
}
.SOLAlert-msgbox.mgt15 {
  margin-top: 15px;
}
.SOLAlert-msgbox-title {
  font-size: var(--font-16);
  font-weight: 700;
  color: #404252;
  padding-bottom: 5px;
}
.SOLAlert-msgbox-text {
  font-size: var(--font-14);
  font-weight: 400;
  color: #404252;
}
.SOLAlert-msgbox.left {
  text-align: left;
}
.SOLAlert-msgbox.bd-radius {
  border-radius: 8px;
}
.SOLAlert-msgbox .kepp-in-mind h5.title {
  font-size: var(--font-14);
  font-weight: 700;
  color: #4e5262;
  padding: 0 0 11px 28px;
  border-bottom: solid 1px #e6e8eb;
  position: relative;
}
.SOLAlert-msgbox .kepp-in-mind h5.title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../../Common/image/icon/ic_info.svg) no-repeat center;
  border: solid 1px rgba(10, 43, 88, 0.1803921569);
  border-radius: 50%;
}
.SOLAlert-msgbox .kepp-in-mind ul.list {
  padding: 0px 0 0 0;
}
.SOLAlert-msgbox .kepp-in-mind ul.list li {
  position: relative;
  padding: 0 0 0 20px;
}
.SOLAlert-msgbox .kepp-in-mind ul.list li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #0a2b58;
  border-radius: 50%;
}
.SOLAlert-msgbox .kepp-in-mind ul.list li span.tit {
  display: inline-block;
  width: 110px;
}
.SOLAlert-msgbox .kepp-in-mind ul.list li span.con {
  display: inline-block;
  width: 100%;
}
.SOLAlert-msgbox .kepp-in-mind div.flex-box {
  display: flex;
  justify-content: space-between;
}
.SOLAlert-msgbox .kepp-in-mind div.flex-box.bd-bt-line {
  border-bottom: solid 1px #bebebe;
}
.SOLAlert-msgbox .kepp-in-mind div.flex-box .SOLIcon-gt--r::after {
  width: 8px;
  height: 8px;
}

.SOLAlert-msgbox-list {
  margin-top: 8px;
  text-align: left;
}
.SOLAlert-msgbox-list li::before {
  content: "·";
  padding-right: 6px;
}

.SOLAlert-panelbox {
  border: 1px solid var(--tb-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  color: var(--fc-gray1);
  font-size: var(--font-12);
  line-height: 1.4;
  text-align: left;
}

.SOLAlert-btnbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25em 0 1em;
  border-bottom: 1px solid var(--tb-border);
  text-align: left;
}
.SOLAlert-btnbox .bullet {
  position: relative;
  display: inline-block;
  padding-left: 0.6em;
}
.SOLAlert-btnbox .bullet::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

.SOLToast-root {
  z-index: 9999;
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.SOLToast-root.bottom-position {
  justify-content: flex-end;
}
.SOLToast-root.bottom-position .SOLToast-box {
  margin-bottom: 20px;
}
.SOLToast-root.p--fixed {
  position: absolute;
  inset: unset;
}
.SOLToast-root.p--fixed .SOLToast-box {
  box-shadow: unset;
}
.SOLToast-root.form-toast-type {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px !important;
  left: 50% !important;
  transform: translate(-50%, 0);
  display: block;
}
.SOLToast-root.form-toast-type .SOLToast-box {
  width: 309px;
  min-height: 56px;
  border-radius: 2px;
}

.SOLToast-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  animation: fadeIn 0.5s;
}
.SOLToast-backdrop.t--blur {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.SOLToast-box {
  position: relative;
  display: flex;
  gap: 24px;
  min-width: 100px;
  min-height: 52px;
  padding: 14px 24px;
  background-color: #283556;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  word-break: keep-all;
  animation: toastIn 0.8s 0.2s var(--ease) both;
}
.SOLToast-box.c--error {
  background-color: #ffeded;
  color: var(--fc-default);
}
.SOLToast-box.c--error .SOLToast-icon::before {
  content: "!";
  background: #fc5356;
  color: #fff;
}

.SOLToast-icon {
  display: flex;
  align-items: center;
}
.SOLToast-icon::before {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff url(../../Common/image/icon/ic_info.svg) no-repeat center
    center/5px;
  color: #283556;
  margin-right: 10px;
  font-size: 10px;
}

.SOLPopper-notify:hover ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.SOLPopper-notify ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.SOLPopper-notify ::-webkit-scrollbar-track {
  background-color: transparent;
}
.SOLPopper-notify ::-webkit-scrollbar-thumb {
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0);
}
.SOLPopper-notify-cont {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  padding-right: 16px;
  max-height: 550px;
  overflow-y: scroll;
  font-weight: 500;
}
.SOLPopper-notify-tit {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: var(--font-16);
}
.SOLPopper-notify-tit em {
  padding-left: 6px;
  color: var(--c-active);
}
.SOLPopper-notify-tit button {
  margin-left: auto;
}
.SOLPopper-notify-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.SOLPopper-notify-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 3em;
  padding: 16px;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
  transition: border-color 0.3s;
}
.SOLPopper-notify-list li:hover {
  border-color: rgba(10, 43, 88, 0.3);
}
.SOLPopper-notify-list .t--service {
  padding-left: 60px;
  background: url(../../Common/image/icon/ic_noti_service.svg) no-repeat 15px
    center/36px;
}
.SOLPopper-notify-list .t--mypage {
  padding-left: 60px;
  background: url(../../Common/image/icon/ic_noti_my.svg) no-repeat 15px
    center/36px;
}
.SOLPopper-notify-list .t--customer {
  padding-left: 60px;
  background: url(../../Common/image/icon/ic_noti_cs.svg) no-repeat 15px
    center/36px;
}
.SOLPopper-notify-list .t--download {
  padding-left: 60px;
  background: url(../../Common/image/icon/ic_noti_down.svg) no-repeat 15px
    center/36px;
}
.SOLPopper-notify-list .t--promo {
  padding-left: 60px;
  background: url(../../Common/image/icon/ic_noti_promo.svg) no-repeat 15px
    center/36px;
}
.SOLPopper-notify-close {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #bbbbbd;
}
.SOLPopper-notify-close button:hover {
  color: var(--fc-default);
}
.SOLPopper-notify-info {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.SOLPopper-notify-info small {
  padding-left: 0.8em;
  font-size: var(--font-12);
  color: var(--fc-gray2);
  font-weight: 400;
}
.SOLPopper-notify-body {
  display: flex;
  font-size: var(--font-12);
  line-height: 1.4;
  font-weight: 500;
}
.SOLPopper-notify-body:not(.st--open) .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SOLPopper-notify-body.st--open {
  display: block;
}
.SOLPopper-notify-body.st--open .desc,
.SOLPopper-notify-body.st--open .btn {
  display: inline;
}
.SOLPopper-notify-body .btn {
  color: var(--c-active);
  white-space: nowrap;
  padding-left: 0.4em;
}

.SOLPopper-list {
  text-align: left;
  border-radius: 10px;
  overflow: hidden;
}
.SOLPopper-list > li:not(:first-of-type) {
  border-top: 1px solid var(--tb-border);
}
.SOLPopper-list > li button,
.SOLPopper-list > li a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 12px;
  transition: background-color 0.2s;
}
.SOLPopper-list > li button:hover,
.SOLPopper-list > li a:hover {
  background-color: var(--bc-hover);
}
.SOLPopper-list.SOLPopper-box {
  padding: 0;
}

.SOLPopper-position {
  z-index: 1000;
  position: absolute;
  visibility: hidden;
  max-width: calc(100vw - 10px);
}
.SOLPopper-position.open {
  visibility: visible;
}

.SOLPopper-box {
  position: relative;
  padding: 12px;
  margin-top: 5px;
  border-radius: 10px;
  border: 1px solid #d9dce1;
  background-color: #fff;
  box-shadow: 0 3px 12px rgba(55, 29, 110, 0.07);
  color: #222;
  font-size: var(--font-12);
  font-weight: 500;
  line-height: 1.4;
}
.SOLPopper-box.absolute {
  position: absolute;
  margin-top: 0px;
  width: auto;
  visibility: hidden;
  z-index: 1000;
}
.SOLPopper-box.show {
  visibility: visible;
}

.SOLTab-menu {
  display: flex;
  gap: 32px;
  border-bottom: 1px solid var(--tb-border);
}

.SOLTab-btn {
  position: relative;
  height: 48px;
  padding-bottom: 6px;
  font-size: var(--font-18);
  color: var(--fc-gray2);
  font-weight: 700;
  transition: border-color 0.3s, color 0.3s;
}
.SOLTab-btn:not(:first-child) {
  margin-left: -1px;
}
.SOLTab-btn.st--active {
  z-index: 1;
  color: #222;
}
.SOLTab-btn.st--active::after {
  width: 100%;
}
.SOLTab-btn::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  border-bottom: 2px solid currentColor;
  transform: translateX(-50%);
  transition: width 0.3s var(--ease);
}

.SOLTab-container {
  margin-top: 30px;
}

.SOLTab-content {
  overflow: hidden;
  height: 0;
}
.SOLTab-content.st--active {
  height: auto;
  overflow: visible;
}
.SOLTab-content .SOLFilter-root {
  margin-top: 0;
}

.SOLFilter-root {
  display: flex;
  gap: 8px;
  margin: 16px 0;
}
.SOLFilter-root.s--lg {
  margin-bottom: 20px;
}
.SOLFilter-root.s--lg .SOLFilter-btn {
  min-width: 70px;
  height: 42px;
  padding: 5px 14px;
  border-radius: 8px;
  font-size: var(--font-15);
  border: 1px solid rgba(10, 43, 88, 0.18);
  background-color: #fff;
}
.SOLFilter-root.s--lg .SOLFilter-btn:hover {
  background-color: #e9eff3;
}
.SOLFilter-root.s--lg .SOLFilter-btn.st--active {
  border-color: transparent;
  background-color: #222;
  color: #fff;
}

.SOLFilter-swiper {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  transition: flex 0.2s;
}
.SOLFilter-swiper.p--end {
  justify-content: flex-end;
}

.SOLFilter-wrap {
  display: flex;
  gap: 8px;
}

.SOLFilter-btn {
  height: 32px;
  padding: 5px 12px;
  border-radius: 2em;
  background-color: var(--c-bg);
  font-size: var(--font-13);
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color 0.3s, color 0.3s;
}
.SOLFilter-btn:hover {
  background-color: #e9eff3;
}
.SOLFilter-btn.st--active {
  background-color: #222;
  color: #fff;
}

.SOLFilter-navi {
  z-index: 1;
  position: relative;
  flex-shrink: 0;
  display: flex;
  gap: 4px;
  margin-left: auto;
}

.SOLFilter-navi-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e4e7ec;
  transition: background-color 0.2s;
}
.SOLFilter-navi-btn:hover {
  background-color: #f9fafb;
}

#root {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.SOL-container {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}

.SOL-content {
  display: flex;
}

.SOLHeader-root {
  min-height: 76px;
  border-bottom: solid 1px #f1f3ff;
  position: relative;
  z-index: 10;
}
.SOLHeader-root .SOLHeader-logo a.eng {
  position: absolute;
  inset: 0 0 auto 0;
  height: 100%;
  background: url("../../Common/image/crediview/logo/bi_crediview_w.svg")
    no-repeat left center/contain;
}
.SOLHeader-root .SOLHeader-logo a.kor {
  position: absolute;
  display: none;
  inset: auto 0 0 0;
  height: 100%;
}
.SOLHeader-root.t--landing {
  background-color: #fff;
}
.SOLHeader-root .SOLHeader-inner {
  width: 360px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-logo {
  position: relative;
  width: 100px;
  height: 30px;
  margin-top: 30px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-logo.title-type-wrap {
  width: auto;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-logo.title-type-wrap
  a.event-h-title {
  display: block;
  width: auto;
  text-indent: 0;
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
  position: relative;
  padding: 0 0 0 25px;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-logo.title-type-wrap
  a.event-h-title::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat;
  position: absolute;
  top: 3px;
  left: 0;
  transform: rotate(180deg);
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-logo a {
  display: block;
  width: 100px;
  height: 30px;
  text-indent: -9999px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-logo a.eng {
  background: url("../../Common/image/crediview/logo/mb/member-crediview-logo.png")
    no-repeat 5% 58%/65%;
  background-size: 100px;
  animation: logoSwap 6s ease infinite;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-logo a.kor {
  background: url("../../Common/image/crediview/logo/bi_crediview_kr.svg")
    no-repeat 5% 58%/65%;
  opacity: 1;
  display: block;
  animation: logoSwap2 6s ease infinite;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .auth-btn-wrap {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .auth-btn-wrap a {
  width: 58px;
  height: 32px;
  background-color: transparent;
  border: 1px solid rgba(10, 43, 88, 0.1);
  border-radius: 6px;
  display: block;
  transition: ease-in-out 0.3s;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .auth-btn-wrap a.join {
  width: 70px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .auth-btn-wrap a:hover {
  background-color: #ffffff;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .auth-btn-wrap a:active {
  background-color: #d1d6e3;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .auth-btn-wrap a span {
  font-size: var(--font-13);
  color: #222222;
  display: block;
  text-align: center;
  padding-top: 7px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .menu-btn {
  width: 20px;
  height: 16px;
  background: url("../../Common/image/crediview/landing/mb/mb-menu-btn.png")
    no-repeat;
  text-indent: -9999px;
  display: block;
  margin-left: 12px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  transition: ease-in-out 0.5s;
  display: none;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb.on {
  display: block;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-inner {
  padding: 30px 0 42px 0;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h {
  width: 360px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 15px 20px;
  margin: 0 auto;
  position: relative;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h::before {
  content: "";
  width: 1920px;
  height: 1px;
  background-color: #e6e8eb;
  position: absolute;
  bottom: 0;
  left: -783px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h .gnb-logo {
  background: url(../../Common/image/crediview/logo/logo_crediview.svg)
    no-repeat;
  width: 100px;
  height: 30px;
  background-size: 100px;
  margin-top: 1px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h .close-btn {
  width: 20px;
  height: 16px;
  background: url("../../Common/image/icon/mb/ic_gnb_closebtn.png") no-repeat
    center;
  cursor: pointer;
  margin-top: 3px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h .logout {
  position: absolute;
  top: 0;
  right: 52px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-menu {
  height: calc(100vh - 107px);
  overflow-y: auto;
  overflow-x: hidden !important;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01 {
  position: relative;
  width: 360px;
  margin: 0 auto;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01::before {
  content: "";
  width: 1920px;
  height: 1px;
  background-color: #e6e8eb;
  position: absolute;
  bottom: 0;
  left: -782px;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a {
  font-size: var(--font-18);
  font-weight: 700;
  color: #222222;
  padding: 30px 20px 20px 20px;
  display: block;
  position: relative;
  transition: ease-in-out 0.3s;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a::before {
  content: var(--before-content, "");
  width: 14px;
  height: 8px;
  background: url("../../Common/image/icon/mb/ic_gnb_depth02.png") no-repeat;
  position: absolute;
  top: 37px;
  right: 20px;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a.on::before {
  transform: rotate(180deg);
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a.ai-post {
  display: inline-block;
  padding-right: 55px;
  position: relative;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a.ai-post::after {
  content: "";
  width: 47px;
  height: 24px;
  background: url("../../Common/image/crediview/landing/mb/beta-gradataion.png")
    no-repeat;
  position: absolute;
  top: 29px;
  right: 0;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a.last-depth {
  position: relative;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  a.last-depth::before {
  content: none;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02 {
  max-height: 0; /* 기본적으로 숨김 */
  overflow: hidden;
  transition: max-height 0.3s ease; /* 슬라이드 효과 */
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02
  li
  a {
  font-size: var(--font-16);
  font-weight: 400;
  padding: 10px 20px;
  display: block;
  position: relative;
  transition: ease-in-out 0.3s;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02
  li
  a::before {
  content: none;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02
  li
  a:hover {
  color: #3b5dfb;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02
  li
  a:active {
  color: #3b5dfb;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02
  li
  a.active {
  color: #3b5dfb;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .gnb-menu
  .depth01
  .sub-menu.depth02
  li:last-child
  a {
  padding-bottom: 22px;
}
.SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .logout-box {
  padding: 0 20px;
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .logout-box
  .logout-btn {
  display: block;
  width: 100%;
  border: solid 1px rgba(10, 43, 88, 0.18);
  padding: 15px;
}
.SOLHeader-root
  .SOLHeader-inner
  .SOLHeader-menu
  .SOL-mb-gnb
  .logout-box
  .logout-btn
  a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #222222;
  text-align: center;
}
.SOLHeader-root.t--sub {
  background-color: #3d58c9;
}
.SOLHeader-root.t--sub .SOLHeader-logo {
  margin-top: 36px;
}
.SOLHeader-root.t--sub .SOLHeader-logo a.eng {
  background: url("../../Common/image/crediview/logo/bi_crediview_w.svg")
    no-repeat;
  background-size: 99px;
  width: 99px;
  height: 18px;
}
.SOLHeader-root.t--sub .SOLHeader-logo a.kor {
  background: url("../../Common/image/crediview/logo/bi_crediview_w_kr.svg")
    no-repeat 5% 58%/65%;
  width: 99px;
  height: 40px;
  background-size: 65px;
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap {
  display: flex;
  justify-content: flex-start;
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap a {
  border: solid 1px rgba(255, 255, 255, 0.16);
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap a:hover {
  border: solid 1px rgba(255, 255, 255, 0.4);
  background-color: #3d58c9;
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap a:active {
  border: solid 1px rgba(255, 255, 255, 0.5);
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap a span {
  color: rgba(255, 255, 255, 0.5);
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap a span:hover {
  color: rgb(255, 255, 255);
}
.SOLHeader-root.t--sub .SOLHeader-menu .auth-btn-wrap a span:active {
  color: rgba(255, 255, 255, 0.5);
}
.SOLHeader-root.t--sub .SOLHeader-menu .menu-btn {
  width: 20px;
  height: 24px;
  background: url("../../Common/image/crediview/landing/mb/mb-menu-subbtn.png")
    no-repeat;
  margin-left: 16px;
}

footer.SOLFooter-root {
  padding: 35px 0;
}
footer.SOLFooter-root.t--dark {
  background-color: #1a1a1b;
  color: #7b7b7b;
}
footer.SOLFooter-root .SOLFooter-inner {
  width: 360px;
  margin: 0 auto;
  padding: 0 20px;
}
footer.SOLFooter-root .inquery-for-use span {
  display: block;
}
footer.SOLFooter-root .inquery-for-use .tit {
  font-size: 15px;
  font-weight: 600;
  color: #a6a6a6;
}
footer.SOLFooter-root .inquery-for-use .inquery-number {
  font-size: 21px;
  font-weight: 600;
  color: #a6a6a6;
  padding-top: 5px;
}
footer.SOLFooter-root .inquery-for-use .inquery-for-list {
  padding: 10px 0 26px 0;
  border-bottom: solid 1px rgba(186, 186, 186, 0.2);
}
footer.SOLFooter-root .inquery-for-use .inquery-for-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 5px;
}
footer.SOLFooter-root .inquery-for-use .inquery-for-list li .title {
  width: 75px;
  font-size: 13px;
  font-weight: 500;
  color: #7b7b7b;
  padding: 0 0 0 16px;
  position: relative;
}
footer.SOLFooter-root .inquery-for-use .inquery-for-list li .title::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../../Common/image/icon/mb/ic_time.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
footer.SOLFooter-root .inquery-for-use .inquery-for-list li:last-child {
  padding-bottom: 0px;
}
footer.SOLFooter-root
  .inquery-for-use
  .inquery-for-list
  li:last-child
  .title::before {
  background: url("../../Common/image/icon/mb/ic_email.png") no-repeat;
}
footer.SOLFooter-root .inquery-for-use .inquery-for-list li .txt {
  font-size: 13px;
  font-weight: 400;
  color: #7b7b7b;
}
footer.SOLFooter-root .SOLFooter-utils {
  padding-top: 25px;
}
footer.SOLFooter-root .SOLFooter-utils .person-info a {
  font-size: 13px;
  font-weight: 400;
  color: #7b7b7b;
  display: inline-block;
  padding-right: 10px;
  position: relative;
}
footer.SOLFooter-root .SOLFooter-utils .person-info a::before {
  content: "";
  width: 1px;
  height: 13px;
  background-color: #bababa;
  position: absolute;
  top: 1px;
  right: 0;
}
footer.SOLFooter-root .SOLFooter-utils .person-info a:nth-child(2) {
  font-weight: 700;
  padding: 0 0 0 5px;
}
footer.SOLFooter-root .SOLFooter-utils .person-info a:nth-child(2)::before {
  content: none;
}
footer.SOLFooter-root .SOLFooter-utils .SOLFooter-dropbox {
  --drop-h: 38px;
  z-index: 0;
  position: relative;
  width: 242px;
  font-size: var(--font-14);
  margin: 17px 0;
}
footer.SOLFooter-root
  .SOLFooter-utils
  .SOLFooter-dropbox
  .SOLFooter-dropbox-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: solid 1px rgba(219, 219, 219, 0.2);
  border-radius: 6px;
  background-color: #1a1a1b;
  color: #4b4e53;
  transition: color 0.2s, background-color 0.2s, max-height 0.2s ease-in-out;
}
footer.SOLFooter-root
  .SOLFooter-utils
  .SOLFooter-dropbox
  .SOLFooter-dropbox-inner:hover {
  background-color: #f0f0f0;
}
footer.SOLFooter-root
  .SOLFooter-utils
  .SOLFooter-dropbox
  .SOLFooter-dropbox-inner
  ul {
  display: none;
  transition: ease-in-out 0.2s;
}
footer.SOLFooter-root
  .SOLFooter-utils
  .SOLFooter-dropbox
  .SOLFooter-dropbox-inner.on
  ul {
  display: block;
}
footer.SOLFooter-root
  .SOLFooter-utils
  .SOLFooter-dropbox
  .SOLFooter-dropbox-inner.on
  .SOLFooter-dropbox-btn::after {
  content: "";
  transform: rotate(-133deg);
  margin-top: 0px;
}
footer.SOLFooter-root .SOLFooter-utils .SOLFooter-dropbox a {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 39px;
  color: inherit;
  transition: background-color 0.2s;
}
footer.SOLFooter-root .SOLFooter-utils .SOLFooter-dropbox a:hover {
  background-color: #ebebeb;
}
footer.SOLFooter-root .SOLFooter-utils .SOLFooter-dropbox-btn {
  position: relative;
  flex-shrink: 0;
  order: 2;
  width: 100%;
  padding: 0 16px;
  height: var(--drop-h);
  text-align: left;
  color: inherit;
}
footer.SOLFooter-root .SOLFooter-utils .SOLFooter-dropbox-btn::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease-in-out;
}
footer.SOLFooter-root .SOLFooter-utils .sns-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
}
footer.SOLFooter-root .SOLFooter-utils .sns-link .sns-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 185px;
  padding-right: 24px;
}
footer.SOLFooter-root .SOLFooter-utils .sns-link .sns-list li a {
  display: inline-block;
}
footer.SOLFooter-root .SOLFooter-utils .sns-link .sns-list li a img {
  max-width: 100%;
}
footer.SOLFooter-root .SOLFooter-utils .sns-link .pc-v {
  font-size: var(--font-14);
  font-weight: 400;
  color: #9e9e9e;
  padding: 0 0 0 24px;
  position: relative;
}
footer.SOLFooter-root .SOLFooter-utils .sns-link .pc-v:before {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #bababa;
  position: absolute;
  top: 0;
  left: 0;
}
footer.SOLFooter-root .SOLFooter-bottom {
  padding-top: 32px;
}
footer.SOLFooter-root .SOLFooter-bottom .footer-logo {
  width: 148px;
  height: 25px;
  background: url(../../Common/image/crediview/logo/logo_techpin_w.png)
    no-repeat;
  background-size: 148px;
  margin-bottom: 14px;
}
footer.SOLFooter-root .SOLFooter-bottom .footer-logo img {
  width: 148px;
  height: 26px;
}
footer.SOLFooter-root .SOLFooter-bottom .SOLFooter-address p {
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 6px;
}
footer.SOLFooter-root .SOLFooter-bottom .SOLFooter-address p.copyright {
  padding-top: 28px;
}
footer.SOLFooter-root.t--white {
  background-color: #fff;
  color: #7b7b7b;
}
footer.SOLFooter-root.t--white .inquery-for-use .tit {
  color: #4b4e53;
}
footer.SOLFooter-root.t--white .inquery-for-use .inquery-number {
  color: #4b4e53;
}
footer.SOLFooter-root.t--white .inquery-for-use .inquery-for-list {
  border-bottom: solid 1px #dbdbdb;
}
footer.SOLFooter-root.t--white .SOLFooter-utils .person-info a {
  color: #4b4e53;
}
footer.SOLFooter-root.t--white
  .SOLFooter-utils
  .SOLFooter-dropbox
  .SOLFooter-dropbox-inner {
  border: solid 1px #4b4e53;
  background-color: #fff;
}
footer.SOLFooter-root.t--white .SOLFooter-bottom .footer-logo {
  width: 148px;
  height: 26px;
  background: url(../../Common/image/crediview/logo/foot_logo_white.png)
    no-repeat;
  background-size: 148px;
}

body {
  overflow-x: hidden;
  max-width: 100%;
}

.lock {
  overflow: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.landing-root .mb-landing-container {
  width: 100%;
}
.landing-root .mb-landing-container .landing-section-inner {
  padding: 0 20px;
  height: 100%;
}
.landing-root .mb-landing-container .landing-section-inner.pd-0 {
  padding: 0;
}
.landing-topper {
  z-index: 9;
  position: sticky;
  right: 0;
  bottom: 0;
}
.landing-topper-wrap {
  position: absolute;
  bottom: 100px;
  right: 20px;
  transition: transform 0.3s ease-in-out;
}
.landing-topper-list {
  border-radius: 8px;
  border: solid 1px #ebebeb;
  background-color: #fff;
  padding: 16px 0;
  margin-bottom: 16px;
}
.landing-topper-list li:first-child a {
  padding: 0px 0;
}
.landing-topper-list li:nth-child(2) a {
  padding-bottom: 0px;
}
.landing-topper-list li:nth-child(3) a {
  padding-bottom: 0px;
}
.landing-topper-list li:last-child a {
  padding-bottom: 0px;
}
.landing-topper-list li a {
  display: block;
  padding: 24px 10px;
}
.landing-topper-list li a .img img {
  display: block;
  margin: 0 auto;
}
.landing-topper-list li a span {
  display: block;
  font-size: var(--font-12);
  color: var(--fc-default);
  font-weight: 400;
  text-align: center;
  padding: 4px 0 0 0;
}
.landing-topBtn {
  width: 40px;
  height: 40px;
  background: url("../../Common/image/crediview/landing/ic-quick-top-normal.png")
    no-repeat center;
  background-size: 40px;
  transition: color 0.2s, bottom 0.4s;
  display: none;
  transition: ease-in-out 0.3s;
}
.landing-topBtn:hover {
  background: url("../../Common/image/crediview/landing/ic-quick-top-hover.png")
    no-repeat center;
  background-size: 40px;
}

.landing-first {
  position: relative;
}
.landing-first .landing-first-cont .landing-first-wrapper {
  height: 700px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper {
  display: flex;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide {
  width: 100%;
  height: 100%;
  background: url(../../Common/image/crediview/landing/landing-first-bnbg01.png)
    no-repeat top center/cover;
  background-position: 100% 100%;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide.nth-02-bg {
  background: url(../../Common/image/crediview/landing/landing-first-bnbg02.png)
    no-repeat top center/cover;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide.nth-03-bg {
  background: url(../../Common/image/crediview/landing/mb/landing-first-bnbg03.png)
    no-repeat top center/cover;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide.nth-04-bg {
  background: url(../../Common/image/crediview/landing/landing-first-bnbg04.png)
    no-repeat;
  background-size: cover;
  background-position: 85% 0;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content {
  width: 100%;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  span {
  display: block;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  span.sm-tit {
  padding: 5px 15px;
  border-radius: 30px;
  background-color: rgba(96, 127, 255, 0.1019607843);
  font-size: var(--font-12);
  font-weight: 600;
  text-align: center;
  color: #0046ff;
  display: inline-block;
  margin-bottom: 10px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  span.bt-txt {
  font-size: 14px;
  font-weight: 500;
  color: #6a7c8f;
  text-align: center;
  padding-bottom: 66px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  h3.lg-tit {
  font-size: var(--font-30);
  font-weight: 700;
  color: #222222;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  h3.lg-tit
  .txt-inner
  span {
  display: inline-block;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  h3.lg-tit
  .txt-inner
  span.gradiation-txt {
  display: inline-block;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  h3.lg-tit
  span {
  display: inline-block;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .tit-box
  h3.lg-tit
  span.gradiation-txt {
  background-image: var(--gra);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding: 0 0 12px 7px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .img {
  padding-top: 20px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  .img
  img {
  max-width: 227px;
  height: auto !important;
  display: block;
  margin: 0 auto;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap {
  display: flex;
  justify-content: center;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap
  button.credit-rating-btn {
  display: block;
  width: 187px;
  height: 44px;
  background-color: var(--c-bg);
  border-radius: 12px;
  margin-top: 10px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap
  button.credit-rating-btn.gradiation {
  width: 144px;
  height: 44px;
  background: linear-gradient(90deg, #0046ff 0%, #8e48ff 100%);
  border-radius: 24px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap
  button.credit-rating-btn.gradiation
  span {
  color: #fff;
  position: relative;
  font-size: var(--font-15);
  font-weight: 500;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap
  button.credit-rating-btn.gradiation
  span::after {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat;
  position: absolute;
  top: 2px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap
  button.credit-rating-btn
  span {
  font-size: var(--font-17);
  font-weight: 700;
  color: var(--fc-default);
  position: relative;
  display: inline-block;
  padding: 0 25px 0 0;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content
  div.btn-wrap
  button.credit-rating-btn
  span::after {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat center
    center;
  position: absolute;
  top: 3px;
  right: 0;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  .tit-box
  h3.lg-tit
  .gradiation-txt {
  display: block;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  .tit-box
  span.sm-tit {
  background-color: var(--c-bg);
  color: #222222;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  .tit-box
  span.sm-tit.t02 {
  background-color: #e8e3ff;
  color: #6e48ff;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  .tit-box
  .bt-txt {
  padding-top: 10px;
  padding-bottom: 0px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  .img {
  padding-top: 0px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  div.btn-wrap
  button.credit-rating-btn {
  margin-top: 0px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  .swiper-wrapper
  .swiper-slide
  div.bn-content.event-type
  div.btn-wrap
  button.credit-rating-btn.gradiation {
  margin-top: 30px;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  ul.landing-first-pagination {
  position: absolute;
  bottom: 110px;
  z-index: 1;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  ul.landing-first-pagination
  span.swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  background-color: #fff;
  border: none;
  border-radius: 0;
}
.landing-first
  .landing-first-cont
  .landing-first-wrapper
  .landing-first-swiper
  ul.landing-first-pagination
  span.swiper-pagination-bullet-active {
  background-color: #607fff;
}
.landing-first .landing-intro-top {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #fdfcff;
  padding: 17px 22px;
  box-sizing: border-box;
  z-index: 1;
}
.landing-first .landing-intro-top p {
  font-size: var(--font-12);
  font-weight: 500;
  color: #6c6c6c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
  line-height: 150%;
}
.landing-first .landing-intro-top p span {
  display: block;
  width: 100%;
}
.landing-first .landing-intro-top p span.logo-bk {
  width: 86px;
  height: 28px;
  background: url("../../Common/image/crediview/landing/logo_public_2.png")
    no-repeat;
  text-indent: -9999px;
}
.landing-first .landing-intro-top p span i.bold {
  font-style: normal;
  font-weight: 700;
}
.landing-first .landing-intro-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #262c3d;
  z-index: 1;
  padding: 17px 20px;
}
.landing-first .landing-intro-bottom span.tit {
  display: block;
  text-align: center;
  font-size: var(--font-12);
  font-weight: 500;
  padding-bottom: 7px;
  color: rgb(255, 255, 255);
  opacity: 0.6;
}
.landing-first .landing-intro-bottom p.img {
  width: 360px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.landing-intro {
  width: 100%;
  height: 584px;
  position: relative;
}
.landing-intro .landing-intro-cont {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.landing-intro .landing-intro-cont .landing-intro-title {
  font-size: var(--font-28);
  font-weight: 700;
  color: #242a30;
  text-align: center;
}
.landing-intro .landing-intro-cont .landing-intro-title span {
  display: block;
}
.landing-intro .landing-intro-cont .text-active {
  background-image: var(--gra);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: var(--font-20);
  font-weight: 700;
  text-align: center;
  padding-top: 12px;
}
.landing-intro .landing-intro-cont .desc {
  font-size: var(--font-14);
  font-weight: 500;
  color: #6a7c8f;
  text-align: center;
  padding: 16px 0 50px 0;
}
.landing-intro .landing-intro-motion-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
}
.landing-intro .landing-intro-motion-wrap .landing-intro-motion {
  position: absolute;
  top: 0%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  box-shadow: 0 10px 20px rgba(38, 58, 99, 0.15);
  background-color: #f0dbf5;
  overflow: hidden;
}
.landing-intro .landing-intro-motion-wrap .landing-intro-motion video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  opacity: 0.7;
}

.landing-third {
  position: relative;
  background-color: #eeefff;
}
.landing-third .landing-third-cont {
  padding: 60px 0;
}
.landing-third .landing-third-cont .landing-third-title {
  font-size: 25px;
  font-weight: 700;
  color: #242a30;
  padding-bottom: 40px;
  text-align: center;
  line-height: 140%;
}
.landing-third .landing-third-cont .landing-third-title p .text-active {
  background-image: var(--gra);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: block;
}
.landing-third .landing-third-cont ul.landing-third-card {
  width: 360px;
  margin: 0 auto;
}
.landing-third .landing-third-cont ul.landing-third-card li {
  width: 100%;
  border: solid 1px #fff;
  border-radius: 8px;
  background-color: #f6f8ff;
  padding: 24px 30px;
  margin-bottom: 16px;
}
.landing-third .landing-third-cont ul.landing-third-card li p {
  width: 100%;
  position: relative;
}
.landing-third .landing-third-cont ul.landing-third-card li p strong {
  font-size: 20px;
  font-weight: 700;
  color: #242a30;
}
.landing-third .landing-third-cont ul.landing-third-card li p strong span {
  display: block;
  font-size: 17px;
  font-weight: 400;
  padding-bottom: 5px;
}
.landing-third .landing-third-cont ul.landing-third-card li p:after {
  content: "";
  width: 109px;
  height: 100px;
  background: url("../../Common/image/crediview/landing/third_icon_01.png")
    no-repeat;
  background-size: 109px;
  position: absolute;
  top: -28px;
  right: -15px;
}
.landing-third .landing-third-cont ul.landing-third-card li:nth-child(2) p {
  display: flex;
  justify-content: center;
  padding: 0 0 0 95px;
}
.landing-third
  .landing-third-cont
  ul.landing-third-card
  li:nth-child(2)
  p::after {
  content: "";
  width: 109px;
  height: 100px;
  background: url("../../Common/image/crediview/landing/third_icon_02.png")
    no-repeat;
  background-size: 109px;
  position: absolute;
  top: -28px;
  left: 0px;
}
.landing-third .landing-third-cont ul.landing-third-card li:nth-child(3) {
  margin-bottom: 0px;
}
.landing-third
  .landing-third-cont
  ul.landing-third-card
  li:nth-child(3)
  p::after {
  content: "";
  width: 109px;
  height: 100px;
  background: url("../../Common/image/crediview/landing/third_icon_03.png")
    no-repeat;
  background-size: 109px;
  position: absolute;
  top: -28px;
  right: -15px;
}

.landing-fourth {
  position: relative;
  height: 100vh;
  background-color: #fff;
}
.landing-fourth .landing-section-inner {
  background: linear-gradient(146deg, #e6eefb -62%, #ecf1fd 70%);
}
.landing-fourth .landing-section-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.82),
    rgba(255, 255, 255, 0) 45%
  );
}
.landing-fourth .landing-fourth-title {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0.7em;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
}
.landing-fourth .landing-fourth-title .line1 {
  margin-top: -9em;
  font-size: 25px;
}
.landing-fourth-cont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.landing-fourth-cont .icon {
  position: absolute;
}
.landing-fourth-cont .icon > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing-fourth-cont .icon.i01 {
  z-index: 9;
  top: -151px;
  left: 44px;
}
.landing-fourth-cont .icon.i01 img {
  width: 120px;
}
.landing-fourth-cont .icon.i02 {
  z-index: 9;
  top: 143px;
  left: -137px;
}
.landing-fourth-cont .icon.i02 img {
  width: 120px;
}
.landing-fourth-cont .icon.i03 {
  z-index: 9;
  top: 149px;
  left: 111px;
}
.landing-fourth-cont .icon.i03 img {
  width: 120px;
}
.landing-fourth-cont .icon.b01 {
  z-index: 8;
  top: 204px;
  left: -76px;
}
.landing-fourth-cont .icon.b01 > * {
  width: 112px;
  height: 71px;
  border-radius: 10px;
  border: 1px solid #acc3f4;
  background-color: rgba(177, 203, 251, 0.76);
  box-shadow: 0 20px 60px rgba(30, 47, 118, 0.2);
  padding: 10px;
  color: #fff;
  font-size: var(--font-12);
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.landing-fourth-cont .icon.b01 > * .num {
  font-size: 1.05em;
}
.landing-fourth-cont .icon.b01 > * .text {
  position: relative;
  width: 35px;
  height: 2px;
  background-color: #d6e1f9;
  margin-top: 5px;
}
.landing-fourth-cont .icon.b01 > * .text::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 22px;
  height: 2px;
  background-color: #d6e1f9;
}
.landing-fourth-cont .icon.b01 > * .text::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 22px;
  height: 2px;
  background-color: #d6e1f9;
}
.landing-fourth-cont .icon.b02 {
  z-index: 8;
  top: -200px;
  left: -200px;
}
.landing-fourth-cont .icon.b02 > * {
  width: 59px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.64)
    url(../../Common/image/crediview/landing/fourth_icon_05.svg) no-repeat 55%
    57%;
  box-shadow: 0 20px 60px rgba(30, 47, 118, 0.15);
  background-size: 48px;
}
.landing-fourth-cont .icon.b03 {
  z-index: 8;
  top: -111px;
  left: 100px;
}
.landing-fourth-cont .icon.b03 > * {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6)
    url(../../Common/image/crediview/landing/fourth_icon_04.svg) no-repeat
    center center;
  box-shadow: 0 20px 60px rgba(30, 47, 118, 0.15);
  background-size: 32px;
}
.landing-fourth-cont .icon.b04 {
  z-index: 8;
  top: -248px;
  left: 159px;
}
.landing-fourth-cont .icon.b04 > * {
  width: 42px;
  height: 52px;
  border-radius: 10px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url(../../Common/image/crediview/landing/fourth_icon_08_1.svg),
    url(../../Common/image/crediview/landing/fourth_icon_08_2.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center top 33px, center bottom 19px;
  box-shadow: 0 20px 60px rgba(30, 47, 118, 0.15);
}
.landing-fourth-cont .icon.c01 {
  top: -138px;
  left: -99px;
}
.landing-fourth-cont .icon.c01 > * {
  width: 32px;
  height: 32px;
  background: rgba(134, 225, 252, 0.34)
    url(../../Common/image/crediview/landing/fourth_icon_06.svg) no-repeat
    center center;
  background-size: 14px;
  border-radius: 50%;
}
.landing-fourth-cont .icon.c02 {
  top: 257px;
  left: 54px;
}
.landing-fourth-cont .icon.c02 > * {
  width: 39px;
  height: 39px;
  background: rgba(75, 152, 255, 0.16)
    url(../../Common/image/crediview/landing/fourth_icon_07.svg) no-repeat
    center center;
  background-size: 23px;
  border-radius: 50%;
}
.landing-fourth-cont .icon.c05 {
  top: 0;
  left: 0;
  transform: rotate(15deg);
}
.landing-fourth-cont .icon.c05 > * {
  top: 50%;
  left: 50%;
  margin-left: -810px;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.36);
  border-radius: 50%;
}
.landing-fourth-cont .icon.c03 {
  top: 0;
  left: 0;
  animation: key-circle 20s linear infinite;
  display: none;
}
.landing-fourth-cont .icon.c03 > * {
  top: 240px;
  left: 97px;
  width: 22px;
  height: 22px;
  background-color: rgba(222, 62, 235, 0.18);
  border-radius: 50%;
}
.landing-fourth-cont .icon.c04 {
  top: 0;
  left: 0;
  animation: key-circle2 40s 10s ease-in-out infinite;
  display: none;
}
.landing-fourth-cont .icon.c04 > * {
  top: -377px;
  left: 0px;
  width: 47px;
  height: 47px;
  background-color: #ecebff;
  border-radius: 50%;
}
.landing-fourth-cont .icon.c06 {
  top: 233px;
  left: -95px;
}
.landing-fourth-cont .icon.c06 > * {
  width: 52px;
  height: 52px;
  background: rgba(75, 152, 255, 0.3)
    url(../../Common/image/crediview/landing/fourth_icon_09.svg) no-repeat
    center center;
  background-size: 21px;
  border-radius: 50%;
  opacity: 0.6;
}
.landing-fourth-revolve {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing-fourth-revolve .bg-wrap {
  overflow-x: hidden;
  width: 100vw;
  max-width: 100%;
}
.landing-fourth-revolve .bg-wrap .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  border: 2px solid rgba(189, 195, 204, 0.1);
  border-radius: 50%;
}
.landing-fourth-revolve .bg-wrap .bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 328px;
  height: 328px;
  border: 3px solid rgba(189, 195, 204, 0.13);
  border-radius: 50%;
}
.landing-fourth-revolve .bg-wrap .bg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  height: 520px;
  border: 2px dashed rgba(189, 195, 204, 0.2);
  border-radius: 50%;
}
.landing-fourth-revolve .bg-wrap .bg .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing-fourth-revolve .work {
  position: absolute;
  top: 50%;
  left: 50%;
}
.landing-fourth-revolve .group01 {
  scale: 0;
  opacity: 0.5;
}
.landing-fourth-certi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 0vh;
}
.landing-fourth-certi .box {
  position: relative;
  width: 175px;
  height: 217px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 35px 20px 50px;
  border-radius: 16px;
  box-shadow: 0 10px 40px 0 rgba(98, 118, 188, 0.3);
  border: solid 1px #fff;
  background-image: linear-gradient(178deg, #fff 30%, #f4f9ff 102%);
  text-align: center;
}
.landing-fourth-certi .box::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #eae1d0;
  border-radius: 11px;
}
.landing-fourth-certi .box .badge {
  position: absolute;
  top: -37px;
  right: -37px;
  width: 70px;
  height: 70px;
  background: url(../../Common/image/crediview/landing/fourth_badge.png)
    no-repeat left top/contain;
}
.landing-fourth-certi .box .logo {
  position: absolute;
  top: 59%;
  left: -35px;
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: #0046ff
    url(../../Common/image/crediview/logo/logo_crediview_app_w.svg) no-repeat
    center center/82%;
}
.landing-fourth-certi .title {
  font-size: var(--font-18);
  font-weight: 700;
  letter-spacing: -1.4px;
  padding-bottom: 50px;
}
.landing-fourth-certi .name {
  font-size: var(--font-16);
  color: #bebebe;
  display: none;
}
.landing-fourth-certi .grade {
  position: relative;
  margin-top: -10px;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -0.9px;
  color: #bb8837;
}
.landing-fourth-certi .grade::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 132px;
  height: 132px;
  background: url(../../Common/image/crediview/landing/img_wreath.png) no-repeat
    center center/contain;
  transform: translate(-50%, -50%);
}
.landing-fourth-certi .desc {
  font-size: var(--font-18);
  opacity: 0.5;
  margin-top: 24px;
  text-align: center;
  display: none;
}
.landing-fourth-certi .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}

.landing-fifth {
  padding: 60px 0;
}
.landing-fifth .landing-fifth-title {
  text-align: center;
  margin-bottom: 50px;
}
.landing-fifth .landing-fifth-title h2 {
  font-size: 25px;
  font-weight: 700;
  color: #242a30;
  line-height: 140%;
}
.landing-fifth .landing-fifth-title h2 span {
  color: #0046ff;
}
.landing-fifth .landing-fifth-wrapper {
  position: relative;
  height: 425px;
}
.landing-fifth .landing-fifth-wrapper .landing-fifth-swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}
.landing-fifth .landing-fifth-wrapper .landing-fifth-swiper .swiper {
  overflow: visible !important;
}
.landing-fifth .landing-fifth-wrapper .landing-fifth-swiper .swiper-wrapper {
  display: flex;
  overflow: visible;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  .swiper-wrapper
  .swiper-slide {
  width: 100%;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .fifth-con
  span.tit {
  display: inline-block;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  width: auto;
  height: 43px;
  border-radius: 20px;
  color: #9b9ba0;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .fifth-con
  span.tit
  .number {
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background-color: #9b9ba0;
  color: #fff;
  padding-top: 3px;
  font-size: 16px;
  margin-right: 3px;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .fifth-con
  .img {
  padding-top: 10px;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .fifth-con
  .img
  img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  ul.landing-fifth-pagination {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  ul.landing-fifth-pagination
  span.swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  background-color: #e5e5e5;
  border: none;
  border-radius: 0;
}
.landing-fifth
  .landing-fifth-wrapper
  .landing-fifth-swiper
  ul.landing-fifth-pagination
  span.swiper-pagination-bullet-active {
  background-color: #607fff;
}

.landing-sixth {
  padding: 60px 0 0 0;
  background-color: #f8f9fa;
}
.landing-sixth .landing-sixth-cont {
  width: 360px;
  margin: 0 auto;
}
.landing-sixth .landing-sixth-cont .sixth-small-title {
  font-size: var(--font-16);
  color: #0046ff;
  font-weight: 700;
  padding-bottom: 18px;
}
.landing-sixth .landing-sixth-cont .landing-sixth-title {
  font-size: 25px;
  font-weight: 700;
  color: #242a30;
  line-height: 34px;
}
.landing-sixth .landing-sixth-cont ul.list-desc {
  padding-top: 32px;
}
.landing-sixth .landing-sixth-cont ul.list-desc li {
  font-size: var(--font-14);
  font-weight: 500;
  color: #7b7b7b;
  padding: 0 0 8px 25px;
  position: relative;
}
.landing-sixth .landing-sixth-cont ul.list-desc li::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../Common/image/crediview/landing/sixth-list-ico01.png)
    no-repeat;
  background-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.landing-sixth .landing-sixth-cont ul.list-desc li:nth-child(2)::before {
  background: url(../../Common/image/crediview/landing/sixth-list-ico02.png)
    no-repeat;
  background-size: 16px;
}
.landing-sixth .landing-sixth-cont ul.list-desc li:nth-child(3)::before {
  background: url(../../Common/image/crediview/landing/sixth-list-ico03.png)
    no-repeat;
  background-size: 16px;
}
.landing-sixth .landing-sixth-cont ul.list-desc li span.bold {
  color: #242a30;
}
.landing-sixth .landing-sixth-wrapper {
  padding-top: 48px;
}
.landing-sixth .landing-sixth-wrapper .landing-sixth-swiper {
  height: 198px;
  overflow: hidden;
}
.landing-sixth .landing-sixth-wrapper .landing-sixth-swiper .swiper {
  overflow: visible !important;
}
.landing-sixth .landing-sixth-wrapper .landing-sixth-swiper .swiper-wrapper {
  overflow: visible;
  display: flex;
}
.landing-sixth
  .landing-sixth-wrapper
  .landing-sixth-swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.landing-sixth
  .landing-sixth-wrapper
  .landing-sixth-swiper
  .swiper-wrapper
  .swiper-slide
  .img-wrapper {
  width: 235px;
}
.landing-sixth
  .landing-sixth-wrapper
  .landing-sixth-swiper
  .swiper-wrapper
  .swiper-slide
  .img-wrapper
  img {
  width: 100%;
}

.landing-seventh {
  padding: 60px 0 0 0;
  background: linear-gradient(180deg, rgba(236, 226, 255, 0) 0%, #d9e1ff 100%);
}
.landing-seventh .landing-seventh-cont {
  width: 360px;
  margin: 0 auto;
}
.landing-seventh .landing-seventh-cont .seventh-small-title {
  font-size: var(--font-16);
  color: #0046ff;
  font-weight: 700;
  padding-bottom: 18px;
}
.landing-seventh .landing-seventh-cont .landing-seventh-title {
  font-size: 25px;
  font-weight: 700;
  color: #242a30;
  line-height: 34px;
}
.landing-seventh .landing-seventh-cont ul.list-desc {
  padding-top: 32px;
}
.landing-seventh .landing-seventh-cont ul.list-desc li {
  font-size: var(--font-14);
  font-weight: 500;
  color: #7b7b7b;
  padding: 0 0 8px 25px;
  position: relative;
}
.landing-seventh .landing-seventh-cont ul.list-desc li::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../Common/image/crediview/landing/ic-paper-stack-filled-24.png)
    no-repeat;
  background-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.landing-seventh .landing-seventh-cont ul.list-desc li:nth-child(2)::before {
  background: url(../../Common/image/crediview/landing/ic-doc-check-filled-24.png)
    no-repeat;
  background-size: 16px;
}
.landing-seventh .landing-seventh-cont ul.list-desc li:nth-child(3)::before {
  background: url(../../Common/image/crediview/landing/ic-doc-increase-filled-24.png)
    no-repeat;
  background-size: 16px;
}
.landing-seventh .landing-seventh-cont ul.list-desc li span.bold {
  color: #242a30;
}
.landing-seventh .landing-seventh-wrapper {
  padding-top: 48px;
}
.landing-seventh .landing-seventh-wrapper .landing-seventh-swiper {
  height: 198px;
  overflow: hidden;
}
.landing-seventh .landing-seventh-wrapper .landing-seventh-swiper .swiper {
  overflow: visible !important;
}
.landing-seventh
  .landing-seventh-wrapper
  .landing-seventh-swiper
  .swiper-wrapper {
  overflow: visible;
  display: flex;
}
.landing-seventh
  .landing-seventh-wrapper
  .landing-seventh-swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.landing-seventh
  .landing-seventh-wrapper
  .landing-seventh-swiper
  .swiper-wrapper
  .swiper-slide
  .img-wrapper {
  width: 235px;
}
.landing-seventh
  .landing-seventh-wrapper
  .landing-seventh-swiper
  .swiper-wrapper
  .swiper-slide
  .img-wrapper
  img {
  width: 100%;
}

.landing-eighth {
  padding: 60px 0;
  background-color: #fff;
}
.landing-eighth .landing-eighth-title {
  padding-bottom: 48px;
}
.landing-eighth .landing-eighth-title h2 {
  font-size: 25px;
  font-weight: 700;
  color: #242a30;
  text-align: center;
}
.landing-eighth .landing-eighth-title h2 span {
  color: #0046ff;
}
.landing-eighth .landing-eighth-title span.sub-tit {
  font-size: var(--font-14);
  font-weight: 500;
  color: #6a7c8f;
  display: block;
  text-align: center;
  padding-top: 16px;
}
.landing-eighth .landing-eighth-wrapper {
  position: relative;
  height: 370px;
}
.landing-eighth .landing-eighth-wrapper .landing-eighth-swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  a {
  color: #333;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  a
  .img
  img {
  max-width: 100%;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  a
  h4.title {
  font-size: var(--font-16);
  font-weight: 700;
  line-height: 24px;
  padding-top: 16px;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  a
  .date {
  font-size: 13px;
  font-weight: 400;
  color: #9b9ba0;
  display: block;
  text-align: center;
  padding-top: 8px;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  ul.landing-eighth-pagination {
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 0);
  z-index: 1;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  ul.landing-eighth-pagination
  span.swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  background-color: #e5e5e5;
  border: none;
  border-radius: 0;
}
.landing-eighth
  .landing-eighth-wrapper
  .landing-eighth-swiper
  ul.landing-eighth-pagination
  span.swiper-pagination-bullet-active {
  background-color: #607fff;
}

.landing-shortcut {
  padding: 0 0 60px 0;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li {
  width: 100%;
  background-color: #dcecff;
  border-radius: 12px;
  padding: 18px 22px;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li a {
  display: block;
  position: relative;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li a h3.tit {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li a h3.tit span {
  color: #0046ff;
  display: block;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li a div {
  padding-top: 12px;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li a div p span {
  font-size: 12px;
  font-weight: 500;
  color: #4e5262;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li a::before {
  content: "";
  width: 95px;
  height: 77px;
  background: url("../../Common/image/crediview/landing/mb/landing-shortcut-img02.png")
    no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li.event {
  background: linear-gradient(180deg, #fcf7e3 0%, #fcf4d7 100%);
  padding: 18px 22px 40px 22px;
}
.landing-shortcut
  .landing-shortcut-cont
  ul.shortcut-box
  li.event
  a
  h3.tit
  span.sub-tit {
  font-size: 14px;
  font-weight: 500;
  color: #b2761b;
  display: block;
  padding-bottom: 7px;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li.event a::before {
  width: 98px;
  height: 59px;
  background: url("../../Common/image/crediview/landing/mb/landing-shortcut-img01.png");
  position: absolute;
  bottom: -40px;
  top: auto;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-box li.event a::after {
  content: "";
  width: 177px;
  height: 123px;
  background: url("../../Common/image/crediview/landing/mb/landing-shortcut-bg01.png");
  position: absolute;
  top: -18px;
  right: -27px;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-event-box li a img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.landing-shortcut .landing-shortcut-cont ul.shortcut-event-box li:last-child {
  padding-top: 10px;
}

.landing-ques {
  width: 100%;
  padding: 60px 0;
  background-color: #f8f9fa;
}
.landing-ques h3.tit {
  font-size: var(--font-22);
  font-weight: 600;
  text-align: center;
  padding-bottom: 24px;
}
.landing-ques .ques-list {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 7px;
}
.landing-ques .ques-list li a {
  display: block;
  width: 60px;
}
.landing-ques .ques-list li a .img {
  max-width: 100%;
}
.landing-ques .ques-list li a .img img {
  display: block;
  margin: 0 auto;
}
.landing-ques .ques-list li a .ques-list-tit {
  display: block;
  text-align: center;
  padding-top: 7px;
  color: #000000;
}

@media screen and (max-width: 767px) {
  .landing-fourth-revolve .bg-wrap .bg {
    width: 100%;
    height: 684px;
    background: url("../../Common/image/crediview/landing/mb/section04-mb-bg.png")
      no-repeat center center;
    border: none;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    border-radius: 0px;
  }
  .landing-fourth-revolve .bg-wrap .bg::before {
    content: none;
  }
  .landing-fourth-revolve .bg-wrap .bg::after {
    content: none;
  }
  .SOLHeader-root .SOLHeader-inner {
    width: 100%;
  }
  .SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb {
    width: 100%;
  }
  .SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h {
    width: 100%;
  }
  .SOLHeader-root
    .SOLHeader-inner
    .SOLHeader-menu
    .SOL-mb-gnb
    .gnb-menu
    .depth01 {
    width: 100%;
  }
  footer.SOLFooter-root .SOLFooter-inner {
    width: 100%;
  }
  .landing-first .landing-intro-bottom p.img {
    width: 100%;
  }
  .landing-third .landing-third-cont ul.landing-third-card {
    width: 100%;
  }
  .landing-sixth .landing-sixth-cont {
    width: 100%;
  }
  .landing-seventh .landing-seventh-cont {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .SOLHeader-root .SOLHeader-inner {
    width: 100%;
  }
  .SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb {
    width: 100%;
  }
  .SOLHeader-root .SOLHeader-inner .SOLHeader-menu .SOL-mb-gnb .gnb-h {
    width: 100%;
  }
  .SOLHeader-root
    .SOLHeader-inner
    .SOLHeader-menu
    .SOL-mb-gnb
    .gnb-menu
    .depth01 {
    width: 100%;
  }
  footer.SOLFooter-root .SOLFooter-inner {
    width: 100%;
  }
  .landing-first .landing-intro-bottom p.img {
    width: 100%;
  }
  .landing-third .landing-third-cont ul.landing-third-card {
    width: 100%;
  }
  .landing-sixth .landing-sixth-cont {
    width: 100%;
  }
  .landing-seventh .landing-seventh-cont {
    width: 100%;
  }
}
.crediview-event-root {
  width: 100%;
}
.crediview-event-container .event-section {
  width: 100%;
  height: auto;
}
.crediview-event-container .event-section.first {
  background: url(../../Common/image/crediview/event/event-first-bg01.png)
    no-repeat center;
  padding: 200px 0;
}
.crediview-event-container .event-section .event-wrap {
  width: 1100px;
  display: block;
  margin: 0 auto;
}
.crediview-event-container .event-section .flex-box {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.crediview-event-container .event-section .flex-box .left {
  width: 52%;
  position: relative;
}
.crediview-event-container .event-section .flex-box .left h2.logo span {
  display: block;
  width: 157px;
  height: 29px;
  background: url("../../Common/image/crediview/logo/logo_crediview.svg")
    no-repeat center;
  background-size: 179px;
  text-indent: -9999px;
}
.crediview-event-container .event-section .flex-box .left .infor-content {
  padding-top: 88px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s
  span {
  font-size: var(--font-22);
  font-weight: 600;
  color: var(--fc-default);
  position: relative;
  display: inline-block;
  padding: 0 0 0 11px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s
  span:before {
  content: "";
  width: 3px;
  height: 22px;
  background-color: #222;
  position: absolute;
  top: 2px;
  left: 0;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s
  button.share-btn {
  width: 82px;
  height: 35px;
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  border-radius: 12px;
  padding: 0px 12px;
  margin-right: 5px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s
  button.share-btn
  span {
  display: flex;
  justify-content: flex-start;
  font-size: var(--font-18);
  font-weight: 500;
  padding: 6px 0 10px 3px;
  text-align: left;
  position: relative;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s
  button.share-btn
  span:before {
  content: none;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  p.txt-s
  button.share-btn
  span:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../../Common/image/icon/ic_share.png") no-repeat center;
  background-size: 20px;
  position: absolute;
  top: 6px;
  right: 0;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .txt-md {
  padding-top: 10px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .txt-md
  span {
  display: block;
  font-size: var(--font-60);
  font-weight: 700;
  color: var(--fc-default);
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .txt-md
  span:first-child {
  letter-spacing: 2px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .txt-md
  span.gradation {
  color: #265cf0;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box {
  padding-top: 97px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  span.sub-txt {
  font-size: var(--font-22);
  font-weight: 400;
  color: #5e6679;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  button {
  display: block;
  width: 200px;
  height: 63px;
  background-color: var(--c-bg);
  border-radius: 12px;
  margin-top: 25px;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  button.gradation {
  background: linear-gradient(93.58deg, #0046ff 54%, #8e48ff 153%);
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  button.gradation
  span {
  color: #fff;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  button.gradation
  span::after {
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat center
    center;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  button
  span {
  font-size: var(--font-17);
  font-weight: 700;
  color: var(--fc-default);
  position: relative;
  display: inline-block;
  padding: 0 25px 0 0;
}
.crediview-event-container
  .event-section
  .flex-box
  .left
  .infor-content
  .btn-box
  button
  span::after {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat center
    center;
  position: absolute;
  top: 3px;
  right: 0;
}
.crediview-event-container .event-section .flex-box .right {
  width: 45%;
}
.crediview-event-container .event-section .flex-box .right img {
  margin-top: 70px;
  height: auto !important;
}
.crediview-event-container .event-section.two {
  background: linear-gradient(
    93.58deg,
    #faf3ff 0.66%,
    #faf3ff 33.33%,
    #e6edff 66.66%,
    #e0ebff 100%
  );
  padding: 120px 0;
}
.crediview-event-container .event-section.two h3.tit {
  font-size: 35px;
  font-weight: 500;
  color: var(--fc-default);
  text-align: center;
  position: relative;
  padding: 20px 0 0 0;
}
.crediview-event-container .event-section.two h3.tit::before {
  content: "";
  width: 65px;
  height: 4px;
  background-color: var(--c-active);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.crediview-event-container .event-section.two ul.process-box {
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 90px;
  padding: 40px 0;
  position: relative;
  box-shadow: 0px 4px 16px 0 rgba(72, 114, 221, 0.1607843137);
}
.crediview-event-container .event-section.two ul.process-box:before {
  content: "";
  width: 2px;
  height: 478px;
  background-color: #ecf1f7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.crediview-event-container .event-section.two ul.process-box:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("../../Common/image/crediview/event/event-sect02-img03.png")
    no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.crediview-event-container .event-section.two ul.process-box li {
  width: 50%;
  padding: 72px 0;
}
.crediview-event-container .event-section.two ul.process-box li span.step {
  width: 113px;
  height: 43px;
  border-radius: 24px;
  background-color: var(--c-active);
  display: block;
  text-align: center;
  margin: 0 auto;
}
.crediview-event-container .event-section.two ul.process-box li span.step i {
  font-style: normal;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  padding-top: 7px;
  display: block;
}
.crediview-event-container .event-section.two ul.process-box li div.img {
  height: 135px;
  padding-top: 42px;
}
.crediview-event-container .event-section.two ul.process-box li div.img img {
  display: block;
  margin: 0 auto;
}
.crediview-event-container .event-section.two ul.process-box li span.tit {
  font-size: var(--font-26);
  font-weight: 700;
  color: var(--fc-default);
  display: block;
  text-align: center;
  padding-top: 58px;
}
.crediview-event-container .event-section.two ul.process-box li span.con {
  font-size: var(--font-22);
  font-weight: 400;
  color: #7b7b7b;
  display: block;
  text-align: center;
  padding-top: 12px;
}
.crediview-event-container .event-section.three {
  background-color: #f7f8fc;
  padding: 120px 0;
}
.crediview-event-container .event-section.three h3.tit {
  font-size: 35px;
  font-weight: 500;
  color: var(--fc-default);
  text-align: center;
  position: relative;
  padding: 20px 0 0 0;
}
.crediview-event-container .event-section.three h3.tit::before {
  content: "";
  width: 65px;
  height: 4px;
  background-color: var(--c-active);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.crediview-event-container .event-section.three h4.sub-tit {
  width: 220px;
  height: 64px;
  background-color: #3a3a3a;
  border-radius: 12px;
  text-align: center;
  margin: 0 auto;
  margin-top: 58px;
}
.crediview-event-container .event-section.three h4.sub-tit span {
  display: block;
  font-size: var(--font-26);
  font-weight: 600;
  color: var(--c-bg);
  padding-top: 16px;
}
.crediview-event-container .event-section.three div.img {
  width: 385px;
  height: 385px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 4px 20px -4px rgba(72, 114, 221, 0.1607843137);
  margin: 0 auto;
  margin-top: 38px;
  position: relative;
}
.crediview-event-container .event-section.three div.img span.event-img {
  text-indent: -9999px;
  display: block;
  width: 260px;
  height: 212px;
  background: url("../../Common/image/crediview/event/event-sect03-img01-1.png")
    center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.crediview-event-container .event-section.three span.event-menu-tit {
  display: block;
  font-size: var(--font-26);
  font-weight: 700;
  color: var(--fc-default);
  padding: 38px 0 25px 0;
  text-align: center;
}
.crediview-event-container .event-section.three span.event-menu-txt {
  display: block;
  font-size: var(--font-22);
  font-weight: 500;
  color: #7b7b7b;
  text-align: center;
}
.crediview-event-container .event-section.fourth {
  background: url("../../Common/image/crediview/event/event-sect04-img01.png")
    no-repeat top center;
  background-size: cover;
  padding: 126px 0;
}
.crediview-event-container .event-section.fourth ul.infor-list-box {
  width: 100%;
  padding: 73px 58px;
  background-color: var(--c-bg);
  border-radius: 12px;
  box-shadow: 0px 4px 16px 0 rgba(72, 114, 221, 0.1607843137);
}
.crediview-event-container .event-section.fourth ul.infor-list-box li {
  width: 100%;
  padding: 72px 30px;
  border-bottom: solid 2px #ecf1f7;
}
.crediview-event-container
  .event-section.fourth
  ul.infor-list-box
  li:first-child {
  padding: 0px 30px 72px 30px;
}
.crediview-event-container
  .event-section.fourth
  ul.infor-list-box
  li:last-child {
  border-bottom: none;
  padding: 72px 30px 0px 30px;
}
.crediview-event-container .event-section.fourth ul.infor-list-box li span {
  display: block;
}
.crediview-event-container .event-section.fourth ul.infor-list-box li span.tit {
  font-size: var(--font-26);
  font-weight: 700;
  color: var(--c-active);
  padding-bottom: 20px;
}
.crediview-event-container .event-section.fourth ul.infor-list-box li span.txt {
  font-size: var(--font-22);
  font-weight: 400;
  color: var(--fc-gray1);
}
.crediview-event-container .event-section.fourth div.btn-box {
  padding-top: 36px;
}
.crediview-event-container .event-section.fourth div.btn-box button {
  display: block;
  width: 277px;
  height: 85px;
  background-color: var(--c-bg);
  border-radius: 12px;
  margin: 0 auto;
}
.crediview-event-container .event-section.fourth div.btn-box button.gradation {
  background: linear-gradient(93.58deg, #0046ff 54%, #8e48ff 153%);
}
.crediview-event-container
  .event-section.fourth
  div.btn-box
  button.gradation
  span {
  color: #fff;
}
.crediview-event-container
  .event-section.fourth
  div.btn-box
  button.gradation
  span::after {
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat center
    center;
}
.crediview-event-container .event-section.fourth div.btn-box button span {
  font-size: var(--font-26);
  font-weight: 700;
  color: var(--fc-default);
  position: relative;
  display: inline-block;
  padding: 0 25px 0 0;
}
.crediview-event-container
  .event-section.fourth
  div.btn-box
  button
  span::after {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat center
    center;
  position: absolute;
  top: 8px;
  right: 0;
}
.crediview-event-container .event-section.fifth {
  background-color: #1f2336;
  padding: 138px 0;
}
.crediview-event-container .event-section.fifth div.note-box h3.note-tit {
  font-size: var(--font-26);
  font-weight: 700;
  color: #8e939f;
  padding: 0 0 35px 40px;
  position: relative;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  h3.note-tit::before {
  content: "";
  width: 27px;
  height: 27px;
  background: url(../../Common/image/icon/ic_note.png) no-repeat;
  position: absolute;
  top: 3px;
  left: 0;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li {
  color: #8e939f;
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 35px;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li:last-child {
  padding-bottom: 0px;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li
  dl
  dt {
  padding-bottom: 15px;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li
  dl
  dd {
  padding: 0 0 15px 10px;
  display: block;
  position: relative;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li
  dl
  dd::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #8e939f;
  position: absolute;
  top: 11px;
  left: 0;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li
  dl
  dd
  span {
  padding: 15px 0 0px 0;
  display: block;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li
  dl
  dd
  span
  i {
  font-style: normal;
  display: block;
  padding-bottom: 15px;
}
.crediview-event-container
  .event-section.fifth
  div.note-box
  ul.note-list-box
  li
  dl
  dd
  span
  i:last-child {
  padding-bottom: 0px;
}

.scroll-hidden {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scroll-hidden::-webkit-scrollbar {
  display: none;
}

.scroll-blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: auto;
}

.user-event-header {
  width: 100%;
  height: 45px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.user-event-header-wrap {
  width: 360px;
  margin: 0 auto;
}
.user-event-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
}
.user-event-header-inner .logo a {
  display: block;
  width: 74px;
  height: 29px;
  background: url("../../Common/image/crediview/logo/logo_crediview.svg")
    no-repeat center;
  background-size: 74px;
}
.user-event-header-inner .shaer-btn {
  width: 63px;
  height: 30px;
  border: solid 1px rgba(10, 43, 88, 0.1803921569);
  border-radius: 6px;
  cursor: pointer;
}
.user-event-header-inner .shaer-btn:focus {
  background: #f0f2f4;
}
.user-event-header-inner .shaer-btn:disabled {
  background: #f1f2f6;
  cursor: not-allowed;
}
.user-event-header-inner .shaer-btn:disabled span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../Common/image/icon/mb/ic_share_disbled_btn.png) no-repeat
    center;
}
.user-event-header-inner .shaer-btn span {
  display: inline-block;
  position: relative;
  padding: 1px 0 0 20px;
  font-size: var(--font-13);
  color: #333;
}
.user-event-header-inner .shaer-btn span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../Common/image/icon/mb/ic_share_btn.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
}

.sec-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.sec-container::-webkit-scrollbar {
  display: none;
}
.sec-container .SOLHeader-root {
  width: 100%;
  position: fixed;
  z-index: 4;
}
.sec-container .SOLHeader-root .SOLHeader-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.sec-container .SOLHeader-root .SOLHeader-logo {
  width: auto;
}
.sec-container .SOLHeader-root .SOLHeader-logo a {
  width: auto;
  text-indent: 0;
  display: block;
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
  position: relative;
  padding: 0 0 0 25px;
}
.sec-container .SOLHeader-root .SOLHeader-logo a::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat;
  position: absolute;
  top: 3px;
  left: 0;
  transform: rotate(180deg);
}
.sec-container .SOLHeader-root .SOLHeader-menu {
  margin-top: 23px;
}
.sec-container .sec-inner {
  padding: 0 20px;
  width: 360px;
  margin: 0 auto;
}
.sec-container .sec-01 {
  width: 100%;
  height: 750px;
  background: url(../../Common/image/crediview/event/user-ref-sec01-bg01.png)
    no-repeat center;
  background-size: cover;
  padding: 100px 0 25px 0;
  position: relative;
}
.sec-container .sec-01 .h-service {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 30px 0;
}
.sec-container .sec-01 .h-service a {
  display: inline-block;
}
.sec-container .sec-01 .h-service a.logo {
  width: 100px;
  height: 20px;
  background: url(../../Common/image/crediview/logo/mb/mb_gnb_logo.png)
    no-repeat center;
}
.sec-container .sec-01 .h-service a.service-infor-btn {
  width: 100px;
  height: 27px;
  border-radius: 30px;
  border: solid 1px rgb(222, 222, 222);
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.3s;
}
.sec-container .sec-01 .h-service a.service-infor-btn:hover {
  background: #f0f2f4;
}
.sec-container .sec-01 .h-service a.service-infor-btn span {
  display: inline-block;
  color: #333;
  position: relative;
  padding-right: 15px;
}
.sec-container .sec-01 .h-service a.service-infor-btn span:before {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat center;
  background-size: 9px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.sec-container .sec-01 .tit-box .s-tit {
  width: 212px;
  display: block;
  font-size: var(--font-15);
  font-weight: 500;
  border: solid 1px #0046ff;
  border-radius: 100px;
  padding: 5px 16px;
  text-align: center;
  margin: 0 auto;
  color: #0046ff;
}
.sec-container .sec-01 .tit-box .l-tit {
  padding: 14px 0 0 0;
}
.sec-container .sec-01 .tit-box .l-tit span {
  display: block;
  font-family: "GmarketSans";
  color: #222222;
  text-align: center;
}
.sec-container .sec-01 .tit-box .l-tit span.t1 {
  font-weight: 500;
  font-size: var(--font-26);
}
.sec-container .sec-01 .tit-box .l-tit span.t2 {
  font-weight: 600;
  font-size: 44px;
  padding: 10px 0 0 0;
}
.sec-container .sec-01 .tit-box .l-tit span.t3 {
  font-weight: 600;
  font-size: 44px;
  background: linear-gradient(93.58deg, #0046ff 0%, #8e48ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 10px 0 0 0;
}
.sec-container .sec-01 .tit-box .s-txt {
  font-size: var(--font-16);
  font-weight: 500;
  display: block;
  padding: 20px 0 0 0;
  color: #4e5262;
  text-align: center;
  line-height: 140%;
}
.sec-container .sec-01 .img img {
  display: block;
  margin: 0 auto;
  padding-top: 10px;
}
.sec-container .sec-02 {
  padding: 20px 0 20px 0;
}
.sec-container .sec-02 .event-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 12px;
}
.sec-container .sec-02 .event-list li:last-child {
  padding-bottom: 0px;
}
.sec-container .sec-02 .event-list li span {
  display: inline-block;
  font-size: var(--font-14);
}
.sec-container .sec-02 .event-list li span.tit {
  font-weight: 700;
  color: #1051ff;
  width: 75px;
}
.sec-container .sec-02 .event-list li span.txt {
  font-weight: 500;
  color: #4e5262;
}
.sec-container .sec-03 {
  width: 100%;
  background: linear-gradient(180deg, #f5f9fe 0%, #f0f3fe 50%, #ebedfd 100%);
  padding: 50px 0 40px 0;
}
.sec-container .sec-03 .tit-box span {
  display: block;
  text-align: center;
  padding-bottom: 10px;
}
.sec-container .sec-03 .tit-box span.s-tit {
  font-size: var(--font-16);
  font-weight: 700;
  color: #1051ff;
}
.sec-container .sec-03 .tit-box span.m-tit {
  font-size: var(--font-28);
  font-weight: 700;
  line-height: 36px;
  color: #242a30;
}
.sec-container .sec-03 .tit-box span.txt {
  font-size: var(--font-16);
  font-weight: 500;
  color: #4e5262;
  padding-bottom: 30px;
}
.sec-container .sec-03 .content-box {
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 24px 0px;
}
.sec-container .sec-03 .content-box span {
  display: block;
  text-align: center;
}
.sec-container .sec-03 .content-box span.tit {
  display: block;
  font-size: var(--font-15);
  font-weight: 700;
  color: #fff;
  background: #1f5dff;
  border-radius: 100px;
  width: 109px;
  padding: 10px 0px;
  margin: 0 auto;
}
.sec-container .sec-03 .content-box .img img {
  display: block;
  margin: 0 auto;
}
.sec-container .sec-03 .content-box .txt-box span {
  display: block;
  text-align: center;
}
.sec-container .sec-03 .content-box .txt-box span.txt-tit {
  font-size: var(--font-18);
  font-weight: 700;
  color: #000000;
  padding-bottom: 6px;
}
.sec-container .sec-03 .content-box .txt-box span.txt {
  font-size: var(--font-14);
  font-weight: 500;
  color: #4e5262;
  line-height: 140%;
}
.sec-container .sec-03 .content-box .txt-box span.txt em {
  display: block;
  font-size: var(--font-12);
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.3px;
  opacity: 0.6;
}
.sec-container .sec-04 {
  background: linear-gradient(180deg, #557bff 0%, #ae7cff 100%);
  padding: 50px 0 40px 0;
}
.sec-container .sec-04 .tit-box {
  padding-bottom: 40px;
}
.sec-container .sec-04 .tit-box .tit {
  font-size: var(--font-24);
  font-weight: 700;
  text-align: center;
  line-height: 36px;
  color: #fff;
}
.sec-container .sec-04 .tit-box .sub-tit {
  display: block;
  text-align: center;
  font-size: var(--font-16);
  font-weight: 500;
  color: #fff;
  padding-top: 10px;
  line-height: 24px;
}
.sec-container .sec-04 .tit-box .sub-tit i {
  display: block;
  font-style: normal;
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--font-14);
}
.sec-container .sec-04 .content-box {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 30px 20px;
  counter-reset: rank;
}
.sec-container .sec-04 .content-box li {
  width: 150px;
  counter-increment: rank;
}
.sec-container .sec-04 .content-box li .box {
  width: 100%;
  height: 153px;
  background: #8f95ff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.sec-container .sec-04 .content-box li .box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.sec-container .sec-04 .content-box li .box::before {
  content: none;
  width: 33px;
  height: 33px;
  background: linear-gradient(180deg, #c66aff 0%, #a241ff 100%);
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-13);
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container .sec-04 .content-box li .tit {
  display: block;
  text-align: center;
  font-size: var(--font-14);
  font-weight: 500;
  color: #fff;
  padding-top: 12px;
  line-height: 22px;
}
.sec-container .sec-04 .content-box li .tit em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 20px;
  border-radius: 100px;
  font-size: var(--font-14);
  font-weight: 500;
  color: #fff;
  background: #9495ff;
  margin-left: 5px;
}
.sec-container .sec-05 {
  width: 100%;
  background: linear-gradient(180deg, #f5f9fe 0%, #f3f6fe 50%, #ebedfd 100%);
  padding: 40px 0;
}
.sec-container .sec-05 .box-con {
  width: 100%;
  padding: 24px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 2px 12px 42px 0px rgba(198, 214, 234, 0.4);
}
.sec-container .sec-05 .box-con .tit-box .tit {
  width: 151px;
  display: block;
  margin: 0 auto;
  border-radius: 100px;
  text-align: center;
  font-size: var(--font-15);
  font-weight: 700;
  background: #a241ff;
  color: #fff;
  padding: 10px 10px;
  margin-bottom: 20px;
}
.sec-container .sec-05 .box-con .img img {
  display: block;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 147px;
  height: auto;
}
.sec-container .sec-05 .box-con .txt-box span {
  display: block;
  text-align: center;
}
.sec-container .sec-05 .box-con .txt-box span.txt-b {
  font-size: var(--font-18);
  font-weight: 700;
  line-height: 26px;
  color: #000000;
  padding-bottom: 6px;
  letter-spacing: -0.3px;
}
.sec-container .sec-05 .box-con .txt-box span.txt-b i {
  display: block;
  font-style: normal;
  font-size: var(--font-14);
  font-weight: 400;
  color: #000000;
}
.sec-container .sec-05 .box-con .txt-box span.txt-l {
  font-size: var(--font-14);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.3px;
  color: #4e5262;
}
.sec-container .sec-06 {
  padding: 50px 0;
}
.sec-container .sec-06 .tit-box .tit {
  font-size: var(--font-28);
  font-weight: 700;
  text-align: center;
  color: #242a30;
  padding-bottom: 24px;
}
.sec-container .sec-06 .process-box {
  position: relative;
}
.sec-container .sec-06 .process-box::before {
  content: "";
  width: 1px;
  height: 97%;
  border: dashed 1px #dee2e8;
  position: absolute;
  top: 0;
  left: 42px;
  z-index: 0;
}
.sec-container .sec-06 .process-box li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding-bottom: 30px;
}
.sec-container .sec-06 .process-box li:last-child {
  padding-bottom: 0px;
}
.sec-container .sec-06 .process-box li .img img {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.sec-container .sec-06 .process-box li .txt-box span {
  display: block;
}
.sec-container .sec-06 .process-box li .txt-box span.m-tit {
  font-size: var(--font-12);
  font-weight: 700;
  color: #1051ff;
  padding-bottom: 6px;
}
.sec-container .sec-06 .process-box li .txt-box span.l-tit {
  font-size: var(--font-16);
  font-weight: 700;
  color: #242a30;
  padding-bottom: 6px;
}
.sec-container .sec-06 .process-box li .txt-box span.txt {
  font-size: var(--font-14);
  font-weight: 500;
  color: #6a7c8f;
}
.sec-container .sec-07 {
  background: linear-gradient(
    105.36deg,
    rgb(250, 243, 255) 30%,
    rgb(224, 235, 255) 100%
  );
  width: 100%;
  padding: 50px 0 36px 0;
}
.sec-container .sec-07 .tit-box .tit {
  font-size: var(--font-28);
  font-weight: 700;
  color: rgb(36, 42, 48);
  text-align: center;
  padding-bottom: 10px;
}
.sec-container .sec-07 .tit-box span {
  display: block;
}
.sec-container .sec-07 .tit-box span.txt {
  font-size: var(--font-14);
  font-weight: 500;
  text-align: center;
  color: rgb(78, 82, 98);
  line-height: 20px;
  padding-bottom: 20px;
}
.sec-container .sec-07 .input-box label .input-inner {
  width: 100%;
  height: 74px;
  border-radius: 12px;
  background-color: #fff;
  position: relative;
}
.sec-container .sec-07 .input-box label .input-inner input[type="text"] {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
  padding: 20px 20px;
  font-size: var(--font-21);
  font-weight: 700;
  color: #242a30;
  text-align: center;
}
.sec-container
  .sec-07
  .input-box
  label
  .input-inner
  input[type="text"]::-moz-placeholder {
  font-size: var(--font-15);
  font-weight: 400;
  color: #9ea3a9;
  text-align: left;
}
.sec-container
  .sec-07
  .input-box
  label
  .input-inner
  input[type="text"]::placeholder {
  font-size: var(--font-15);
  font-weight: 400;
  color: #9ea3a9;
  text-align: left;
}
.sec-container .sec-07 .input-box label .input-inner .confirm-btn {
  width: 66px;
  height: 42px;
  border: solid 1px rgba(10, 43, 88, 0.18);
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #242a30;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}
.sec-container .sec-07 .input-box label .input-inner .confirm-btn:focus {
  background: #f0f2f4;
}
.sec-container .sec-07 .input-box label .input-inner .confirm-btn:disabled {
  background: #f0f2f4;
  cursor: not-allowed;
  color: rgba(36, 42, 48, 0.2784313725);
}
.sec-container .sec-07 .input-box label .input-inner .invite-code-copy {
  width: 20px;
  height: 20px;
  background: url(../../Common/image/icon/mb/ic_copy_btn.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translate(0, -50%);
}
.sec-container .sec-07 .input-box .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-top: 20px;
}
.sec-container .sec-07 .input-box .btn-wrap button {
  width: 50%;
  height: 52px;
  background-color: #222222;
  border-radius: 12px;
  border: none;
  text-align: center;
}
.sec-container .sec-07 .input-box .btn-wrap button.w100 {
  width: 100%;
}
.sec-container .sec-07 .input-box .btn-wrap button.invite-search-btn span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}
.sec-container
  .sec-07
  .input-box
  .btn-wrap
  button.invite-search-btn
  span::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../../Common/image/icon/mb/ic_search_btn.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container .sec-07 .input-box .btn-wrap button.invite-company-btn span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}
.sec-container
  .sec-07
  .input-box
  .btn-wrap
  button.invite-company-btn
  span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../Common/image/icon/mb/ic_share_btn02.png) no-repeat
    center;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container .sec-07 .input-box .btn-wrap button span {
  color: #fff;
  font-size: var(--font-14);
  font-weight: 700;
}
.sec-container .sec-08 {
  padding: 50px 0;
}
.sec-container .sec-08 .tit-box {
  padding-bottom: 20px;
}
.sec-container .sec-08 .tit-box .tit {
  font-size: var(--font-28);
  font-weight: 700;
  color: #242a30;
  text-align: center;
}
.sec-container .sec-08 .invite-count-box {
  text-align: center;
}
.sec-container .sec-08 .invite-count-box span {
  display: inline-block;
}
.sec-container .sec-08 .invite-count-box span.tit {
  font-size: var(--font-14);
  font-weight: 500;
  color: #6a7c8f;
  padding: 2px 0 0 25px;
  position: relative;
}
.sec-container .sec-08 .invite-count-box span.tit::before {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../../Common/image/icon/mb/ic_invite.png") no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container .sec-08 .invite-count-box span.c-num {
  font-size: var(--font-14);
  font-weight: 700;
  color: #0046ff;
  padding: 0 0 0 5px;
}
.sec-container .sec-08 .invite-count-box span.infor-txt {
  font-size: var(--font-12);
  font-weight: 400;
  color: #8e91a1;
  text-align: center;
  padding: 13px 0 0 0;
}
.sec-container .sec-08 .invite-alert-txt {
  width: 100%;
  height: 58px;
  background: #f7f7f7;
  border-radius: 12px;
  padding: 0 20px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec-container .sec-08 .invite-alert-txt span {
  font-size: var(--font-12);
  font-weight: 400;
  color: #8a919d;
  display: inline-block;
  text-align: center;
  padding: 2px 0 0 25px;
  position: relative;
}
.sec-container .sec-08 .invite-alert-txt span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../Common/image/crediview/event/ic_warn-t02.png) no-repeat
    center;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container .sec-08 .invite-user-list {
  width: 100%;
  padding-top: 12px;
  max-height: 300px;
  overflow-y: scroll;
}
.sec-container .sec-08 .invite-user-list table.tb-list {
  width: 100%;
}
.sec-container .sec-08 .invite-user-list table.tb-list thead tr th {
  border-top: solid 1px #222222;
  padding: 10px 10px;
  text-align: center;
}
.sec-container .sec-08 .invite-user-list table.tb-list thead tr th span {
  font-size: var(--font-13);
  font-weight: 600;
}
.sec-container .sec-08 .invite-user-list table.tb-list tbody tr td {
  padding: 10px 10px;
  text-align: center;
}
.sec-container .sec-08 .invite-user-list table.tb-list tbody tr td.left {
  text-align: left;
}
.sec-container .sec-08 .invite-user-list table.tb-list tbody tr td span {
  font-size: var(--font-13);
  font-weight: 400;
}
.sec-container
  .sec-08
  .invite-user-list
  table.tb-list
  tbody
  tr
  td
  span.elclipse-txt {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 70px;
}
.sec-container .sec-08 .more-btn {
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 48px;
  border: solid 1px #e0e0e0;
  border-radius: 12px;
  padding: 0 20px;
  font-size: var(--font-14);
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.sec-container .sec-ref-rewardinfo {
  width: 100%;
  height: 489px;
  background: url(../../Common/image/crediview/event/sec-ref-rewardinfo-bg01.png)
    no-repeat center;
  background-size: cover;
}
.sec-container .sec-ref-rewardinfo .tit-box {
  padding-top: 58px;
}
.sec-container .sec-ref-rewardinfo .tit-box .tit {
  font-size: var(--font-28);
  font-weight: 700;
  text-align: center;
  line-height: 36px;
  color: #fff;
}
.sec-container .sec-ref-rewardinfo .tit-box .s-txt {
  display: block;
  font-size: var(--font-16);
  font-weight: 700;
  color: rgb(255, 255, 255);
  text-align: center;
  opacity: 0.8;
  padding: 10px 0 30px 0;
}
.sec-container .sec-ref-rewardinfo .tit-box .s-txt i {
  display: inline-block;
  font-style: normal;
}
.sec-container .sec-ref-rewardinfo .tit-box .s-txt i.t1 {
  font-weight: 500;
}
.sec-container .sec-ref-rewardinfo .tit-box .s-txt i.t2 {
  font-size: 13px;
  font-weight: 300;
}
.sec-container .sec-ref-rewardinfo .bg {
  width: 220px;
  height: 132px;
  background: url(../../Common/image/crediview/event/sec-ref-rewardinfo-bg02.png)
    no-repeat center;
  margin: 0 auto;
  position: relative;
}
.sec-container .sec-ref-rewardinfo .bg .price-num {
  display: flex;
  align-items: center;
  font-size: var(--font-22);
  font-weight: 700;
  color: #000000;
  position: absolute;
  top: 60px;
  left: 84px;
}
.sec-container .sec-ref-rewardinfo .bg .price-num em {
  font-size: var(--font-13);
  display: inline-block;
  padding-top: 3px;
}
.sec-container .sec-ref-rewardinfo .bg .price-num em.max-txt {
  padding-right: 2px;
}
.sec-container .sec-ref-rewardinfo .bg .price-num em.krw {
  padding-left: 2px;
}
.sec-container .sec-ref-rewardinfo .s-npay-txt-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-16);
  font-weight: 500;
  color: #fff;
}
.sec-container .sec-ref-rewardinfo .s-npay-txt-box i {
  font-style: normal;
  display: inline-block;
}
.sec-container .sec-ref-rewardinfo .s-npay-txt-box i.n-pay-txt {
  padding: 4px 3px 0 0;
}
.sec-container .sec-ref-rewardinfo .s-npay-txt-box i.p-txt {
  font-weight: 700;
  padding: 0 0 0 5px;
}
.sec-container .sec-ref-rewardinfo .infor-list {
  background: #a789ff;
  border-radius: 10px;
  padding: 12px 12px;
  margin-top: 30px;
}
.sec-container .sec-ref-rewardinfo .infor-list li {
  font-size: var(--font-12);
  font-weight: 500;
  color: #fff;
  position: relative;
  padding: 0 0 5px 7px;
}
.sec-container .sec-ref-rewardinfo .infor-list li::before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.sec-container .sec-ref-rewardinfo .infor-list li:last-child {
  padding-bottom: 0px;
}
.sec-container .sec-submitEventEntry {
  width: 100%;
  background: #f3f6fe;
  padding: 58px 0;
}
.sec-container .sec-submitEventEntry .tit-box .tit {
  font-size: var(--font-28);
  font-weight: 700;
  color: #242a30;
  text-align: center;
}
.sec-container .sec-submitEventEntry .tit-box .sub-tit {
  display: block;
  text-align: center;
  font-size: var(--font-16);
  font-weight: 500;
  padding: 10px 0 0 0;
}
.sec-container .sec-submitEventEntry .invite-box .invite-success-count {
  width: 100%;
  padding: 16px 20px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.sec-container .sec-submitEventEntry .invite-box .invite-success-count .tit {
  font-size: var(--font-15);
  font-weight: 700;
  color: #242a30;
  padding: 2px 0 0 25px;
  position: relative;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .invite-success-count
  .tit::before {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../../Common/image/icon/mb/ic_invite.png") no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .invite-success-count
  .invite-count {
  font-size: var(--font-17);
  font-weight: 700;
  color: #0046ff;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .invite-success-count
  .invite-count
  i {
  font-style: normal;
}
.sec-container .sec-submitEventEntry .invite-box .EventEntry-box {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 20px;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .remaining-entries {
  position: relative;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .remaining-entries::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #f3f6fe;
  position: absolute;
  top: 50%;
  left: -11px;
  transform: translate(0, -50%);
  z-index: 1;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .remaining-entries::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #f3f6fe;
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translate(0, -50%);
  z-index: 1;
}
.sec-container .sec-submitEventEntry .invite-box .EventEntry-box .entry-succes {
  position: relative;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .entry-succes::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #f3f6fe;
  position: absolute;
  top: 50%;
  left: -11px;
  transform: translate(0, -50%);
  z-index: 1;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .entry-succes::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #f3f6fe;
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translate(0, -50%);
  z-index: 1;
}
.sec-container .sec-submitEventEntry .invite-box .EventEntry-box .common {
  width: 50%;
  position: relative;
}
.sec-container .sec-submitEventEntry .invite-box .EventEntry-box .common .tit {
  width: 100%;
  border-radius: 10px;
  padding: 16px 16px;
  font-size: var(--font-15);
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: linear-gradient(180deg, #557bff 0%, #ae7cff 100%);
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .common
  .count {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  display: block;
  padding: 16px 16px;
  font-size: var(--font-17);
  font-weight: 700;
  text-align: center;
}
.sec-container
  .sec-submitEventEntry
  .invite-box
  .EventEntry-box
  .common
  .count.link {
  color: var(--c-active);
  text-decoration: underline;
}
.sec-container .sec-submitEventEntry .invite-box .infor-txt {
  font-size: var(--font-12);
  font-weight: 500;
  color: #4e5262;
  padding-top: 16px;
}
.sec-container .sec-submitEventEntry .invite-box .event-entry-btnwrap {
  padding-top: 40px;
}
.sec-container .sec-submitEventEntry .invite-box .event-entry-btnwrap button {
  width: 100%;
}
.sec-container .sec-09 {
  padding: 30px 0;
  background: #f7f7f7;
}
.sec-container .sec-09 .tit-box .tit {
  font-size: var(--font-14);
  font-weight: 700;
  color: #4e5262;
  padding: 0 0 0 25px;
  position: relative;
}
.sec-container .sec-09 .tit-box .tit::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../Common/image/crediview/event/ic_warn-t03.png);
  position: absolute;
  top: 0;
  left: 0;
}
.sec-container .sec-09 .caution-info-list {
  width: 100%;
}
.sec-container .sec-09 .caution-info-list li dl dt {
  font-size: var(--font-12);
  font-weight: 700;
  color: #4e5262;
  padding: 20px 0 8px 0;
}
.sec-container .sec-09 .caution-info-list li dl dd {
  font-size: var(--font-12);
  font-weight: 400;
  color: #4e5262;
  padding: 0 0 6px 7px;
  position: relative;
}
.sec-container .sec-09 .caution-info-list li dl dd::before {
  content: "";
  width: 2px;
  height: 2px;
  background: #4e5262;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: 0;
}
.sec-container .sec-09 .caution-info-list li dl dd:last-child {
  padding-bottom: 0px;
}
.sec-container .sec-09 .caution-info-list li dl dd .sub-in-txt {
  display: block;
  font-size: var(--font-10);
  font-weight: 400;
  color: #4e5262;
  padding: 10px 0;
  letter-spacing: -0.6px;
}
.sec-container .sec-09 .caution-info-list li dl.number-list dd {
  padding: 0 0 2px 0px;
}
.sec-container .sec-09 .caution-info-list li dl.number-list dd:nth-child(2) {
  padding: 0 0 6px 0px;
}
.sec-container .sec-09 .caution-info-list li dl.number-list dd::before {
  content: none;
}
.sec-container footer.SOLFooter-root {
  padding: 35px 0 200px 0;
}

.bottom-fix-btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 3;
}
.bottom-fix-btn-wrap {
  width: 360px;
  margin: 0 auto;
  padding: 20px;
}
.bottom-fix-btn .user-referral-btn {
  width: 100%;
  height: 48px;
  text-align: center;
  background: linear-gradient(93.58deg, #0046ff 0%, #8e48ff 100%);
  border-radius: 8px;
}
.bottom-fix-btn .user-referral-btn span {
  display: inline-block;
  color: #fff;
  font-size: var(--font-16);
  position: relative;
  padding: 0 20px 0 0;
}
.bottom-fix-btn .user-referral-btn span::before {
  content: "";
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat center
    center;
  position: absolute;
  top: 2px;
  right: 0;
}

.queryinvite-root .wrap {
  width: 360px;
  min-height: 100dvh;
  z-index: 10;
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0 20px;
  margin: 0 auto;
}
.queryinvite-root .wrap .action-box {
  width: 100%;
  position: fixed;
  bottom: 20px;
  left: 0px;
  width: 100%;
  padding: 0 20px;
}
.queryinvite-root .wrap .action-box.ps-static {
  position: static;
}
.queryinvite-root .wrap .action-box.ps-static .SOLBtn-root {
  width: 100%;
  margin-top: 0px;
  bottom: 0;
}
.queryinvite-root .wrap .action-box .SOLBtn-root {
  width: 100%;
  margin-top: 20px;
}
body.keyboard-open .queryinvite-root .wrap .action-box {
  position: static;
  margin-top: 20px;
}

.queryinvite-popinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.queryinvite-popinner .wrap {
  border-radius: 24px 24px 0 0;
}
.queryinvite-popinner .wrap .queryinvite-container .queryinvite-form {
  height: auto;
}
.queryinvite-popinner
  .wrap
  .queryinvite-container
  .queryinvite-form
  .action-box {
  margin: 30px 0;
}
.queryinvite-header {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.queryinvite-header span {
  display: block;
}
.queryinvite-header span.queryinvite-close-btn {
  width: 15px;
  height: 15px;
  background: url("../../Common/image/icon/mb/ic_gnb_closebtn.png") no-repeat
    center;
  background-size: 15px;
  cursor: pointer;
}
.queryinvite-header span.tit {
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
}
.queryinvite-header.email-invite-type {
  justify-content: space-between;
}
.queryinvite-header.email-invite-type .tit {
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
}
.queryinvite-header.email-invite-type .queryinvite-close-btn {
  background: none;
  width: auto;
  height: auto;
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
}
.queryinvite-container {
  margin-top: 24px;
}
.queryinvite-container .infor-box {
  margin-bottom: 24px;
}
.queryinvite-container .infor-box span {
  display: block;
  line-height: 140%;
}
.queryinvite-container .infor-box span.m-txt {
  font-size: var(--font-22);
  font-weight: 700;
  color: #1d2129;
}
.queryinvite-container .infor-box span.s-txt {
  font-size: var(--font-14);
  font-weight: 500;
  color: #8c8c99;
  padding-top: 10px;
}
.queryinvite-container .queryinvite-form .SOLForm-root {
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
.queryinvite-container .queryinvite-form .SOLForm-root .SOLInput-root.mgt8 {
  margin-top: 8px;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .SOLInput-root
  .SOLInput-label {
  padding-top: 24px;
}
.queryinvite-container .queryinvite-form .SOLForm-root .term-list {
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  padding: 20px 16px;
}
.queryinvite-container .queryinvite-form .SOLForm-root .term-list li {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0 0;
}
.queryinvite-container .queryinvite-form .SOLForm-root .term-list li.all {
  border-bottom: solid 1px #e1e1e1;
  padding: 0px 0 20px 0;
  display: block;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .term-list
  li.all
  .SOLCheck-root
  .SOLCheck-label
  [type="checkbox"] {
  width: 24px;
  height: 24px;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .term-list
  li.all
  .SOLCheck-root
  .SOLCheck-label
  [type="checkbox"]::after {
  width: 8px;
  height: 12px;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .term-list
  li.all
  .SOLCheck-root
  .SOLCheck-label
  .all-tit {
  font-size: var(--font-16);
  font-weight: 700;
  color: #1d2129;
  display: flex;
  align-items: center;
  gap: 5px;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .term-list
  li.all
  .SOLCheck-root
  .SOLCheck-label
  .all-tit
  em {
  font-size: var(--font-12);
  font-weight: 500;
  color: #8c8c99;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .term-list
  li
  .SOLCheck-root
  .SOLCheck-label
  span {
  font-size: var(--font-14);
  font-weight: 400;
  color: #1d2129;
}
.queryinvite-container
  .queryinvite-form
  .SOLForm-root
  .term-list
  li
  .SOLCheck-root
  .SOLCheck-label
  [type="checkbox"]::after {
  width: 9px;
  height: 15px;
}

.SOLModal-content .share-list {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.SOLModal-content .share-list li a {
  color: #1d2129;
  font-size: var(--font-14);
  font-weight: 400;
}
.SOLModal-content .share-list li a span {
  display: block;
  padding-top: 10px;
  text-align: center;
}

.email-invite-text {
  width: 100%;
  padding: 0px 10px;
  background: #f7f8fa;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-invite-text p {
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 15px 0 15px 30px;
}
.email-invite-text p::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../Common/image/crediview/event/ic_Shape.png) no-repeat;
  position: absolute;
  top: 11px;
  left: 0;
}

.email-address-title {
  font-size: var(--font-14);
  font-weight: 500;
  color: #8c8c99;
  padding: 8px 0px 0px 0px;
}

.email-input-wrap {
  max-height: calc(var(--vh, 1vh) * 100 - 300px);
}
.email-input-wrap .email-input-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
}
.email-input-wrap .email-input-box .input-inner {
  width: 95%;
  height: 40px;
  border-bottom: solid 1px rgba(10, 43, 88, 0.1019607843);
}
.email-input-wrap .email-input-box .input-inner input[type="text"] {
  width: 100%;
  height: 100%;
  font-size: var(--font-16);
  border: none;
}
.email-input-wrap
  .email-input-box
  .input-inner
  input[type="text"]::-moz-placeholder {
  font-size: var(--font-13);
  font-weight: 400;
  color: #9ea3a9;
}
.email-input-wrap
  .email-input-box
  .input-inner
  input[type="text"]::placeholder {
  font-size: var(--font-13);
  font-weight: 400;
  color: #9ea3a9;
}
.email-input-wrap .email-input-box.c-err {
  margin-bottom: 5px;
}
.email-input-wrap .email-input-box.c-err .input-inner {
  border-bottom: solid 1px #ff4d4d;
}
.email-input-wrap .add-email-btn {
  width: 26px;
  margin: 0 auto;
  display: block;
  padding-top: 20px;
}

.evententry-root {
  height: 100dvh;
  overflow-y: auto;
}
.evententry-root .wrap {
  width: 360px;
  z-index: 10;
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0 20px;
  margin: 0 auto;
}
.evententry-popinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.evententry-popinner .wrap {
  border-radius: 24px 24px 0 0;
}
.evententry-popinner .wrap .queryinvite-container .queryinvite-form {
  height: auto;
}
.evententry-popinner
  .wrap
  .queryinvite-container
  .queryinvite-form
  .action-box {
  margin: 30px 0;
}
.evententry-header {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.evententry-header span {
  display: block;
}
.evententry-header span.evententry-close-btn {
  width: 15px;
  height: 15px;
  background: url("../../Common/image/icon/mb/ic_gnb_closebtn.png") no-repeat
    center;
  background-size: 15px;
  cursor: pointer;
}
.evententry-header span.tit {
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
}
.evententry-header.email-invite-type {
  justify-content: space-between;
}
.evententry-header.email-invite-type .tit {
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
}
.evententry-header.email-invite-type .queryinvite-close-btn {
  background: none;
  width: auto;
  height: auto;
  font-size: var(--font-18);
  font-weight: 500;
  color: #1d2129;
}
.evententry-container {
  margin-top: 24px;
}
.evententry-container .event-entry-data-box {
  display: flex;
  justify-content: space-between;
  background: #f9fafc;
  border-radius: 6px;
}
.evententry-container .event-entry-data-box p {
  display: flex;
  justify-content: space-between;
  width: 50%;
  color: #222222;
  padding: 12px 20px;
}
.evententry-container .event-entry-data-box p.remaining {
  position: relative;
}
.evententry-container .event-entry-data-box p.remaining .count {
  font-size: var(--font-14);
  font-weight: 700;
}
.evententry-container .event-entry-data-box p.remaining::before {
  content: "";
  width: 1px;
  height: 16px;
  background: #d8dbe2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.evententry-container .event-entry-data-box p.entry-succes .count {
  font-size: var(--font-14);
  font-weight: 700;
  color: #3b5dfb;
}
.evententry-container .event-entry-data-box p span.tit {
  font-size: var(--font-14);
  font-weight: 400;
}
.evententry-container .infor-txt {
  font-size: var(--font-12);
  font-weight: 500;
  color: #4e5262;
  text-align: center;
  padding: 12px 0 0 0;
  opacity: 0.6;
}
.evententry-container .event-prize-box {
  width: 100%;
  margin: 20px 0 0 0;
  border-top: solid 1px #e6e8eb;
  border-bottom: solid 1px #e6e8eb;
}
.evententry-container .event-prize-box li {
  padding: 20px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border-top: solid 1px #e6e8eb;
}
.evententry-container .event-prize-box li:first-child {
  border-top: none;
}
.evententry-container .event-prize-box li .prize-con {
  padding: 0 0 0 16px;
}
.evententry-container .event-prize-box li .prize-con .tit {
  font-size: var(--font-15);
  font-weight: 700;
  color: #1d2129;
}
.evententry-container .event-prize-box li .prize-con .infor {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 0 0 0;
}
.evententry-container .event-prize-box li .prize-con .infor span {
  display: inline-block;
}
.evententry-container .event-prize-box li .prize-con .infor span.person-count {
  width: 31px;
  height: 22px;
  background: #f5f7ff;
  border-radius: 999px;
  font-size: var(--font-11);
  font-weight: 700;
  color: #3b5dfb;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.evententry-container .event-prize-box li .prize-con .infor .entry-count-box {
  padding: 0 0 0 6px;
  display: flex;
  justify-content: flex-start;
}
.evententry-container .event-prize-box li .prize-con .infor .entry-count-box i {
  font-style: normal;
  display: inline-block;
  color: #8c8c99;
  font-size: var(--font-12);
  font-weight: 700;
}
.evententry-container
  .event-prize-box
  li
  .prize-con
  .infor
  .entry-count-box
  i.entry-count-tit {
  position: relative;
  padding-right: 6px;
}
.evententry-container
  .event-prize-box
  li
  .prize-con
  .infor
  .entry-count-box
  i.entry-count-tit::before {
  content: "";
  width: 1px;
  height: 10px;
  background: #d8dbe2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.evententry-container
  .event-prize-box
  li
  .prize-con
  .infor
  .entry-count-box
  i.count-num {
  padding-left: 6px;
}
.evententry-container .event-prize-box li .SOLBtn-root {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 74px;
  height: 30px;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.0588235294);
}
.evententry-container .event-prize-box li .SOLBtn-root:disabled {
  background: none;
}

.topper-wrap {
  position: fixed;
  bottom: 120px;
  right: 30px;
  z-index: 3;
}
.topper-wrap span {
  display: block;
  position: relative;
}
.topper-wrap span.copy-link {
  width: 40px;
  height: 40px;
  background: url(../../Common/image/crediview/event/copypath-btn.png) no-repeat;
  background-size: 40px;
  cursor: pointer;
  margin-bottom: 12px;
}
.topper-wrap .e-topbtn {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../Common/image/crediview/event/btn_gototop.png) no-repeat;
  background-size: 40px;
  cursor: pointer;
}

@media screen and (orientation: landscape) {
  .queryinvite-root .wrap {
    overflow-y: scroll;
    max-height: calc(var(--vh, 1vh) * 100);
    min-height: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .queryinvite-root .wrap::-webkit-scrollbar {
    display: none;
  }
  body.keyboard-open .queryinvite-root .wrap .action-box {
    margin-top: 20px;
    padding: 0 0px;
  }
}
.SOLModal-box {
  max-height: calc(100vh - 35px);
}
.SOLModal-box.event-layout {
  height: calc(100vh - 35px);
  max-height: 870px;
}
.SOLModal-box.event-layout .SOLTitle-t2 {
  border-bottom: solid 1px #222222;
}
.SOLModal-box.event-layout .SOLModal-content {
  gap: 0px;
}
.SOLModal-box.event-layout .SOLModal-content .SOLTitle-t3 {
  padding: 10px 0 10px 0;
}
.SOLModal-box.event-layout .SOLModal-content .SOLTitle-t3.pd-t15 {
  padding: 30px 0 10px 0;
}
.SOLModal-box.event-layout
  .SOLModal-content
  .SOLAlert-msgbox
  .kepp-in-mind
  .flex-box {
  margin-bottom: 30px;
}
.SOLModal-box.event-layout
  .SOLModal-content
  .SOLAlert-msgbox
  .kepp-in-mind
  .flex-box:last-child {
  margin-bottom: 0;
}
.SOLModal-box.event-layout
  .SOLModal-content
  .SOLAlert-msgbox
  .kepp-in-mind
  .flex-box.bd-bt-line {
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.SOLModal-box.event-layout .SOLModal-content .wrapper-inputlist {
  border-top: solid 1px #e6e8eb;
}
.SOLModal-box.event-layout
  .SOLModal-content
  .wrapper-inputlist
  .SOLInput-root.lay-type02 {
  border-bottom: none;
}
.SOLModal-box.event-layout .SOLModal-content.type02 {
  padding: 0px 0 24px 0;
}
.SOLModal-box.event-layout .SOLModal-content .SOLCheck-root.bd-line-st {
  border-top: solid 1px #e6e8eb;
  padding-top: 25px;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn {
  width: 100%;
  height: 346px;
  background: url("../../Common/image/crediview/event/event-first-bg01.png")
    no-repeat center center;
  padding: 24px 28px;
  background-size: cover;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn h2.crediview-logo {
  display: block;
  text-indent: -9999px;
  width: 100px;
  height: 16px;
  background: url("../../Common/image/crediview/event/crediview-popup-logo.png")
    center center no-repeat;
  margin-bottom: 28px;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn span.sub-tit {
  font-size: 14px;
  font-weight: 600;
  color: #222222;
  display: block;
  padding: 0 0 8px 7px;
  position: relative;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn span.sub-tit:before {
  content: "";
  width: 3px;
  height: 15px;
  background-color: #222;
  position: absolute;
  top: 1px;
  left: 0;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn div.md-txt {
  padding: 10px 0 0 0;
  position: relative;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn div.md-txt span {
  display: block;
  font-size: var(--font-26);
  font-weight: 700;
}
.SOLModal-box.event-layout
  div.tob-bn-box
  div.top-bn
  div.md-txt
  span.graditaion {
  background: linear-gradient(90deg, #265cf0 0%, #3b5dfb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 5px;
}
.SOLModal-box.event-layout div.tob-bn-box div.top-bn div.md-txt::before {
  content: "";
  width: 200px;
  height: 200px;
  background: url("../../Common/image/crediview/event/event-sect01-img01.png");
  background-size: 200px;
  position: absolute;
  top: 35px;
  right: 8px;
}
.SOLModal-box.event-layout div.popup-note-list h3.note-tit {
  font-size: var(--font-18);
  font-weight: 700;
  color: #222;
  padding: 15px 0;
}
.SOLModal-box.event-layout div.popup-note-list ul.list {
  width: 100%;
  background-color: #f9fafc;
  border-radius: 8px;
  padding: 16px;
}
.SOLModal-box.event-layout div.popup-note-list ul.list li {
  padding: 0 0 15px 0;
}
.SOLModal-box.event-layout div.popup-note-list ul.list li:last-child {
  padding: 0 0 0px 0px;
}
.SOLModal-box.event-layout div.popup-note-list ul.list li span {
  display: block;
  font-size: var(--font-14);
  font-weight: 400;
  color: #222;
  padding: 0 0 0px 10px;
  position: relative;
}
.SOLModal-box.event-layout div.popup-note-list ul.list li span::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #222;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .SOLModal-root.s--sm {
    padding: 0 10px;
  }
  .SOLModal-root.s--sm .SOLModal-box.event-layout {
    width: 100%;
  }
  .SOLModal-root.s--sm.s--lg {
    padding: 0 10px;
  }
  .SOLModal-root.s--sm.s--lg .SOLModal-box.event-layout {
    width: 100%;
    max-width: auto;
  }
  .SOLModal-root.s--lg {
    padding: 0 10px;
  }
  .SOLModal-root.s--lg .SOLModal-box.event-layout {
    width: 100%;
  }
  .SOLModal-box.event-layout {
    padding: 15px;
  }
  .SOLModal-box.event-layout .SOLModal-title .SOLTitle-t2 {
    height: 80px;
    padding-right: 30px;
  }
  .SOLModal-box.event-layout div.tob-bn-box div.top-bn div.md-txt::before {
    width: 180px;
    background-size: 180px;
    background-repeat: no-repeat;
    top: 70px;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
  .SOLModal-box.event-layout div.tob-bn-box div.top-bn div.md-txt span {
    font-size: var(--font-20);
  }
  .SOLModal-box.event-layout
    .wrapper-inputlist
    .SOLInput-root.lay-type02
    div.button-box {
    padding: 0 0 0 0px;
    margin-top: 30px;
  }
  .SOLModal-box.event-layout
    .wrapper-inputlist
    .SOLInput-root.lay-type02
    div.flex-column {
    flex-flow: wrap;
  }
  .SOLModal-box.event-layout
    .wrapper-inputlist
    .SOLInput-root.lay-type02
    div.flex-column
    .SOLInput-box {
    margin-top: 10px;
  }
  .SOLModal-box.event-layout .wrapper-inputlist .SOLInput-root.error-type02 {
    padding: 16px 0px 35px 0px;
  }
  .SOLModal-box.event-layout
    .wrapper-inputlist
    .SOLInput-root.error-type02
    .SOLInput-byte.s--between {
    position: absolute;
    top: 83px;
    right: 17px;
  }
}
@media screen and (max-width: 480px) {
  .SOLModal-box.event-layout
    .wrapper-inputlist
    .SOLInput-root.lay-type02
    div.button-box {
    margin-top: 45px;
  }
  .SOLModal-box.event-layout
    .wrapper-inputlist
    .SOLInput-root
    .SOLInput-byte.s--between
    .SOLInput-msg.c--error {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .crediview-event-container .event-section.first {
    background-position: top center;
    padding: 60px 0;
    background-size: cover;
    position: relative;
    height: 1024px;
  }
  .crediview-event-container .event-section .event-wrap {
    width: 100%;
    padding: 0 90px;
    box-sizing: border-box;
  }
  .crediview-event-container .event-section .flex-box {
    flex-flow: wrap;
  }
  .crediview-event-container .event-section .flex-box .left {
    width: 100%;
    position: static;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s
    button.share-btn {
    position: absolute;
    top: 60px;
    right: 90px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .txt-md
    span {
    font-size: 52px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%, 0);
    padding-top: 0px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box
    span.sub-txt {
    display: block;
    padding-bottom: 26px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box
    button {
    margin: 0 auto;
  }
  .crediview-event-container .event-section .flex-box .right {
    width: 100%;
  }
  .crediview-event-container .event-section .flex-box .right img {
    width: 407px;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 70px;
  }
  .crediview-event-container .event-section.two {
    padding: 60px 0;
  }
  .crediview-event-container .event-section.two h3.tit {
    font-size: 33px;
  }
  .crediview-event-container .event-section.two h3.tit::before {
    width: 52px;
  }
  .crediview-event-container .event-section.two ul.process-box {
    margin-top: 40px;
    padding: 0px;
    flex-flow: wrap;
  }
  .crediview-event-container .event-section.two ul.process-box:before {
    width: 90%;
    height: 2px;
  }
  .crediview-event-container .event-section.two ul.process-box:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .crediview-event-container .event-section.two ul.process-box li {
    width: 100%;
    padding: 53px 0;
  }
  .crediview-event-container .event-section.three {
    padding: 60px 0;
  }
  .crediview-event-container .event-section.three h3.tit {
    font-size: 33px;
  }
  .crediview-event-container .event-section.three h3.tit::before {
    content: "";
    width: 52px;
  }
  .crediview-event-container .event-section.fourth {
    padding: 71px 0;
  }
  .crediview-event-container .event-section.fourth ul.infor-list-box {
    padding: 72px 40px;
  }
  .crediview-event-container .event-section.fourth ul.infor-list-box li {
    padding: 63px 17px;
  }
  .crediview-event-container
    .event-section.fourth
    ul.infor-list-box
    li:first-child {
    padding: 0px 17px 63px 17px;
  }
  .crediview-event-container
    .event-section.fourth
    ul.infor-list-box
    li:last-child {
    padding: 63px 17px 0px 17px;
  }
  .crediview-event-container .event-section.fifth {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .crediview-event-container .event-section.first {
    padding: 28px 0;
    height: 667px;
  }
  .crediview-event-container .event-section .event-wrap {
    padding: 0 22px;
  }
  .crediview-event-container .event-section .flex-box .left h2.logo span {
    width: 100px;
    background-size: 100px;
  }
  .crediview-event-container .event-section .flex-box .left .infor-content {
    padding-top: 50px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s {
    justify-content: center;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s
    span {
    font-size: var(--font-18);
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s
    span::before {
    height: 18px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .txt-md {
    text-align: center;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .txt-md
    span {
    font-size: 29px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s
    button.share-btn {
    top: 28px;
    right: 22px;
    width: 66px;
    height: 30px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s
    button.share-btn
    span {
    font-size: var(--font-14);
    padding: 5px 0;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    p.txt-s
    button.share-btn
    span:after {
    width: 13px;
    height: 18px;
    background-size: 18px;
    top: 3px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box {
    bottom: 28px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box
    button {
    width: 160px;
    height: 51px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box
    button
    span {
    font-size: var(--font-15);
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box
    button
    span:after {
    top: 1px;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box {
    width: 100%;
    text-align: center;
  }
  .crediview-event-container
    .event-section
    .flex-box
    .left
    .infor-content
    .btn-box
    span.sub-txt {
    font-size: var(--font-14);
    padding-bottom: 15px;
    display: block;
    width: 100%;
  }
  .crediview-event-container .event-section .flex-box .right img {
    width: 275px;
  }
  .crediview-event-container .event-section.two {
    padding: 36px 0;
  }
  .crediview-event-container .event-section.two h3.tit {
    font-size: 22px;
  }
  .crediview-event-container .event-section.two h3.tit::before {
    width: 32px;
    height: 3px;
  }
  .crediview-event-container .event-section.two ul.process-box li {
    padding: 29px 0;
  }
  .crediview-event-container .event-section.two ul.process-box li span.step {
    width: 69px;
    height: 25px;
  }
  .crediview-event-container .event-section.two ul.process-box li span.step i {
    font-size: 14px;
    padding-top: 4px;
  }
  .crediview-event-container .event-section.two ul.process-box li div.img {
    padding-top: 19px;
    height: 56px;
  }
  .crediview-event-container .event-section.two ul.process-box li div.img img {
    width: 56px;
    height: 56px;
  }
  .crediview-event-container .event-section.two ul.process-box li span.tit {
    padding-top: 25px;
    font-size: 16px;
  }
  .crediview-event-container .event-section.two ul.process-box li span.con {
    font-size: 14px;
    padding-top: 5px;
  }
  .crediview-event-container .event-section.three h3.tit {
    font-size: 22px;
  }
  .crediview-event-container .event-section.three h3.tit::before {
    content: "";
    width: 32px;
  }
  .crediview-event-container .event-section.three h4.sub-tit {
    width: 135px;
    height: 38px;
    margin-top: 43px;
  }
  .crediview-event-container .event-section.three h4.sub-tit span {
    font-size: var(--font-16);
    padding-top: 9px;
  }
  .crediview-event-container .event-section.three div.img {
    width: 220px;
    height: 220px;
  }
  .crediview-event-container .event-section.three div.img span.event-img {
    width: 157px;
    height: 128px;
    background-size: 157px;
  }
  .crediview-event-container .event-section.three span.event-menu-tit {
    font-size: var(--font-16);
    padding: 38px 0 20px 0;
  }
  .crediview-event-container .event-section.three span.event-menu-txt {
    font-size: var(--font-14);
  }
  .crediview-event-container .event-section.fourth {
    padding: 86px 0;
  }
  .crediview-event-container .event-section.fourth ul.infor-list-box {
    padding: 25px 16px;
  }
  .crediview-event-container .event-section.fourth ul.infor-list-box li {
    padding: 29px 6px;
  }
  .crediview-event-container
    .event-section.fourth
    ul.infor-list-box
    li:first-child {
    padding: 0px 6px 29px 6px;
  }
  .crediview-event-container
    .event-section.fourth
    ul.infor-list-box
    li:last-child {
    padding: 29px 6px 0px 6px;
  }
  .crediview-event-container
    .event-section.fourth
    ul.infor-list-box
    li
    span.tit {
    font-size: var(--font-16);
    padding-bottom: 18px;
  }
  .crediview-event-container
    .event-section.fourth
    ul.infor-list-box
    li
    span.txt {
    font-size: var(--font-14);
  }
  .crediview-event-container
    .event-section.fourth
    div.btn-box
    button.gradation {
    width: 160px;
    height: 51px;
  }
  .crediview-event-container
    .event-section.fourth
    div.btn-box
    button.gradation
    span {
    font-size: var(--font-16);
  }
  .crediview-event-container
    .event-section.fourth
    div.btn-box
    button.gradation
    span::after {
    top: 2px;
  }
  .crediview-event-container .event-section.fifth div.note-box h3.note-tit {
    font-size: var(--font-18);
    padding: 0 0 35px 22px;
  }
  .crediview-event-container
    .event-section.fifth
    div.note-box
    h3.note-tit::before {
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
  .crediview-event-container
    .event-section.fifth
    div.note-box
    ul.note-list-box
    li {
    padding-bottom: 20px;
    font-size: var(--font-14);
  }
  .crediview-event-container
    .event-section.fifth
    div.note-box
    ul.note-list-box
    li
    dl
    dd::before {
    top: 7px;
  }
}
.doc-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  padding-top: 10rem;
  gap: 2rem;
}

.doc-header {
  z-index: 1;
  position: absolute;
  inset: 0 0 auto 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 4rem;
  width: 100%;
  height: 10rem;
}

.doc-btn-download {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  aspect-ratio: 1;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s;
}
.doc-btn-download:hover {
  color: #fff;
}
.doc-btn-download svg {
  width: 3.5rem;
}
.doc-btn-download path {
  fill: currentColor;
}

.SOLDOC-root {
  position: relative;
  width: 123.8rem;
  aspect-ratio: 21/29.7;
  padding: 14.5rem 10rem 7rem;
  background: #fff url(../../Common/image/crediview/doc/doc_paper.png) no-repeat
    left top/100%;
}
.SOLDOC-root::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 72rem;
  height: 88.8rem;
  background-image: url(../../Common/image/crediview/doc/doc_pattern2.png),
    url(../../Common/image/crediview/doc/doc_pattern2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.SOLDOC-root::after {
  content: "";
  position: absolute;
  bottom: 10rem;
  right: 0;
  width: 33.4rem;
  height: 56.5rem;
  background-image: url(../../Common/image/crediview/doc/doc_pattern1.png),
    url(../../Common/image/crediview/doc/doc_pattern1.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.SOLDOC-root > * {
  position: relative;
  z-index: 1;
}

.SOLDOC-lead {
  position: absolute;
  top: 7rem;
  left: 10rem;
  right: 10rem;
  display: flex;
  justify-content: space-between;
  height: 5rem;
  margin-bottom: 4.4rem;
}
.SOLDOC-lead .use {
  display: inline-flex;
  align-items: center;
  padding: 0 2.7rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 2rem;
}
.SOLDOC-lead .num {
  display: inline-flex;
  align-items: center;
  font-size: 1.9rem;
  color: rgba(0, 0, 0, 0.7);
}

.SOLDOC-foot {
  position: absolute;
  bottom: 9.6rem;
  left: 10rem;
  right: 10rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1.6rem;
  line-height: 1.25;
}
.SOLDOC-foot .qr-wrapper {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  text-align: right;
}
.SOLDOC-foot .qr {
  width: 6rem;
  height: 6rem;
}
.SOLDOC-foot .qr img {
  max-width: 100%;
}

.SOLDOC-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  font-size: 2.6rem;
  color: #001a4f;
}

.SOLDOC-title {
  font-size: 5.4rem;
  color: #000;
  font-weight: 700;
  text-align: center;
}

.SOLDOC-title-sub,
.SOLDOC-table caption {
  margin-bottom: 0.8rem;
  font-size: 2.2rem;
  line-height: 1.82;
  font-weight: 700;
}

.SOLDOC-rating {
  font-size: 13rem;
  color: #1e479f;
  font-weight: 700;
  text-align: center;
}

.SOLDOC-body {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2.4rem;
}

.SOLDOC-desc-list {
  margin-top: -0.8rem;
  font-size: 1.7rem;
  line-height: 1.82;
  word-break: keep-all;
}
.SOLDOC-desc-list > li {
  position: relative;
  padding-left: 1.1em;
  counter-increment: number 1;
}
.SOLDOC-desc-list > li::before {
  content: counter(number) ".";
  position: absolute;
  left: 0;
}

.SOLDOC-company {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  font-size: 2.6rem;
}
.SOLDOC-company .stamp {
  height: 7.7rem;
}
.SOLDOC-company .stamp img {
  max-height: 100%;
}

.SOLDOC-graph-box {
  display: flex;
  flex-direction: column;
  padding: 3rem 5rem 2rem;
  border: 1px solid #ccc;
  border-radius: 1rem;
  background-color: rgba(212, 205, 199, 0.3);
}
.SOLDOC-graph-box .desc {
  margin-top: auto;
  font-size: 1.6rem;
}

.SOLDOC-graph-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.SOLDOC-graph-canvas {
  position: relative;
  margin-bottom: -1px;
}
.SOLDOC-graph-canvas img,
.SOLDOC-graph-canvas svg {
  display: block;
  width: 100%;
}

.SOLDOC-graph-tag {
  position: absolute;
  bottom: 2rem;
}
.SOLDOC-graph-tag .tag {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 7rem;
  height: 5rem;
  padding: 0 2rem;
  border-radius: 0.7rem;
  background-color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  color: #1e479f;
  line-height: 1.1;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
}
.SOLDOC-graph-tag .tag::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 1rem 0.7rem;
  transform: translateX(-50%);
}

.SOLDOC-graph-legend {
  display: flex;
  margin-bottom: 0.8rem;
}
.SOLDOC-graph-legend > li {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
}
.SOLDOC-graph-legend > li .bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  color: #fff;
  font-size: 1.4rem;
}
.SOLDOC-graph-legend > li .legend {
  display: flex;
  justify-content: space-between;
  padding: 0 0.2em;
  line-height: 1.82;
}
.SOLDOC-graph-legend > li:first-of-type .bar {
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
  background-color: #182a50;
}
.SOLDOC-graph-legend > li:nth-child(2) .bar {
  background-color: #3f598a;
}
.SOLDOC-graph-legend > li:nth-child(3) .bar {
  background-color: #617cb2;
}
.SOLDOC-graph-legend > li:nth-child(4) .bar {
  background-color: #7299e7;
}
.SOLDOC-graph-legend > li:nth-child(5) .bar {
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
  background-color: #ff976e;
}

.SOLDOC-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid #ababab;
  font-size: 1.8rem;
}
.SOLDOC-table caption {
  display: flex;
}
.SOLDOC-table th {
  width: 17rem;
  background-color: rgba(212, 205, 199, 0.5);
  font-weight: normal;
  text-align: left;
}
.SOLDOC-table th,
.SOLDOC-table td {
  height: 2.7rem;
  padding: 0.8rem 2rem;
  border-bottom: 1px solid #ccc;
}

@media print {
  html,
  body {
    font-size: 0.571vh !important;
  }
  .doc-root {
    padding-top: 0;
    justify-content: center;
    gap: 0;
  }
  .doc-header {
    display: none;
  }
  .SOLDOC-root {
    padding: 14.5rem 8rem 7rem;
  }
  .SOLDOC-lead {
    top: 5.5rem;
    left: 8rem;
    right: 8rem;
  }
  .SOLDOC-foot {
    bottom: 8rem;
    left: 8rem;
    right: 8rem;
  }
  .SOLDOC-graph-wrapper {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @page {
    size: A4;
    margin: 0;
  }
}
.console-root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  min-width: var(--min-w);
}
.console-root .SOLHeader-root {
  position: fixed;
  top: 0;
  left: 0;
}
.console-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.console-inner {
  position: relative;
  flex: 1;
  display: flex;
  gap: var(--side-gap);
  width: 100%;
  max-width: var(--max-w);
  padding: 140px 0 160px;
}
.console-content {
  flex-grow: 1;
}
.console-title {
  display: flex;
  align-items: flex-start;
  height: 48px;
  margin-bottom: 40px;
  border-bottom: 1px solid #777;
}
.console-title .SOLTitle-t1 {
  line-height: 1;
}

.console-section {
  margin-top: 40px;
}

.console-header {
  display: flex;
  align-items: center;
  height: 49px;
  padding-bottom: 11px;
}
.console-header-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: var(--fc-gray1);
  font-size: var(--font-13);
}
.console-header-option .date {
  padding: 0 8px;
}

.console-bottom .SOLTitle-t2 {
  margin-top: 30px;
}

.console-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 80px;
}
.console-footer .SOLBtn-root {
  flex-grow: 1;
  max-width: 200px;
}

.console-line {
  margin: 40px 0;
  border-top: 1px solid var(--tb-border);
}

.console-add {
  margin: 10px 0;
}
.console-add .SOLTextBtn-root {
  color: inherit;
}

@media screen and (max-width: 1269px) {
  .console-inner {
    max-width: 100%;
    padding-left: var(--spc-w);
    padding-right: var(--spc-w);
  }
}
.box-panel,
.box-panel-list {
  display: flex;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
}

.box-panel-list {
  display: block;
  padding: 4px 24px;
}
.box-panel-list li {
  display: flex;
  align-items: center;
  height: 64px;
}
.box-panel-list li:not(:first-of-type) {
  border-top: 1px solid var(--tb-border);
}
.box-panel-list .SOLSwitch-root {
  width: 100%;
}

.box-empty {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  align-items: center;
  min-height: 106px;
  padding: 24px;
  margin-bottom: 40px;
  border-radius: 8px;
  background-color: var(--c-bg);
  font-size: var(--font-13);
  color: var(--fc-gray1);
}

.box-msg {
  padding: 1em;
  border-radius: 8px;
  background-color: var(--c-bg);
  text-align: center;
}
.box-msg.c--error {
  border: 1px solid rgba(221, 82, 76, 0.1);
  background-color: rgba(252, 83, 86, 0.1);
  color: var(--c-error);
}

.wrapper-fbox {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.wrapper-fbox > * {
  flex-grow: 1;
}
.wrapper-fbox .box-panel,
.wrapper-fbox .box-panel-list {
  padding: 18px 24px;
  justify-content: space-between;
  align-items: center;
}
.wrapper-fbox .box-panel.input--circle--type,
.wrapper-fbox .input--circle--type.box-panel-list {
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  padding: 7px 24px;
}
.wrapper-fbox
  .box-panel.input--circle--type
  .SOLCheck-root
  .SOLCheck-label
  input[type="checkbox"],
.wrapper-fbox
  .input--circle--type.box-panel-list
  .SOLCheck-root
  .SOLCheck-label
  input[type="checkbox"] {
  border-radius: 50%;
}
.wrapper-fbox .SOLBtn-root {
  min-width: unset;
}

.wrapper-fbox-table {
  display: flex;
  gap: 24px;
}
.wrapper-fbox-table > .SOLTable-data:nth-child(2) {
  width: 50%;
  flex-shrink: 0;
}

.wrapper-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper-option.input-flex-type {
  gap: 10px;
  align-items: normal;
}
.wrapper-option.input-flex-type .SOLInput-msg {
  width: 100%;
}
.wrapper-option.align-center {
  align-items: center;
}

.wrapper-align {
  display: flex;
  align-items: center;
}
.wrapper-align .SOLFile-root {
  width: unset;
}

.wrapper-inputlist {
  border-top: 1px solid #777;
}
.wrapper-inputlist .SOLInput-root {
  flex-direction: row;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--tb-border);
}
.wrapper-inputlist .SOLInput-root.error-type02 {
  display: block;
  padding: 16px 16px 35px 16px;
}
.wrapper-inputlist .SOLInput-root.error-type02 div.flex-column {
  display: flex;
  align-items: center;
}
.wrapper-inputlist .SOLInput-root.error-type02 .SOLInput-byte.s--between {
  width: 100%;
  justify-content: flex-end;
  position: relative;
}
.wrapper-inputlist
  .SOLInput-root.error-type02
  .SOLInput-byte.s--between
  .SOLInput-msg.c--error {
  margin-top: 0px;
  padding: 0px;
  background: none;
  border: none;
  position: absolute;
  top: 9px;
  right: 0;
}
.wrapper-inputlist
  .SOLInput-root.error-type02
  .SOLInput-byte.s--between
  .SOLInput-msg.c--error::before {
  content: "";
}
.wrapper-inputlist
  .SOLInput-root.error-type02
  .SOLInput-byte.s--between
  .SOLInput-byte--count {
  width: 150px;
  padding: 0px 0 0px 0px;
  position: absolute;
  top: 9px;
  left: 25px;
}
.wrapper-inputlist .SOLInput-root .SOLInput-label {
  width: 120px;
  padding-bottom: 0;
  font-weight: normal;
  color: var(--fc-default);
}
.wrapper-inputlist .SOLInput-root.lay-type02 div.button-box {
  padding: 0 0 0 10px;
}
.wrapper-inputlist .SOLInput-root.lay-type02 .SOLInput-label.w-text-input {
  width: 83px;
}
.wrapper-inputlist .SOLInput-msg {
  position: relative;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid currentColor;
  border-radius: 8px;
  overflow: hidden;
}
.wrapper-inputlist .SOLInput-msg::before {
  content: "·";
  padding-right: 4px;
}
.wrapper-inputlist .SOLInput-msg.c--error {
  color: #dd524c;
  border: 1px solid rgba(221, 82, 76, 0.1);
  background-color: rgba(252, 83, 86, 0.1);
}
.wrapper-inputlist .reset-txt {
  margin-top: 30px;
  text-align: center;
  display: block;
  text-decoration: underline;
  cursor: pointer;
}
.wrapper-inputlist .reset-txt.desc {
  text-decoration: none;
  text-align: left;
}

.wrapper-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.wrapper-desc {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  color: var(--fc-gray2);
}

.SOLTable-data {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.SOLTable-data th,
.SOLTable-data td {
  height: 64px;
  padding: 12px 15px;
  vertical-align: middle;
  border-top: 1px solid var(--tb-border);
  border-bottom: 1px solid var(--tb-border);
  text-align: left;
  line-height: 1.4;
}
.SOLTable-data tbody th {
  width: 140px;
  background-color: var(--tb-bg);
  font-weight: normal;
  text-align: left;
}
.SOLTable-data td > span + span {
  margin-left: 4px;
}
.SOLTable-data caption {
  font-size: var(--font-18);
  font-weight: 700;
  text-align: left;
  margin-bottom: 1em;
}
.SOLTable-data.t--result {
  border-top: 1px double #c9cbce;
  border-bottom: 1px double #c9cbce;
}
.SOLTable-data.t--result th {
  background-color: var(--bc-hover);
}
.SOLTable-data.t--result tfoot th,
.SOLTable-data.t--result tfoot td {
  font-weight: 700;
  font-size: var(--font-16);
}
.SOLTable-data.t--credit {
  border-top: 1px double #c9cbce;
}

.SOLTable-list {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.SOLTable-list.l--auto {
  table-layout: auto;
}
.SOLTable-list.b--ver {
  border-right: 0 hidden;
  border-left: 0 hidden;
}
.SOLTable-list.b--ver tbody td,
.SOLTable-list.b--ver tfoot td {
  border: 1px solid var(--tb-border);
}
.SOLTable-list.t--board tbody tr {
  transition: background-color 0.2s;
}
.SOLTable-list.t--board tbody tr:hover {
  background-color: var(--bc-hover);
}
.SOLTable-list.t--board a {
  display: flex;
  align-items: center;
  height: 100%;
}
.SOLTable-list.t--board a .a--left {
  padding: 0 0.5em;
}
.SOLTable-list.t--board .date {
  color: var(--fc-gray2);
}
.SOLTable-list th,
.SOLTable-list td {
  height: 56px;
  padding: 9px 10px;
  vertical-align: middle;
  border-top: 1px solid var(--tb-border);
  border-bottom: 1px solid var(--tb-border);
  text-align: center;
  line-height: 1.43;
}
.SOLTable-list td.left {
  text-align: left;
}
.SOLTable-list thead th {
  position: relative;
  height: 46px;
  padding: 5px;
  background-color: var(--tb-bg);
  border-color: #e2e2e2;
}
.SOLTable-list thead th:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 16px;
  margin-top: -8px;
  border-left: 1px solid #e2e2e2;
}
.SOLTable-list thead tr:not(:first-of-type) th {
  font-weight: normal;
}
.SOLTable-list tfoot td {
  background-color: var(--tb-bg);
  font-weight: 700;
}
.SOLTable-list .SOLTable-th-span {
  border-left: 1px solid var(--tb-border);
}
.SOLTable-list .SOLTable-th-span::after {
  content: none !important;
}
.SOLTable-list td.a--left {
  padding-left: 1.4em;
}
.SOLTable-list a {
  color: inherit;
}

.SOLTable-empty {
  padding: 54px 0;
  border-bottom: 1px solid var(--tb-border);
}

.SOLTable-small {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--tb-border);
  border-radius: 6px;
  background-color: #fff;
}
.SOLTable-small caption {
  font-weight: 400;
  text-align: left;
  font-weight: 700;
  padding-bottom: 0.7em;
}
.SOLTable-small th,
.SOLTable-small td {
  border-bottom: 1px solid var(--tb-border);
  padding: 8px;
  text-align: left;
}
.SOLTable-small th {
  width: 120px;
  padding: 10px;
  font-weight: 400;
  background-color: #eff3fc;
}
.SOLTable-small .SOLInput-box {
  height: 2em;
}
.SOLTable-small + .SOLTable-small {
  margin-top: 24px;
}

.SOLTable-wrapper {
  flex-grow: 1;
  overflow-y: auto;
}
.SOLTable-wrapper .SOLTable-list {
  border-collapse: separate;
}
.SOLTable-wrapper .SOLTable-list thead th {
  z-index: 1;
  position: sticky;
  top: 0;
}
.SOLTable-wrapper .SOLTable-list tbody td {
  border-top: 0;
}

.SOLCaption-root {
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--c-bg);
}

.SOLCaption-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #4e5262;
  font-weight: 700;
}

.SOLCaption-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.SOLCaption-body > li {
  position: relative;
  padding: 0 0 0 7px;
  letter-spacing: -0.3px;
}
.SOLCaption-body > li::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
}
.SOLCaption-body ul {
  padding-left: 8px;
}
.SOLCaption-body ul li {
  padding-top: 4px;
}

.SOLCaption-text {
  padding: 8px;
}

.SOLLine-default {
  margin: 24px 0;
  border-top: 1px solid var(--tb-border);
}

.SOLCaption-sm {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--fc-gray2);
  font-size: var(--font-13);
  text-align: left;
}
.SOLCaption-sm li::before {
  content: "·";
  padding-right: 4px;
}

.wrapper-align .SOLCaption-sm {
  margin-left: 1em;
}

.SOLCaption-noti {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: var(--font-13);
  margin-top: 1em;
}
.SOLCaption-noti li::before {
  content: "·";
  padding-right: 4px;
}

.no-touch-action {
  overflow: hidden;
  touch-action: none;
}

.members-root {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  touch-action: none;
}
.members-container .members-loginbox {
  display: flex;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
  overflow-y: hidden;
  padding: 20px 0px;
}
.members-container .members-loginbox.signup .SOLForm-root {
  margin-top: 20px;
  flex: 1;
  max-height: calc(var(--vh, 1vh) * 100 - 156px);
  min-height: calc(var(--vh, 1vh) * 100 - 156px);
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
.members-container .members-loginbox.signup .SOLForm-root::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.members-container .members-loginbox.signup .SOLForm-root .SOLStepper-root {
  padding: 20px 10px;
  margin: 0 0px;
}
.members-container .members-loginbox.signup .SOLForm-root .SOLInput-root {
  padding: 0 24px;
}
.members-container .members-loginbox.signup .SOLForm-root .signup-form-tit {
  padding-bottom: 20px;
}
.members-container .members-loginbox.signup .SOLForm-root .loginbox-terms-list {
  padding: 0 24px;
}
.members-container .members-loginbox.signup form {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.members-container .members-loginbox.login {
  justify-content: center;
}
.members-container .members-loginbox.login form .SOLForm-root {
  margin-top: 60px;
  padding: 0 24px;
}
.members-container .members-loginbox .signup-title-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 20px;
}
.members-container .members-loginbox .signup-title-box .close-btn {
  width: 15px;
  height: 15px;
  background: url("../../Common/image/icon/mb/ic_gnb_closebtn.png") no-repeat
    center;
  background-size: 15px;
  cursor: pointer;
}
.members-container .members-loginbox .signup-title-box .signup-title {
  font-size: var(--font-15);
  font-weight: 500;
  padding: 2px 0 0 10px;
}
.members-container .members-loginbox .signup-form-tit {
  font-size: var(--font-22);
  font-weight: 700;
  color: #1d2129;
  padding: 24px 0 0 24px;
}
.members-loginwrap {
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
}
.members-loginwrap .prev-btn {
  width: 14px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_btn.png) no-repeat;
  transform: rotate(180deg);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}
.members-loginbox {
  position: relative;
  width: 100%;
  width: 100%;
  padding: 75px 20px;
  border-radius: 12px;
  overflow-x: hidden;
}
.members-loginbox .loginbox-nav {
  position: absolute;
  top: 20px;
  left: 20px;
}
.members-loginbox .loginbox-title {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.members-loginbox .loginbox-title .crediview-member-logo {
  width: 187px;
  height: 31px;
  background: url("../../Common/image/crediview/logo/mb/member-crediview-logo.png")
    no-repeat center;
  margin: 0 auto;
}
.members-loginbox .loginbox-title .SOLText-desc {
  font-size: var(--font-16);
  font-weight: 500;
}
.members-loginbox .loginbox-inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 58px;
}
.members-loginbox .loginbox-inputs-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.members-loginbox .loginbox-inputs .reset-txt {
  display: inline-block;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.members-loginbox .loginbox-action {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 24px;
  position: absolute;
  bottom: 20px;
  transition: bottom 0.3s ease;
  width: 100%;
}
.members-loginbox .loginbox-action.ps-static {
  position: static;
}
body.keyboard-open .members-loginbox .loginbox-action {
  position: static;
  margin-top: 20px;
}

.members-loginbox .loginbox-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 20px 0;
}
.members-loginbox .loginbox-util .SOLCheck-root {
  font-size: var(--font-13);
}
.members-loginbox .loginbox-util .SOLCheck-root input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
.members-loginbox .loginbox-bottom {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.members-loginbox .loginbox-bottom a {
  color: var(--c-active);
  text-decoration: underline;
  display: inline-block;
  font-weight: 500;
}
.members-loginbox .SOLCaption-root {
  margin: 35px 0 0 0;
}
.members-loginbox .SOLCaption-root .SOLCaption-title {
  padding: 0px 0px 8px 0px;
  border-bottom: 1px solid #e6e8eb;
}
.members-loginbox .loginbox-menu {
  display: flex;
  justify-content: flex-start;
}
.members-loginbox .loginbox-menu li {
  display: flex;
  align-items: center;
  height: 10px;
}
.members-loginbox .loginbox-menu li:not(:first-of-type) {
  border-left: 1px solid #d9d9d9;
}
.members-loginbox .loginbox-menu a {
  line-height: 24px;
  padding: 0 3px;
  color: inherit;
  font-size: var(--font-13);
}
.members-loginbox .SOLInput-label:not(.t--empty) {
  margin-top: 10px;
}
.members-loginbox .loginbox-terms {
  margin-top: 20px;
}
.members-loginbox .loginbox-terms-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 54px;
}
.members-loginbox .loginbox-terms-inner .loginbox-terms-btn {
  margin-right: auto;
}
.members-loginbox .loginbox-terms-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.members-loginbox .loginbox-terms-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 24px;
  margin-top: 4px;
  background-color: var(--c-bg);
}
.members-loginbox .loginbox-terms-box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.members-loginbox .loginbox-terms-box .name {
  font-size: var(--font-13);
  color: var(--fc-gray1);
}
.members-loginbox .loginbox-terms-box .name::before {
  content: "· ";
}
.members-loginbox .loginbox-terms-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.members-loginbox .loginbox-terms-list > li {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
}
.members-loginbox .loginbox-terms-list > li.loginbox-terms-all {
  border: 1px solid var(--tb-border);
  padding: 10px 18px 10px 18px;
  margin-top: 20px;
}
.members-loginbox .loginbox-terms-list > li.loginbox-terms-all span {
  font-size: var(--font-16);
  font-weight: 700;
}
.members-loginbox .loginbox-terms-list em {
  font-weight: normal;
  color: var(--c-active);
}
.members-loginbox .loginbox-detail {
  padding: 16px 24px;
  background-color: var(--c-bg);
}
.members-loginbox .loginbox-detail li {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.members-loginbox .loginbox-detail .name {
  position: relative;
  display: inline-block;
  padding-left: 0.6em;
  font-size: var(--font-13);
  color: var(--fc-gray1);
}
.members-loginbox .loginbox-detail .name::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

.SOLTerms-root {
  padding: 24px;
  overflow-y: auto;
  max-height: calc(100vh - 165px);
  color: #404252;
  word-break: keep-all;
  text-align: justify;
  scrollbar-width: none;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
.SOLTerms-root.mgt20 {
  margin-top: 20px;
}
.SOLTerms-root h2 {
  font-weight: 700;
  color: #222;
  margin-bottom: 2em;
}
.SOLTerms-root h3 {
  font-weight: 500;
  color: #222;
  margin-top: 2em;
}
.SOLTerms-root p {
  margin: 1em 0;
}
.SOLTerms-root::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.SOLTerms-root::-webkit-scrollbar-thumb {
  border: 6px solid var(--c-bg);
  border-radius: 18px;
  background-color: #dcdbdf;
}

.SOLTerms-individual-root {
  width: 100%;
  background-color: var(--c-bg);
  padding: 25px 30px;
  border-radius: 8px;
  margin-top: 20px;
}
.SOLTerms-individual-root ul.list {
  padding: 5px 0;
}
.SOLTerms-individual-root ul.list li {
  font-size: 15px;
  font-weight: 600;
  color: #404252;
  position: relative;
  padding: 0 0 0 10px;
}
.SOLTerms-individual-root ul.list li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--fc-default);
  position: absolute;
  top: 6px;
  left: 0;
}
.SOLTerms-individual-root ul.list-num {
  padding: 0 0 0 10px;
}
.SOLTerms-individual-root ul.list-num li {
  font-size: 14px;
  font-weight: 400;
  color: #404252;
  padding-bottom: 5px;
}
.SOLTerms-individual-root ul.list-num li:last-child {
  padding-bottom: 0;
}

.SOLInput-flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.SOLInput-flex-box .SOLInput-wrap .SOLBtn-root:disabled,
.SOLInput-flex-box .SOLInput-wrap .SOLBtn-root.disabled {
  background: #fff;
}
.SOLInput-flex-box .SOLInput-wrap .SOLBtn-root.w80 {
  width: 80px;
}
.SOLInput-flex-box .SOLInput-wrap .SOLBtn-root.w66 {
  width: 66px;
}
.SOLInput-flex-box .SOLInput-wrap .SOLBtn-root.w60 {
  width: 60px;
}

@media screen and (orientation: landscape) {
  .members-loginbox {
    min-height: auto;
  }
  .SOLForm-root {
    min-height: auto;
  }
  .members-container .members-loginbox.signup form {
    overflow-y: scroll;
    max-height: calc(var(--vh, 1vh) * 100);
    min-height: 100px;
  }
  body.keyboard-open .members-loginbox .loginbox-action {
    position: static;
    margin-top: 20px;
    padding: 0 20px;
  }
}
.service-guide {
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--c-bg);
}
.service-guide-title {
  display: flex;
  align-items: center;
  height: 68px;
  padding: 0 24px;
  background-color: #f3f5f8;
}

.service-guide-step {
  display: flex;
  padding: 36px 24px;
}
.service-guide-step > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 1;
  color: var(--fc-gray1);
  font-size: var(--font-13);
  line-height: 1.5;
  text-align: center;
}
.service-guide-step > li::before {
  content: "";
  width: 86px;
  height: 86px;
  margin-bottom: 8px;
  border: 1px solid rgba(36, 63, 100, 0.05);
  border-radius: 50%;
  background: #fff no-repeat center center;
}
.service-guide-step > li:not(:first-of-type) {
  border-left: 1px solid #ecf1f7;
}
.service-guide-step > li:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ecf1f7 url(../../Common/image/icon/ic_arr_last.svg) no-repeat
    center center/11px;
}
.service-guide-step > li:first-of-type::before {
  background-image: url(../../Common/image/img/img_service_step01.svg);
}
.service-guide-step > li:nth-of-type(2)::before {
  background-image: url(../../Common/image/img/img_service_step02.svg);
}
.service-guide-step > li:nth-of-type(3)::before {
  background-image: url(../../Common/image/img/img_service_step03.svg);
}
.service-guide-step > li:nth-of-type(4)::before {
  background-image: url(../../Common/image/img/img_service_step04.svg);
}

.service-guide-label {
  position: absolute;
  top: 62px;
  left: calc(50% - 43px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 24px;
  background-color: var(--c-active);
  color: #fff;
  font-size: var(--font-12);
}
.service-guide-label.c--primary {
  background-color: #a241ff;
}

.service-result {
  display: flex;
  flex-direction: column;
  padding: 24px 40px 56px;
  margin-bottom: 24px;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
  text-align: center;
}
.service-result .console-footer {
  margin-top: 24px;
}
.service-result .console-footer.mgt0 {
  margin-top: 0px;
}
.service-result .service-result-desc .apply-ratings {
  font-size: 14px;
  font-weight: 600;
  color: var(--c-active);
}

.service-result-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 620px;
  margin: 32px auto;
}
.service-result-inner .service-result-desc {
  padding-top: 0;
  font-size: var(--font-16);
}
.service-result-inner .service-result-desc .title {
  font-size: var(--font-28);
}
.service-result-inner .service-result-desc .apply-ratings {
  font-size: 14px;
  font-weight: 600;
  color: var(--c-active);
}
.service-result-inner .SOLCaption-root {
  font-size: var(--font-16);
}
.service-result-inner .console-footer {
  font-weight: 700;
}

.service-result-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--tb-border);
}

.service-result-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: url(../../Common/image/img/bg_service_progress.png) no-repeat
    center top/274px;
}
.service-result-progress .progress {
  position: relative;
  display: flex;
  width: 240px;
  height: 10px;
  border-radius: 10px;
  background-color: #eef0f3;
  overflow: hidden;
}
.service-result-progress .value {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(to right, #506fff, #a241ff);
  animation: progressbar 2s infinite ease-in-out;
}
.service-result-progress .value-default {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(to right, #506fff, #a241ff);
}
.service-result-progress .value-default.w-5 {
  width: 5%;
}
.service-result-progress .value-default.w-10 {
  width: 10%;
}
.service-result-progress .value-default.w-30 {
  width: 30%;
}
.service-result-progress .value-default.w-50 {
  width: 50%;
}
.service-result-progress .value-default.w-60 {
  width: 60%;
}
.service-result-progress .value-default.w-70 {
  width: 70%;
}
.service-result-progress .value-default.w-80 {
  width: 80%;
}
.service-result-progress .value-default.w-90 {
  width: 90%;
}
.service-result-progress .value-default.w-100 {
  width: 100%;
}
.service-result-progress .percent-num {
  padding-top: 10px;
  display: block;
}
.service-result-progress .loading-bar {
  width: 49px;
  height: 49px;
  background: url(../../Common/image/svg/ic_loading.svg) no-repeat center center;
  animation: spin 4s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.service-result-img {
  position: relative;
  width: 140px;
  height: 136px;
  margin-top: 53px;
  background: url(../../Common/image/img/img_service_progress.svg) no-repeat
    center top;
}
.service-result-img.type02 {
  background: url(../../Common/image/img/img_service_step05.svg) no-repeat
    center top;
  background-position: 50% 50%;
}
.service-result-img .search {
  position: absolute;
  top: 20px;
  left: 50%;
  animation: spin 2s infinite ease-in-out;
  transform-origin: 50% 15px;
}
.service-result-img .search > div {
  position: absolute;
  top: 0;
  left: 0;
  animation: spin-reverse 2s infinite ease-in-out;
}
.service-result-img .search > div::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 32px;
  width: 23px;
  height: 22px;
  background: url(../../Common/image/img/img_search_handle.svg) no-repeat left
    top;
}
.service-result-img .search > div::after {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  border: 5px solid #5b6192;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: linear-gradient(
    158.95deg,
    rgba(255, 255, 255, 0.1) 13.91%,
    rgba(210, 247, 255, 0.1) 122.3%
  );
}

.service-result-desc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: var(--font-12);
  color: var(--fc-gray2);
  line-height: 1.4;
  padding-top: 2em;
}
.service-result-desc .title {
  font-size: var(--font-18);
  font-weight: 700;
  line-height: 1.2;
  color: var(--fc-default);
}

.service-result-card {
  width: 100%;
  max-width: 360px;
  margin: 56px auto 24px;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.service-result-rate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  height: 164px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px 16px 0 0;
  border-bottom: 0;
  background: url("../../Common/image/crediview/background/bg_service_card.png")
    no-repeat center -3px / calc(100% + 6px);
  color: #fff;
}
.service-result-rate .tit {
  font-size: var(--font-16);
}
.service-result-rate .desc {
  font-size: var(--font-12);
  opacity: 0.8;
}
.service-result-rate .rate {
  font-size: var(--font-50);
  font-weight: 700;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.service-result-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  height: 106px;
  background-color: #fff;
}
.service-result-date .limit {
  font-size: var(--font-16);
}

.service-result-count {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--fc-gray2);
}
.service-result-count .unit {
  min-width: 46px;
  line-height: 2.14;
  padding: 0 4px;
  border-radius: 4px;
  background-color: var(--bc-hover);
  color: var(--c-active);
  font-weight: 700;
}

.service-result-icon {
  width: 80px;
  margin: 0 auto;
}

.service-result-msg {
  width: 100%;
  padding: 0.6em;
  border: 1px solid currentColor;
  font-size: var(--font-16);
  margin-top: 0.8em;
}

.service-result-summary {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.service-result-summary > * {
  flex: 1;
}
.service-result-summary .result-box {
  border: 1px solid #dde4f1;
  border-radius: 6px;
  overflow: hidden;
}
.service-result-summary .result-box table {
  border: 0 hidden;
}
.service-result-summary .result-rating {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #001a4f;
  font-size: var(--font-18);
}
.service-result-summary .result-rating .rating {
  font-size: var(--font-80);
  color: var(--fc-rating);
  font-weight: 700;
  margin-top: -0.1em;
}
.service-result-summary .result-rating .rating.c--disabled {
  opacity: 0.3;
}
.service-result-summary .result-rating .rating.s--sm {
  font-size: var(--font-60);
  line-height: 1.5;
}

.service-result-limit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25em;
  margin-top: 48px;
  font-size: var(--font-16);
}
.service-result-limit.block {
  flex-flow: wrap;
}
.service-result-limit.block > div:first-child {
  width: 100%;
  padding-bottom: 10px;
}
.service-result-limit .desc {
  width: 100%;
}
.service-result-limit .desc:not(:first-child) {
  margin-top: 12px;
}
.service-result-limit .import-txt {
  color: var(--c-error);
}

.service-result-graph {
  text-align: left;
}

.result-graph-box {
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
  margin-top: 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: rgba(212, 205, 199, 0.3);
}
.result-graph-box .desc {
  margin-top: 8px;
  font-size: var(--font-16);
}

.result-graph-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.result-graph-canvas {
  position: relative;
  flex-grow: 1;
  margin-bottom: -1px;
}
.result-graph-canvas img,
.result-graph-canvas svg {
  display: block;
  width: 100%;
}

.result-graph-tag {
  position: absolute;
  bottom: 20px;
}
.result-graph-tag .tag {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  height: 50px;
  padding: 0 12px;
  border-radius: 7px;
  background-color: #fff;
  font-size: var(--font-24);
  font-weight: 700;
  color: var(--fc-rating);
  line-height: 1.1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
}
.result-graph-tag .tag::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 8px 5px;
  transform: translateX(-50%);
}
.result-graph-tag .tag.c--disabled span {
  opacity: 0.4;
}

.result-graph-legend {
  display: flex;
}
.result-graph-legend > li {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: var(--font-17);
}
.result-graph-legend > li .bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  color: #fff;
  font-size: var(--font-14);
}
.result-graph-legend > li .legend {
  display: flex;
  justify-content: space-between;
  padding: 0 2px;
  line-height: 1.82;
}
.result-graph-legend > li:first-of-type .bar {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #182a50;
}
.result-graph-legend > li:nth-child(2) .bar {
  background-color: #3f598a;
}
.result-graph-legend > li:nth-child(3) .bar {
  background-color: #617cb2;
}
.result-graph-legend > li:nth-child(4) .bar {
  background-color: #7299e7;
}
.result-graph-legend > li:nth-child(5) .bar {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #ff976e;
}

.service-payment {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.service-payment-info {
  flex-grow: 1;
}

.service-payment-summary {
  display: flex;
  gap: 16px;
  padding: 24px;
}
.service-payment-summary .text {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: var(--font-16);
}
.service-payment-summary .text > * {
  display: flex;
  align-items: center;
}
.service-payment-summary .text em {
  font-size: var(--font-18);
}
.service-payment-summary .text del {
  padding-left: 0.3em;
  font-size: var(--font-14);
  color: var(--fc-gray2);
}

.service-payment-coupon {
  display: flex;
  gap: 8px;
  padding: 16px 24px;
  align-items: stretch;
}

.service-payment-discount {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 36px;
  border-radius: var(--form-round);
  background-color: var(--bc-hover);
  color: var(--c-active);
  font-weight: 700;
  white-space: nowrap;
}

.cash-receipt-txt {
  display: flex;
  justify-content: flex-end;
  font-size: var(--font-14);
  color: var(--fc-default);
  padding-top: 32px;
}
.cash-receipt-txt span {
  position: relative;
  display: inline-block;
  padding: 2px 0 0 25px;
}
.cash-receipt-txt span::before {
  content: "";
  background: url("../../Common/image/icon/ic_info.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  border: solid 1px rgba(10, 43, 88, 0.1803921569);
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.service-payment-option {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 24px;
}

.service-payment-invoice {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}

.service-payment-detail {
  background-color: var(--c-bg);
  border-radius: 0 0 7px 7px;
  padding: 24px;
}

.service-payment-result {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: unset;
  width: 260px;
}

.service-payment-order {
  display: flex;
  flex-direction: column;
  padding: 30px 24px 24px;
}

.service-payment-price {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.service-payment-price li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-payment-price .item-total {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--tb-border);
  font-size: var(--font-16);
}
.service-payment-price .item-total .value {
  font-size: var(--font-24);
}
.service-payment-price .item-discount {
  color: var(--c-error);
}
.service-payment-price .value {
  font-size: var(--font-16);
}

.service-payment-foot {
  display: flex;
  flex-direction: column;
  padding: 24px;
  background-color: var(--c-bg);
  border-radius: 0 0 7px 7px;
}
.service-payment-foot .SOLBtn-root {
  font-weight: 600;
}

.service-payment-terms {
  margin-bottom: 18px;
}
.service-payment-terms dd {
  display: flex;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid var(--tb-border);
}
.service-payment-terms dd button {
  margin-left: auto;
}

.service-reception {
  display: flex;
  gap: 24px;
}
.service-reception > li {
  flex: 1;
}
.service-reception > li.item-public .service-reception-btn::before {
  background-image: url(../../Common/image/img/img_reception_public.svg);
}
.service-reception > li.item-private .service-reception-btn::before {
  background-image: url(../../Common/image/img/img_reception_private.svg);
}
.service-reception > li.item-own .service-reception-btn::before {
  background-image: url(../../Common/image/img/img_reception_own.svg);
}
.service-reception > li:only-of-type {
  max-width: calc(50% - 5px);
}
.service-reception-btn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  width: 100%;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
  color: var(--fc-gray1);
  font-size: var(--font-13);
  line-height: 1.5;
  text-align: center;
  transition: border-color 0.2s;
}
.service-reception-btn::before {
  content: "";
  height: 140px;
  background: #f2f5ff no-repeat center top;
}
.service-reception-btn:focus,
.service-reception-btn.st--active {
  border-color: var(--c-active);
  box-shadow: 0 3px 12px rgba(55, 29, 110, 0.07);
}
.service-reception-btn .wrapper-desc {
  padding: 32px 16px;
}

.service-section {
  margin-top: 40px;
  text-align: center;
}
.service-section .console-footer {
  margin-top: 40px;
}
.service-section .wrapper-desc {
  align-items: center;
}
.service-section .wrapper-desc-pd20 {
  padding: 30px 0px 0px 0;
}
.service-section .wrapper-desc-pd20 p {
  font-size: 16px;
  line-height: 24px;
}

.service-summary {
  display: flex;
  margin-bottom: 40px;
  padding: 20px 0;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
}
.service-summary > li {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  font-size: var(--font-12);
  color: var(--fc-gray1);
}
.service-summary > li:not(:first-of-type) {
  border-left: 1px solid var(--tb-border);
}
.service-summary > li.item-btns {
  max-width: 180px;
}
.service-summary .SOLBtn-root {
  width: 100%;
}
.service-summary .value {
  font-size: 18px;
  line-height: 28px;
  color: var(--fc-default);
}
.service-summary .rate {
  font-size: var(--font-24);
}
.service-summary-btns {
  display: flex;
  gap: 8px;
}
.service-summary-btns .SOLBtn-root {
  width: 62px;
}

.service-issue {
  display: flex;
  gap: 8px;
}
.service-issue > * {
  flex: 1;
}

.service-issue-desc {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.service-issue-desc .SOLCheck-root {
  justify-content: center;
  text-align: center;
  margin-top: 48px;
}
.service-issue-desc .console-footer {
  margin-top: 48px;
}

.guide-body {
  display: flex;
  flex-direction: column;
  font-size: var(--font-16);
  line-height: 1.4;
  word-break: keep-all;
}
.guide-body .SOLTitle-t3 {
  margin: 24px 0 12px;
}
.guide-body .SOLTitle-t4,
.guide-body table caption {
  margin: 24px 0 12px;
}
.guide-body table {
  margin: 24px 0;
}
.guide-body table caption {
  margin-top: 0;
  text-align: left;
}
.guide-body table + .footnote {
  margin-top: -24px;
  margin-bottom: 24px;
}
.guide-body .SOLTable-list.s--sm {
  font-size: var(--font-14);
}
.guide-body .SOLTable-list.s--sm td {
  height: 3em;
}
.guide-body a {
  color: var(--c-active);
  text-decoration: underline;
}
.guide-body img {
  max-width: 100%;
}
.guide-body .footnote {
  color: var(--fc-gray1);
  font-size: var(--font-14);
}

.guide-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 1em;
  text-indent: -1em;
}
.guide-list ul {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-left: 1em;
  text-indent: -1em;
  margin: 9px 0;
  color: var(--fc-gray1);
}

.guide-desc {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.guide-desc ul:not(.guide-list, .footnote) {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 9px;
  color: var(--fc-gray1);
}

.guide-img {
  margin: 24px 0;
}

.SOLCard-root,
.SOLRatingCard-root {
  display: grid;
  gap: 24px;
}
.SOLCard-item,
.SOLCard-root > li,
.SOLRatingCard-item,
.SOLRatingCard-root > li {
  display: flex;
  flex-direction: column;
  min-height: 302px;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
}
.SOLCard-item.s--full,
.SOLCard-root > li.s--full,
.SOLRatingCard-item.s--full,
.SOLRatingCard-root > li.s--full {
  grid-column: 1 / span 3;
}
.SOLCard-title,
.SOLRatingCard-title {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.SOLCard-title-option,
.SOLRatingCard-title-option {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.SOLCard-title-option .SOLIconBtn-root,
.SOLRatingCard-title-option .SOLIconBtn-root {
  margin-right: -0.6em;
  height: 100%;
}
.SOLCard-body,
.SOLRatingCard-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.SOLCard-detail,
.SOLRatingCard-detail {
  display: table;
  table-layout: fixed;
  margin-bottom: auto;
}
.SOLCard-detail > li,
.SOLRatingCard-detail > li {
  display: table-row;
}
.SOLCard-detail .name,
.SOLRatingCard-detail .name {
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 36px;
  color: var(--fc-gray1);
}
.SOLCard-detail .value,
.SOLRatingCard-detail .value {
  display: table-cell;
  vertical-align: middle;
}
.SOLCard-empty,
.SOLRatingCard-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  gap: 12px;
  color: #8b8b8f;
  font-size: var(--font-13);
}
.SOLCard-empty::before,
.SOLRatingCard-empty::before {
  content: "";
  width: 88px;
  height: 88px;
  background: url(../../Common/image/img/img_empty.svg) no-repeat center center;
}
.SOLCard-empty-action,
.SOLRatingCard-empty-action {
  margin-top: auto;
  text-align: center;
}
.SOLCard-empty.ic--invite::before,
.SOLRatingCard-empty.ic--invite::before {
  background-image: url(../../Common/image/img/img_empty_user.svg);
}
.SOLCard-empty.ic--submit::before,
.SOLRatingCard-empty.ic--submit::before {
  background-image: url(../../Common/image/img/img_empty_submit.svg);
}
.SOLCard-empty.ic--cs::before,
.SOLRatingCard-empty.ic--cs::before {
  background-image: url(../../Common/image/img/img_empty_cs.svg);
}

.SOLCard-root {
  grid-template-columns: repeat(2, 1fr);
}
.SOLCard-item,
.SOLCard-root > li {
  padding: 24px;
}
.SOLCard-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #a9b5bf;
}
.SOLCard-title .SOLLabel-root {
  min-width: 65px;
}
.SOLCard-body {
  padding-top: 16px;
}
.SOLCard-detail .name::before {
  content: "·";
  padding-right: 4px;
}
.SOLCard-detail .value {
  font-weight: 700;
}
.SOLCard-action {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}
.SOLCard-action .SOLBtn-root {
  min-width: 106px;
}

.SOLRatingCard-root {
  grid-template-columns: repeat(3, 1fr);
}
.SOLRatingCard-root .date {
  font-size: var(--font-12);
  color: var(--fc-gray1);
}
.SOLRatingCard-item.t--submit {
  background: linear-gradient(153.58deg, #398bfd 0.66%, #a241ff 125.96%);
  color: #fff;
  font-weight: 300;
}
.SOLRatingCard-item.t--submit .date,
.SOLRatingCard-item.t--submit .name {
  color: #fff;
  opacity: 0.8;
}
.SOLRatingCard-item.t--submit .SOLLabel-root {
  border: 0;
  background-color: rgba(28, 51, 41, 0.5);
  color: #73ffc4 !important;
  font-weight: 500;
}
.SOLRatingCard-item.t--submit .SOLLabel-root.c--active {
  background-color: var(--c-bg);
  color: var(--c-active) !important;
}
.SOLRatingCard-item.t--submit .SOLRatingCard-grade {
  background: linear-gradient(
    278.82deg,
    rgba(0, 0, 0, 0.08) -21.11%,
    rgba(0, 0, 0, 0.16) 108.64%
  );
}
.SOLRatingCard-item.t--submit .SOLRatingCard-detail .name {
  opacity: 0.6;
}
.SOLRatingCard-item.t--submit .SOLRatingCard-action {
  border-top: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.SOLRatingCard-item.c--disabled .SOLRatingCard-action-option .SOLIconBtn-root {
  color: var(--fc-default);
}
.SOLRatingCard-title {
  padding: 16px;
}
.SOLRatingCard-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 65px;
  padding: 0 13px;
  margin-top: auto;
  border-top: 1px solid rgba(227, 229, 235, 0.6);
  text-align: right;
  font-size: var(--font-13);
}
.SOLRatingCard-action a {
  text-decoration: underline;
}
.SOLRatingCard-action a.left {
  text-align: left;
}
.SOLRatingCard-action span.left {
  text-align: left;
  padding-right: 5px;
}
.SOLRatingCard-action .SOLBtn-root {
  min-width: 74px;
  margin-left: auto;
}
.SOLRatingCard-action .SOLIconBtn-root {
  width: 36px;
  margin-right: -8px;
}
.SOLRatingCard-action-option {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.SOLRatingCard-detail {
  padding: 16px 24px;
}
.SOLRatingCard-detail .name {
  height: 32px;
  font-size: var(--font-13);
}
.SOLRatingCard-detail .value {
  text-align: right;
}
.SOLRatingCard-empty::before {
  background-image: url(../../Common/image/img/img_empty_rating.svg);
}

.SOLRatingCard-grade {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  margin: 0 16px;
  border-radius: 8px;
  background-color: var(--c-bg);
  font-size: var(--font-28);
  font-weight: 700;
}
.SOLRatingCard-grade small {
  font-weight: 300;
  font-size: var(--font-20);
  padding-left: 6px;
}

.welcome-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-bottom: 60px;
  text-align: center;
}
.welcome-title .SOLText-note {
  margin-top: 8px;
}

.welcome-t1 {
  font-size: var(--font-36);
  font-weight: 700;
}

.welcome-t2 {
  font-size: var(--font-22);
  font-weight: 700;
  color: var(--c-active);
  text-decoration: underline;
}

.welcome-t3 {
  line-height: 1.4;
  color: var(--fc-gray1);
}

.welcome-mv {
  position: relative;
  aspect-ratio: 2/1;
  display: flex;
  overflow: hidden;
  border-radius: 8px;
  font-size: var(--font-28);
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: -1px;
}
.welcome-mv-inner {
  position: absolute;
  inset: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.welcome-mv-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    #f9f5fe 10%,
    rgba(255, 255, 255, 0),
    #ebf2fe 90%
  );
}
.welcome-mv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.welcome-mv-bg video {
  opacity: 0.4;
}
.welcome-mv-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  opacity: 0;
}
.welcome-mv-cont {
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}
.welcome-mv-cont .benefit {
  position: relative;
  transform: translate(50%, 50%);
  margin-top: -20px;
  margin-left: -0.5em;
  opacity: 0;
}
.welcome-mv-cont .benefit ul {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8em;
  font-size: 1em;
  font-weight: 800;
  white-space: nowrap;
  padding: 0.4em 0;
}
.welcome-mv-cont .benefit li {
  display: flex;
  align-items: center;
  height: 1.2em;
  border-bottom: 3px solid transparent;
  border-image-slice: 1 !important;
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 0.5;
  transition: color 0.3s, opacity 0.3s, border-image 0.3s background-image 0.3s;
  transition: color 0.3s, opacity 0.3s, border-image 0.3s background-image 0.3s,
    -o-border-image 0.3s background-image 0.3s;
}
.welcome-mv-cont .benefit li:first-of-type {
  opacity: 1;
  color: transparent;
  -o-border-image: linear-gradient(97deg, #0046ff, #8e48ff 60%);
  border-image: linear-gradient(97deg, #0046ff, #8e48ff 60%);
  background-image: linear-gradient(97deg, #0046ff, #8e48ff 60%);
}
.welcome-mv-fin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  text-align: center;
  scale: 0.8;
  opacity: 0;
}

.box-panel,
.box-panel-list {
  display: flex;
  border: 1px solid var(--tb-border);
  border-radius: 8px;
}

.box-panel-list {
  display: block;
  padding: 4px 24px;
}
.box-panel-list li {
  display: flex;
  align-items: center;
  height: 64px;
}
.box-panel-list li:not(:first-of-type) {
  border-top: 1px solid var(--tb-border);
}
.box-panel-list .SOLSwitch-root {
  width: 100%;
}

.box-empty {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  align-items: center;
  min-height: 106px;
  padding: 24px;
  margin-bottom: 40px;
  border-radius: 8px;
  background-color: var(--c-bg);
  font-size: var(--font-13);
  color: var(--fc-gray1);
}

.box-msg {
  padding: 1em;
  border-radius: 8px;
  background-color: var(--c-bg);
  text-align: center;
}
.box-msg.c--error {
  border: 1px solid rgba(221, 82, 76, 0.1);
  background-color: rgba(252, 83, 86, 0.1);
  color: var(--c-error);
}

.wrapper-fbox {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.wrapper-fbox > * {
  flex-grow: 1;
}
.wrapper-fbox .box-panel,
.wrapper-fbox .box-panel-list {
  padding: 18px 24px;
  justify-content: space-between;
  align-items: center;
}
.wrapper-fbox .box-panel.input--circle--type,
.wrapper-fbox .input--circle--type.box-panel-list {
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  padding: 7px 24px;
}
.wrapper-fbox
  .box-panel.input--circle--type
  .SOLCheck-root
  .SOLCheck-label
  input[type="checkbox"],
.wrapper-fbox
  .input--circle--type.box-panel-list
  .SOLCheck-root
  .SOLCheck-label
  input[type="checkbox"] {
  border-radius: 50%;
}
.wrapper-fbox .SOLBtn-root {
  min-width: unset;
}

.wrapper-fbox-table {
  display: flex;
  gap: 24px;
}
.wrapper-fbox-table > .SOLTable-data:nth-child(2) {
  width: 50%;
  flex-shrink: 0;
}

.wrapper-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper-option.input-flex-type {
  gap: 10px;
  align-items: normal;
}
.wrapper-option.input-flex-type .SOLInput-msg {
  width: 100%;
}
.wrapper-option.align-center {
  align-items: center;
}

.wrapper-align {
  display: flex;
  align-items: center;
}
.wrapper-align .SOLFile-root {
  width: unset;
}

.wrapper-inputlist {
  border-top: 1px solid #777;
}
.wrapper-inputlist .SOLInput-root {
  flex-direction: row;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--tb-border);
}
.wrapper-inputlist .SOLInput-root.error-type02 {
  display: block;
  padding: 16px 16px 35px 16px;
}
.wrapper-inputlist .SOLInput-root.error-type02 div.flex-column {
  display: flex;
  align-items: center;
}
.wrapper-inputlist .SOLInput-root.error-type02 .SOLInput-byte.s--between {
  width: 100%;
  justify-content: flex-end;
  position: relative;
}
.wrapper-inputlist
  .SOLInput-root.error-type02
  .SOLInput-byte.s--between
  .SOLInput-msg.c--error {
  margin-top: 0px;
  padding: 0px;
  background: none;
  border: none;
  position: absolute;
  top: 9px;
  right: 0;
}
.wrapper-inputlist
  .SOLInput-root.error-type02
  .SOLInput-byte.s--between
  .SOLInput-msg.c--error::before {
  content: "";
}
.wrapper-inputlist
  .SOLInput-root.error-type02
  .SOLInput-byte.s--between
  .SOLInput-byte--count {
  width: 150px;
  padding: 0px 0 0px 0px;
  position: absolute;
  top: 9px;
  left: 25px;
}
.wrapper-inputlist .SOLInput-root .SOLInput-label {
  width: 120px;
  padding-bottom: 0;
  font-weight: normal;
  color: var(--fc-default);
}
.wrapper-inputlist .SOLInput-root.lay-type02 div.button-box {
  padding: 0 0 0 10px;
}
.wrapper-inputlist .SOLInput-root.lay-type02 .SOLInput-label.w-text-input {
  width: 83px;
}
.wrapper-inputlist .SOLInput-msg {
  position: relative;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid currentColor;
  border-radius: 8px;
  overflow: hidden;
}
.wrapper-inputlist .SOLInput-msg::before {
  content: "·";
  padding-right: 4px;
}
.wrapper-inputlist .SOLInput-msg.c--error {
  color: #dd524c;
  border: 1px solid rgba(221, 82, 76, 0.1);
  background-color: rgba(252, 83, 86, 0.1);
}
.wrapper-inputlist .reset-txt {
  margin-top: 30px;
  text-align: center;
  display: block;
  text-decoration: underline;
  cursor: pointer;
}
.wrapper-inputlist .reset-txt.desc {
  text-decoration: none;
  text-align: left;
}

.wrapper-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.wrapper-desc {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  color: var(--fc-gray2);
}

.SOLBoard-root .console-footer {
  margin-top: 40px;
}

.SOLBoard-header {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-top: -40px;
  padding: 24px;
  border-bottom: 1px solid var(--tb-border);
}
.SOLBoard-header .sort {
  color: var(--c-active);
  font-weight: 700;
}
.SOLBoard-header .SOLFile-list {
  flex-direction: column;
  margin-top: 1em;
}

.SOLBoard-header-info {
  display: flex;
  gap: 0.8em;
  margin-top: 0.5em;
  font-size: var(--font-12);
  color: var(--fc-gray2);
}
.SOLBoard-header-info span {
  display: inline-flex;
  gap: 0.3em;
  align-items: center;
  height: 1em;
}
.SOLBoard-header-info span:not(:first-child) {
  padding-left: 0.8em;
  border-left: 1px solid var(--tb-border);
}

.SOLBoard-file {
  padding: 13px 24px;
  border-bottom: 1px solid #f3f3f3;
}
.SOLBoard-file .SOLFile-list {
  margin: 1em 0 0 1.4em;
}

.SOLBoard-file-header {
  display: flex;
  align-items: center;
  gap: 0.8em;
  font-size: var(--font-13);
}
.SOLBoard-file-header .info {
  display: inline-flex;
}
.SOLBoard-file-header .info em {
  font-weight: inherit;
  color: var(--c-active);
  padding-left: 0.3em;
}
.SOLBoard-file-header .info small {
  color: var(--fc-gray2);
  padding-left: 0.3em;
}

.SOLBoard-file-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

.SOLBoard-body {
  max-width: 1200px;
  overflow-x: scroll;
  padding: 40px 24px 80px;
  border-bottom: 1px solid var(--tb-border);
  font-size: var(--font-15);
  line-height: 1.5em;
}
.SOLBoard-body > .SOLBoard-body-img:first-child {
  margin-top: 0;
}

.SOLBoard-body-img {
  text-align: center;
  margin: 40px auto;
}
.SOLBoard-body-img img {
  max-width: 100%;
}

.SOLBoard-navi {
  margin-top: 48px;
  border-bottom: 1px solid var(--tb-border);
  white-space: nowrap;
}

.SOLBoard-navi-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid var(--tb-border);
  color: var(--fc-gray2);
  line-height: 1.6;
}
.SOLBoard-navi-item .navi-prev,
.SOLBoard-navi-item .navi-next {
  flex-shrink: 0;
  position: relative;
  padding-right: 3em;
  color: var(--fc-default);
}
.SOLBoard-navi-item .navi-prev::after,
.SOLBoard-navi-item .navi-next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-top: -2px;
  border-style: solid;
  border-color: transparent transparent var(--c-active) transparent;
  border-width: 5px 4px;
  border-radius: 2px;
}
.SOLBoard-navi-item .navi-next::after {
  transform: scaleY(-1);
}
.SOLBoard-navi-item .title {
  flex: 1;
  display: flex;
  align-items: center;
  max-width: 500px;
  padding-left: 1em;
  border-left: 1px solid var(--tb-border);
}
.SOLBoard-navi-item .date {
  flex-shrink: 0;
  margin-left: auto;
  color: var(--fc-gray2);
}
.SOLBoard-navi-item a {
  display: flex;
  align-items: center;
  color: var(--fc-default);
}

.SOLBoard-searchbox {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-bottom: 40px;
}
.SOLBoard-searchbox .SOLInput-box {
  height: 100%;
  padding-left: 1em;
}

.SOLBoard-searchbox-btns {
  display: flex;
  align-items: stretch;
  gap: 4px;
}
.SOLBoard-searchbox-btns .SOLBtn-root:not(.t--icon) {
  width: 96px;
}
.SOLBoard-searchbox-btns .SOLBtn-root.t--icon {
  width: 48px;
}

.SOLBoard-reply {
  margin-top: 80px;
  padding: 24px 24px 48px;
  background-color: var(--c-bg);
  border-radius: 8px;
}
.SOLBoard-reply + .SOLBoard-reply {
  margin-top: 24px;
}

.SOLBoard-reply-header {
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid var(--tb-border);
}

@supports (-webkit-touch-callout: none) {
  .members-container .members-loginbox.signup .SOLForm-root {
    max-height: calc(100dvh - 350px);
  }
  .SOLTermAgreement-contents {
    max-height: calc(100vh - 245px);
  }
}
.intro-root .intro-container .intro-inner-wrap {
  padding: 0 20px;
}
.intro-root .intro-container .sec-first {
  width: 100%;
  height: 680px;
  background: url(../../Common/image/crediview/intro/mb/about-section01-bg.png)
    no-repeat center bottom;
  background-size: cover;
  padding: 68px 0 20px 0;
  position: relative;
}
.intro-root .intro-container .sec-first::before {
  content: "";
  width: 360px;
  height: 387px;
  background: url(../../Common/image/crediview/intro/mb/about-section01-img01.png)
    no-repeat bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .sec-first .con .tit-box h3 {
  font-size: var(--font-30);
  font-weight: 700;
  color: #353c49;
  text-align: center;
  line-height: 135%;
}
.intro-root .intro-container .sec-first .con .tit-box h3 span {
  color: #3b5dfb;
}
.intro-root .intro-container .sec-first .con .tit-box .sub-tit {
  display: block;
  text-align: center;
  font-size: var(--font-16);
  font-weight: 600;
  color: #8c8c99;
  padding-top: 24px;
  line-height: 150%;
}
.intro-root .intro-container .sec-first .con .btn-wrap {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .sec-first .con .btn-wrap .s-btn {
  width: 300px;
  height: 56px;
  background: linear-gradient(90deg, #0046ff 0%, #8e48ff 100%);
  color: #fff;
  border-radius: 32px;
  font-size: var(--font-16);
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.intro-root .intro-container .sec-first .con .btn-wrap .s-btn span {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.intro-root .intro-container .sec-first .con .btn-wrap .s-btn span:before {
  content: "";
  width: 13px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat;
  background-size: 12px;
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 10;
}
.intro-root .intro-container .sec-two {
  padding-top: 60px;
}
.intro-root .intro-container .sec-two .con .tit-box h3 {
  font-size: var(--font-22);
  font-weight: 700;
  color: #1d2129;
  text-align: center;
  line-height: 135%;
  padding-bottom: 24px;
}
.intro-root .intro-container .sec-two .con .tit-box h3 span {
  color: #2966f5;
  display: inline-block;
}
.intro-root .intro-container .sec-two .con .img {
  padding-bottom: 24px;
}
.intro-root .intro-container .sec-two .con .img img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.intro-root .intro-container .sec-two .con .history-list-box {
  width: 360px;
  margin: 0 auto;
  padding: 0 0 0 20px;
}
.intro-root .intro-container .sec-two .con .history-list-box .h-list {
  position: relative;
}
.intro-root .intro-container .sec-two .con .history-list-box .h-list:before {
  content: "";
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #d9d9d9 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 12px;
  left: 0;
}
.intro-root .intro-container .sec-two .con .history-list-box .h-list li {
  padding: 0 0 0 13px;
  position: relative;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li.active::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border: solid 4px #0046ff;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: -7px;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #d9d9d9;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: -7px;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li
  .inner-box
  dl {
  padding-bottom: 32px;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li
  .inner-box
  dl
  dt.year {
  font-size: var(--font-20);
  font-weight: 700;
  color: #222222;
  position: relative;
  padding-bottom: 12px;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li
  .inner-box
  dl
  dd {
  position: relative;
  padding: 0 0 10px 10px;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li
  .inner-box
  dl
  dd:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #333;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 0;
}
.intro-root
  .intro-container
  .sec-two
  .con
  .history-list-box
  .h-list
  li:last-child
  dl {
  padding-bottom: 0;
}
.intro-root .intro-container .sec-two .bottom-bn {
  display: block;
  width: 100%;
  height: 80px;
  background: url(../../Common/image/crediview/intro/mb/about-section02-img02.png)
    no-repeat center;
  background-size: cover;
  padding: 25px 20px;
  margin-top: 22px;
}
.intro-root .intro-container .sec-two .bottom-bn .txt {
  width: 360px;
  margin: 0 auto;
  display: block;
  font-size: var(--font-15);
  font-weight: 700;
  color: #fff;
  position: relative;
}
.intro-root .intro-container .sec-two .bottom-bn .txt:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat;
  background-size: 14px;
  position: absolute;
  top: 10px;
  right: 0;
}
.intro-root .intro-container .sec-three {
  width: 100%;
  height: 760px;
  background: url("../../Common/image/crediview/intro/mb/about-section03-bg.png")
    no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}
.intro-root .intro-container .sec-three .con .tit-box .tit {
  font-size: var(--font-22);
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 29px;
}
.intro-root .intro-container .sec-three .con .tit-box .sub-tit {
  padding: 24px 0 0 0;
  font-size: var(--font-16);
  font-weight: 400;
  line-height: 26px;
  display: block;
  text-align: center;
  color: #b2bbd3;
}
.intro-root .intro-container .sec-three .con .logo-box {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 55px;
  position: relative;
  padding: 32px 0;
}
.intro-root .intro-container .sec-three .con .logo-box:before {
  content: "";
  width: 100%;
  height: 1px;
  background: radial-gradient(circle, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.intro-root .intro-container .sec-three .con .logo-box:after {
  content: "";
  width: 100%;
  height: 1px;
  background: radial-gradient(circle, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.intro-root .intro-container .sec-three .con .logo-box div {
  position: relative;
}
.intro-root .intro-container .sec-three .con .logo-box div::before {
  content: "";
  width: 14px;
  height: 13px;
  background: url(../../Common/image/icon/mb/union-ico.png) no-repeat;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .sec-three .con .logo-box div:last-child:before {
  content: none;
}
.intro-root .intro-container .sec-three .con .logo-box .shinhan img {
  width: 94px;
}
.intro-root .intro-container .sec-three .con .logo-box .duozone img {
  width: 160px;
}
.intro-root .intro-container .sec-three .con .logo-box .sgi img {
  width: 117px;
}
.intro-root .intro-container .sec-fourth {
  height: 758px;
  padding: 60px 0;
}
.intro-root .intro-container .sec-fourth .con .tit-box .tit {
  font-size: var(--font-22);
  font-weight: 700;
  line-height: 29px;
  color: #1d2129;
  text-align: center;
  padding-bottom: 40px;
}
.intro-root .intro-container .sec-fourth .con .tit-box .tit span {
  color: #2966f5;
}
.intro-root .intro-container .sec-fourth .con .process-box {
  position: relative;
}
.intro-root .intro-container .sec-fourth .con .process-box .bg {
  width: 360px;
  height: 540px;
  background: url(../../Common/image/crediview/intro/mb/about-section04-img01.png)
    no-repeat center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .t-ps {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .t-ps span {
  display: block;
  position: absolute;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .t-ps span em {
  display: block;
  text-align: center;
  font-size: var(--font-13);
  font-weight: 500;
  color: #fff;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .t-ps
  span.txt01 {
  top: 67px;
  left: 31px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .t-ps
  span.txt02 {
  top: 0px;
  left: 140px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .t-ps
  span.txt03 {
  top: 67px;
  left: 248px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .t-ps
  span.txt04 {
  top: 100px;
  left: 140px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .t-ps
  span.txt04
  em {
  font-size: var(--font-14);
  color: #0d74ea;
  font-weight: 700;
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .m-ps {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .m-ps span {
  display: block;
  position: absolute;
  width: 64px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .m-ps span em {
  display: block;
  text-align: center;
  font-size: var(--font-13);
  font-weight: 500;
  color: #3b5dfb;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .m-ps
  span.txt01 {
  top: -23px;
  left: 28px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .m-ps
  span.txt02 {
  top: -58px;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto;
  height: auto;
  background: none;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .m-ps
  span.txt02
  em {
  font-size: var(--font-18);
  font-weight: 700;
  color: #fff;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .m-ps
  span.txt03 {
  top: -50px;
  right: 29px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .m-ps
  span.txt04 {
  top: 2px;
  right: 29px;
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .b-ps {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .b-ps span {
  display: block;
  position: absolute;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro-root .intro-container .sec-fourth .con .process-box .bg .b-ps span em {
  display: block;
  text-align: center;
  font-size: var(--font-13);
  font-weight: 500;
  color: #fff;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .b-ps
  span.txt01 {
  bottom: 67px;
  left: 31px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .b-ps
  span.txt02 {
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .b-ps
  span.txt03 {
  bottom: 67px;
  right: 31px;
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .b-ps
  span.txt04 {
  bottom: 100px;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root
  .intro-container
  .sec-fourth
  .con
  .process-box
  .bg
  .b-ps
  span.txt04
  em {
  font-size: var(--font-14);
  color: #6257ff;
  font-weight: 700;
}
.intro-root .intro-container .sec-fifth {
  padding: 40px 0 56px 0;
  background-color: #cadbfe;
}
.intro-root .intro-container .sec-fifth .con .tit-box {
  padding-bottom: 40px;
}
.intro-root .intro-container .sec-fifth .con .tit-box .tit {
  font-size: var(--font-22);
  font-weight: 700;
  color: #1d2129;
  text-align: center;
}
.intro-root .intro-container .sec-fifth .con .intro-fifth-swiper-wrapper {
  position: relative;
  height: 458px;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 360px;
  height: 100%;
  overflow: hidden;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper {
  display: flex;
  overflow: visible;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide {
  width: 100%;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-color: #507bff;
  box-shadow: 0px 4px 24px 0 rgba(72, 114, 221, 0.16);
  padding: 36px 16px;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .slide-tit-box {
  text-align: center;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .slide-tit-box
  span {
  display: block;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .slide-tit-box
  span.s-tit {
  font-size: var(--font-14);
  font-weight: 400;
  color: #b9caff;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .slide-tit-box
  span.m-tit {
  font-size: var(--font-26);
  font-weight: 700;
  color: #fff;
  padding: 10px 0 24px 0;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .slide-img-box
  img {
  display: block;
  margin: 0 auto;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .slide-txt {
  text-align: center;
  font-size: var(--font-15);
  font-weight: 400;
  color: #fff;
  padding: 20px 0;
  line-height: 150%;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .hash-tag-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .hash-tag-box.pdt50 {
  padding-top: 50px;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .hash-tag-box
  .wrap {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .hash-tag-box
  .wrap
  .hash {
  display: block;
  border-radius: 24px;
  border: solid 1px rgba(255, 255, 255, 0.6);
  padding: 10px 6px;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .hash-tag-box
  .wrap
  .hash
  em {
  font-size: var(--font-12);
  font-weight: 400;
  color: #fff;
  display: block;
  text-align: center;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-swiper
  .swiper-wrapper
  .swiper-slide.nth-02
  .bn-content {
  background: #14489f;
}
.intro-root
  .intro-container
  .sec-fifth
  .con
  .intro-fifth-swiper-wrapper
  .intro-fifth-pagination {
  width: auto;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
}
.intro-root .intro-container .sec-sixth {
  width: 100%;
  height: 792px;
  background: url(../../Common/image/crediview/intro/mb/about-section06-bg.png)
    no-repeat center/cover;
  padding: 60px 0;
  position: relative;
}
.intro-root .intro-container .sec-sixth .con .tit-box {
  padding-bottom: 25px;
}
.intro-root .intro-container .sec-sixth .con .tit-box .tit {
  font-size: var(--font-22);
  font-weight: 700;
  line-height: 29px;
  color: #fff;
  text-align: center;
}
.intro-root .intro-container .sec-sixth .con .board-box .top-header {
  width: 258px;
  position: relative;
  margin: 0 auto;
}
.intro-root .intro-container .sec-sixth .con .board-box .top-header .logo {
  width: 100%;
  height: 231px;
  background: url(../../Common/image/crediview/intro/mb/about-section06-img01.png)
    no-repeat center;
  margin: 0 auto;
}
.intro-root .intro-container .sec-sixth .con .board-box .top-header .tit-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .top-header
  .tit-wrap
  span {
  display: block;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .top-header
  .tit-wrap
  span
  em {
  width: 100%;
  display: block;
  text-align: center;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .top-header
  .tit-wrap
  span.cb-tit {
  background: #537dff;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .top-header
  .tit-wrap
  span.cm-tit {
  background: #7e75ff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.intro-root .intro-container .sec-sixth .con .board-box .board-con-box {
  position: absolute;
  bottom: 53px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .board-con-box
  .board-con
  li {
  width: 135px;
  height: 56px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.2);
  margin-bottom: 8px;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .board-con-box
  .board-con
  li
  span {
  font-size: var(--font-14);
  font-weight: 400;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .board-con-box
  .board-con
  li:last-child {
  margin-bottom: 0px;
}
.intro-root
  .intro-container
  .sec-sixth
  .con
  .board-box
  .board-con-box
  .board-con.right
  li {
  height: 72px;
}
.intro-root .intro-container .credit-get-sec01 {
  width: 100%;
  height: 760px;
  background: url(../../Common/image/crediview/intro/mb/credit-get-sec01-bg01.png)
    no-repeat center/cover;
  position: relative;
  padding: 68px 0 0 0;
}
.intro-root .intro-container .credit-get-sec01:before {
  content: "";
  width: 100%;
  height: 460px;
  background: url(../../Common/image/crediview/intro/mb/credit-get-sec01-img01.png)
    no-repeat center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .credit-get-sec01 .con .tit-box {
  text-align: center;
}
.intro-root .intro-container .credit-get-sec01 .con .tit-box .tit {
  font-size: var(--font-30);
  font-weight: 700;
  color: #222222;
  padding-bottom: 24px;
}
.intro-root .intro-container .credit-get-sec01 .con .tit-box .sub-tit {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #1d2129;
  line-height: 23px;
}
.intro-root .intro-container .credit-get-sec01 .con .tit-box .sub-tit em {
  color: #2966f5;
}
.intro-root .intro-container .credit-get-sec02 {
  padding: 32px 0 0 0;
}
.intro-root .intro-container .credit-get-sec02.certific {
  width: 100%;
  height: 100%;
  background: url("../../Common/image/crediview/intro/mb/credit-get-sec02-bg01.png")
    no-repeat center/cover;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5fa;
  border-radius: 30px;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box .tab li {
  width: 50%;
  height: 48px;
  border-radius: 30px;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box .tab li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #7b7b7b;
  font-size: var(--font-14);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box .tab li a.on {
  background: #3b5dfb;
  color: #fff;
  border-radius: 30px;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box.on {
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box.on .tab {
  border-radius: 0px;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box.on .tab li {
  border-radius: 0px;
  height: 48px;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box.on .tab li a {
  border-radius: 0px;
  background: #f5f5fa;
  border: none;
}
.intro-root .intro-container .credit-get-sec02 .con .tab-box.on .tab li a.on {
  background: #3b5dfb;
}
.intro-root .intro-container .credit-get-sec02 .con .tit-box {
  text-align: center;
  padding: 60px 0 33px 0;
}
.intro-root .intro-container .credit-get-sec02 .con .tit-box .tit {
  font-size: var(--font-24);
  font-weight: 700;
  color: #1d2129;
}
.intro-root .intro-container .credit-get-sec02 .con .tit-box .tit em {
  color: #2966f5;
}
.intro-root .intro-container .credit-get-sec02 .con .img img {
  display: block;
  margin: 0 auto;
}
.intro-root .intro-container .credit-get-sec02 .bt-bn {
  display: block;
  width: 100%;
  height: 80px;
  background: url(../../Common/image/crediview/intro/mb/about-section02-img02.png)
    no-repeat center/cover;
  padding: 21px 20px;
  margin-top: 20px;
}
.intro-root .intro-container .credit-get-sec02 .bt-bn .tit {
  width: 360px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  position: relative;
  display: block;
}
.intro-root .intro-container .credit-get-sec02 .bt-bn .tit:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat;
  background-size: 14px;
  position: absolute;
  top: 12px;
  right: 0;
}
.intro-root .intro-container .credit-get-sec02 .bt-bn .tit em {
  display: block;
  font-weight: 400;
  padding-bottom: 3px;
}
.intro-root .intro-container .credit-get-sec03 {
  padding: 60px 0;
  background-color: #f2f4f6;
}
.intro-root .intro-container .credit-get-sec03 .con .tit-box span {
  display: block;
  text-align: center;
}
.intro-root .intro-container .credit-get-sec03 .con .tit-box span.s-tit {
  font-size: 14px;
  font-weight: 700;
  color: #3b5dfb;
  padding-bottom: 10px;
}
.intro-root .intro-container .credit-get-sec03 .con .tit-box span.m-tit {
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  color: #1d2129;
}
.intro-root .intro-container .credit-get-sec03 .con .img img {
  display: block;
  margin: 0 auto;
}
.intro-root .intro-container .credit-get-sec03 .con .price-box {
  padding: 20px 0 0 0;
}
.intro-root .intro-container .credit-get-sec03 .con .price-box .box {
  width: 360px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  border: solid 1px #fff;
  box-shadow: 0px 4px 16px 0 rgba(93, 104, 174, 0.1);
  padding: 20px 24px;
}
.intro-root .intro-container .credit-get-sec03 .con .price-box .box li {
  display: flex;
  justify-content: space-between;
}
.intro-root .intro-container .credit-get-sec03 .con .price-box .box li p span {
  display: block;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li
  p
  span.named {
  font-size: var(--font-14);
  font-weight: 500;
  color: #222;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li
  p
  span.discount-price {
  font-size: var(--font-16);
  font-weight: 500;
  color: rgba(112, 115, 124, 0.4784313725);
  position: relative;
  padding-top: 3px;
  width: 75px;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li
  p
  span.discount-price:before {
  content: "";
  width: 100%;
  height: 2px;
  background: rgba(112, 115, 124, 0.4784313725);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li
  p.price
  .price-m {
  font-size: var(--font-26);
  font-weight: 700;
  color: #3b5dfb;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li:first-child {
  padding-bottom: 10px;
  position: relative;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li:first-child:before {
  content: "";
  width: 100%;
  height: 1px;
  border: dashed 1px #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 0;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li:last-child {
  padding-top: 10px;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .price-box
  .box
  li.only:before {
  content: none;
  padding: 0;
}
.intro-root .intro-container .credit-get-sec03 .con .infor-list {
  width: 360px;
  margin: 0 auto;
  padding: 10px 0 0 0;
}
.intro-root .intro-container .credit-get-sec03 .con .infor-list li {
  padding-bottom: 5px;
}
.intro-root .intro-container .credit-get-sec03 .con .infor-list li span {
  display: block;
  font-size: var(--font-11);
  font-weight: 400;
  color: #7b7b7b;
  padding: 0 0 0 9px;
  position: relative;
}
.intro-root .intro-container .credit-get-sec03 .con .infor-list li span:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #7b7b7b;
  position: absolute;
  top: 5px;
  left: 0;
}
.intro-root .intro-container .credit-get-sec03 .con .get-sec03-swiper-wrapper {
  margin-top: 40px;
  height: 180px;
  position: relative;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper {
  width: 360px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100%;
  overflow: hidden;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper {
  display: flex;
  overflow: visible;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content {
  height: 180px;
  background: #f0f5fd;
  border-radius: 20px;
  padding: 30px 24px;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .txt {
  line-height: 18px;
  padding-top: 20px;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .txt
  span {
  display: block;
  font-size: var(--font-15);
  font-weight: 400;
  color: #000000;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .txt
  span.bold {
  font-weight: 700;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide
  .bn-content
  .txt
  span
  em {
  font-weight: bold;
  display: inline-block;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide.nth-02
  .bn-content {
  background: #efefff;
}
.intro-root
  .intro-container
  .credit-get-sec03
  .con
  .get-sec03-swiper-wrapper
  .get-sec03-swiper
  .swiper-wrapper
  .swiper-slide.nth-03
  .bn-content {
  background: #f3edf7;
}
.intro-root .intro-container .credit-get-sec04 {
  width: 100%;
  height: 668px;
  background: url(../../Common/image/crediview/intro/mb/credit-get-sec04-bg01.png)
    no-repeat center/cover;
  position: relative;
  padding-top: 100px;
}
.intro-root .intro-container .credit-get-sec04:before {
  content: "";
  width: 100%;
  height: 350px;
  background: url(../../Common/image/crediview/intro/mb/credit-get-sec04-img01.png)
    no-repeat center bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.intro-root .intro-container .credit-get-sec04.certific {
  position: relative;
}
.intro-root .intro-container .credit-get-sec04.certific::before {
  content: "";
  background: url(../../Common/image/crediview/intro/mb/credit-get-sec04-img02.png)
    no-repeat center bottom;
}
.intro-root .intro-container .credit-get-sec04 .con .tit-box .tit {
  font-size: 27px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 38px;
}
.intro-root .intro-container .credit-get-sec04 .con .btn-box {
  padding-top: 44px;
  width: 200px;
  margin: 0 auto;
}
.intro-root .intro-container .credit-get-sec04 .con .btn-box .link-btn {
  width: 100%;
  height: 48px;
  background: none;
  border: solid 1px #fff;
  border-radius: 40px;
  display: block;
  padding: 15px 15px;
  text-align: center;
}
.intro-root .intro-container .credit-get-sec04 .con .btn-box .link-btn span {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.intro-root .intro-container .board-report-get-sec01 {
  width: 100%;
  height: 750px;
  position: relative;
}
.intro-root .intro-container .board-report-get-sec01 .video-wrap {
  position: relative;
  height: 100%;
}
.intro-root .intro-container .board-report-get-sec01 .video-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(circle, #012448 100%, #ffffff 20%);
  z-index: 1;
  opacity: 0.4;
}
.intro-root .intro-container .board-report-get-sec01 .video-wrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  z-index: 0;
}
.intro-root .intro-container .board-report-get-sec01 .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 90px 0px 0 0px;
}
.intro-root .intro-container .board-report-get-sec01 .con .tit-box {
  text-align: center;
  padding: 0 20px;
}
.intro-root .intro-container .board-report-get-sec01 .con .tit-box span {
  display: block;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .tit-box
  span.open-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 39px;
  background: url("../image/crediview/intro/btn-gradt.png") no-repeat;
  background-size: 88px;
  background-color: rgba(5, 10, 19, 0.5);
  border-radius: 30px;
  font-size: var(--font-19);
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
.intro-root .intro-container .board-report-get-sec01 .con .tit-box span.m-tit {
  font-size: 27px;
  font-weight: 400;
  text-align: center;
  padding-top: 24px;
  color: #fff;
}
.intro-root .intro-container .board-report-get-sec01 .con .tit-box span.b-tit {
  font-size: 35px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding-top: 5px;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .tit-box
  span.b-tit
  em {
  display: inline-block;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .tit-box
  span.b-tit
  em.bold {
  font-weight: 700;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .tit-box
  span.b-tit
  em.grad-tit {
  position: relative;
  padding-right: 45px;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .tit-box
  span.b-tit
  em.grad-tit::after {
  content: "AI";
  position: absolute;
  top: 7px;
  right: 0;
  width: 38px;
  height: 24px;
  background: linear-gradient(90deg, #22d6ff, #225eff, #8c2fff);
  font-size: 14px;
  font-weight: 700;
  color: var(--c-bg);
  border-radius: 8px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro-root .intro-container .board-report-get-sec01 .con .tit-box span.s-tit {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding-top: 12px;
  opacity: 0.8;
}
.intro-root .intro-container .board-report-get-sec01 .con .btn-box {
  width: 127px;
  height: 48px;
  margin: 0 auto;
}
.intro-root .intro-container .board-report-get-sec01 .con .btn-box .link-btn {
  display: block;
  width: 100%;
  height: 100%;
  background: none;
  border: solid 1px rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  padding: 16px 16px;
  text-align: center;
  margin-top: 30px;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .btn-box
  .link-btn
  span {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: relative;
  padding-right: 15px;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .btn-box
  .link-btn
  span::before {
  content: "";
  width: 10px;
  height: 15px;
  background: url(../../Common/image/icon/ic_arrow_w_btn.png) no-repeat
    no-repeat;
  background-size: 10px;
  position: absolute;
  top: 2px;
  right: 0;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper {
  height: 288px;
  position: relative;
  margin-top: 70px;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper {
  display: flex;
  overflow: visible;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper
  .swiper-slide {
  display: flex;
  justify-content: center;
  transition: opacity 3s ease;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev {
  opacity: 0.5;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next {
  opacity: 0.5;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper
  .swiper-slide
  .img-wrapper {
  max-width: 203px;
  overflow: hidden;
}
.intro-root
  .intro-container
  .board-report-get-sec01
  .con
  .ai-report-swiper-wrapper
  .ai-report-swiper
  .swiper-wrapper
  .swiper-slide
  .img-wrapper
  img {
  width: 100%;
}

@media all and (min-width: 768px) {
  .intro-root .intro-container .sec-two .con .img img {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .intro-root .intro-container .sec-two .bottom-bn .txt {
    width: 100%;
  }
  .intro-root .intro-container .credit-get-sec02 .bt-bn .tit {
    width: 100%;
  }
  .intro-root
    .intro-container
    .credit-get-sec03
    .con
    .get-sec03-swiper-wrapper
    .get-sec03-swiper {
    width: 100%;
  }
  .intro-root .intro-container .credit-get-sec03 .con .price-box .box {
    width: 100%;
  }
  .intro-root .intro-container .credit-get-sec03 .con .infor-list {
    width: 100%;
  }
  .intro-root .intro-container .sec-two .con .history-list-box {
    width: 100%;
  }
  .intro-root
    .intro-container
    .sec-fifth
    .con
    .intro-fifth-swiper-wrapper
    .intro-fifth-swiper
    .swiper-wrapper
    .swiper-slide
    .bn-content
    .hash-tag-box
    .wrap {
    justify-content: flex-start;
  }
  .intro-root
    .intro-container
    .sec-fifth
    .con
    .intro-fifth-swiper-wrapper
    .intro-fifth-swiper {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .intro-root .intro-container .sec-two .bottom-bn .txt {
    width: 100%;
  }
  .intro-root .intro-container .credit-get-sec02 .bt-bn .tit {
    width: 100%;
  }
  .intro-root
    .intro-container
    .credit-get-sec03
    .con
    .get-sec03-swiper-wrapper
    .get-sec03-swiper {
    width: 100%;
  }
  .intro-root .intro-container .credit-get-sec03 .con .price-box .box {
    width: 100%;
  }
  .intro-root .intro-container .credit-get-sec03 .con .infor-list {
    width: 100%;
  }
  .intro-root .intro-container .sec-two .con .history-list-box {
    width: 100%;
  }
  .intro-root
    .intro-container
    .sec-fifth
    .con
    .intro-fifth-swiper-wrapper
    .intro-fifth-swiper
    .swiper-wrapper
    .swiper-slide
    .bn-content
    .hash-tag-box
    .wrap {
    justify-content: flex-start;
  }
  .intro-root
    .intro-container
    .sec-fifth
    .con
    .intro-fifth-swiper-wrapper
    .intro-fifth-swiper {
    width: 100%;
  }
}