@charset "UTF-8";

@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 200;
  src: local("SpoqaHanSansNeo"), url("../../fonts/SpoqaHanSansNeo-Thin.eot") format("eot"), url("../../fonts/SpoqaHanSansNeo-Thin.woff2") format("woff2"), url("../../fonts/SpoqaHanSansNeo-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 300;
  src: local("SpoqaHanSansNeo"), url("../../fonts/SpoqaHanSansNeo-Light.eot") format("eot"), url("../../fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("../../fonts/SpoqaHanSansNeo-Light.ttf") format("truetype");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 400;
  src: local("SpoqaHanSansNeo"), url("../../fonts/SpoqaHanSansNeo-Regular.eot") format("eot"), url("../../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 600;
  src: local("NotoSans"), url("../../fonts/SpoqaHanSansNeo-Medium.eot") format("eot"), url("../../fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("../../fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 700;
  src: local("NotoSans"), url("../../fonts/SpoqaHanSansNeo-Bold.eot") format("eot"), url("../../fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../../fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Anton";
  font-weight: 300;
  src: local("Anton"), url("../../fonts/Anton-Regular.ttf") format("truetype");
}
/* all Declaration */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  /* vertical-align:middle; */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  focus-ring-color: rgba(0, 0, 0, 0);
  resize: none;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "SpoqaHanSansNeo", "Malgun Gothic", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo", "Droid sans", "dotum", "돋움", sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.0025rem;
  /*font-weight: normal;*/
  /*font-size: inherit;*/
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-overflow-scrolling: touch;
}

body {
  font-size: 0.14rem;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}
body.non_scroll {
  overflow: hidden;
  touch-action: none;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* article{overflow:hidden;} */
article:after {
  display: block;
  content: "";
  clear: both;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  text-decoration: none;
  color: #353535;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  background: none;
  padding: 0;
  margin: 0;
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0 none;
  margin: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  left: -9999px;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

i {
  font-style: normal;
}

ul, li, ol {
  text-decoration: none;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@keyframes scrollMenu {
  0% {
    bottom: 5%;
  }
  50% {
    bottom: 4%;
  }
  100% {
    bottom: 5%;
  }
}
@keyframes columnList {
  0% {
    left: -100%;
  }
  80% {
    left: 0%;
  }
  100% {
    left: 0%;
  }
}
@keyframes columnListClose {
  0% {
    left: 0%;
    display: block;
  }
  80% {
    left: -100%;
    display: block;
  }
  100% {
    display: none;
    left: -100%;
  }
}
.check_box.rdo_type1, .check_box.chk_type2, .check_box.chk_type1 {
  display: flex;
  align-items: center;
}
.check_box.rdo_type1 input[type=radio] + label, .check_box.chk_type2 input[type=radio] + label, .check_box.chk_type1 input[type=radio] + label,
.check_box.rdo_type1 input[type=checkbox] + label,
.check_box.chk_type2 input[type=checkbox] + label,
.check_box.chk_type1 input[type=checkbox] + label {
  position: relative;
  padding-left: 0.22rem;
  color: #212121;
  font-size: 0.13rem;
}
body.dark .check_box.rdo_type1 input[type=radio] + label, body.dark .check_box.chk_type2 input[type=radio] + label, body.dark .check_box.chk_type1 input[type=radio] + label,
body.dark .check_box.rdo_type1 input[type=checkbox] + label,
body.dark .check_box.chk_type2 input[type=checkbox] + label,
body.dark .check_box.chk_type1 input[type=checkbox] + label {
  color: #eeeeee;
}

.check_box.rdo_type1 input[type=radio] + label::before, .check_box.chk_type2 input[type=radio] + label::before, .check_box.chk_type1 input[type=radio] + label::before,
.check_box.rdo_type1 input[type=checkbox] + label::before,
.check_box.chk_type2 input[type=checkbox] + label::before,
.check_box.chk_type1 input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.check_box.chk_type1 input[type=checkbox] + label::before {
  background-image: url("../img/icon_check_circle_off.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .check_box.chk_type1 input[type=checkbox] + label::before {
  background-image: url("../img/icon_check_circle_off_dm.png");
}

.check_box.chk_type1 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_check_circle_on.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .check_box.chk_type1 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_check_circle_on_dm.png");
}

.check_box.chk_type1 input[type=checkbox]:disabled + label::before {
  background-image: url("../img/icon_check_circle_off_disabled.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .check_box.chk_type1 input[type=checkbox]:disabled + label::before {
  background-image: url("../img/icon_check_circle_off_disabled.png");
}

.check_box.chk_type1 input[type=checkbox]:disabled:checked + label::before {
  background-image: url("../img/icon_check_circle_on.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .check_box.chk_type1 input[type=checkbox]:disabled:checked + label::before {
  background-image: url("../img/icon_check_circle_on_dm.png");
}

.check_box.chk_type2 input[type=checkbox] + label::before {
  background-image: url("../img/icon_check_off.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .check_box.chk_type2 input[type=checkbox] + label::before {
  background-image: url("../img/icon_check_off_dm.png");
}

.check_box.chk_type2 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_check_on.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .check_box.chk_type2 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_check_on_dm.png");
}

.check_box.rdo_type1 input[type=radio] + label::before {
  background-image: url("../img/icon_radio_off.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.dark .check_box.rdo_type1 input[type=radio] + label::before {
  background-image: url("../img/icon_radio_off_dm.png");
}

.check_box.rdo_type1 input[type=radio]:checked + label::before {
  background-image: url("../img/icon_radio_on.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.dark .check_box.rdo_type1 input[type=radio]:checked + label::before {
  background-image: url("../img/icon_radio_on_dm.png");
}

.check_box.rdo_type1 input[type=radio]:disabled + label::before {
  background-image: url("../img/icon_radio_off_disabled.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.dark .check_box.rdo_type1 input[type=radio]:disabled + label::before {
  background-image: url("../img/icon_radio_off_disabled_dm.png");
}

.check_box.rdo_type1 input[type=radio]:disabled:checked + label::before {
  background-image: url("../img/icon_radio_on_disabled.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.dark .check_box.rdo_type1 input[type=radio]:disabled:checked + label::before {
  background-image: url("../img/icon_radio_on_disabled_dm.png");
}

.toggle_type input[type=checkbox] + label {
  position: relative;
  display: block;
  line-height: 0.24rem;
  padding: 0 0.08rem 0 0.24rem;
  transition: all 0.3s ease-in;
  border: 0.01rem solid;
  border-radius: 0.12rem;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
  color: #999999;
  font-size: 0.1rem;
}
body.dark .toggle_type input[type=checkbox] + label {
  border-color: #45464B;
}

body.dark .toggle_type input[type=checkbox] + label {
  background-color: #121212;
}

body.dark .toggle_type input[type=checkbox] + label {
  color: #a0a0a0;
}

.toggle_type input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.04rem;
  transform: translateY(-50%);
  background-color: #DEE2E6;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
}
body.dark .toggle_type input[type=checkbox] + label::before {
  background-color: #45464B;
}

.toggle_type input[type=checkbox]:checked + label {
  padding: 0 0.24rem 0 0.08rem;
  background-color: #4f3fc6;
  color: #ffffff;
}
body.dark .toggle_type input[type=checkbox]:checked + label {
  background-color: #7664FF;
}

body.dark .toggle_type input[type=checkbox]:checked + label {
  color: #ffffff;
}

.toggle_type input[type=checkbox]:checked + label::before {
  animation: toggleEffect 0.2s forwards;
  left: auto;
  right: 0.04rem;
  background-color: #FFFFFF;
}
body.dark .toggle_type input[type=checkbox]:checked + label::before {
  background-color: #121212;
}

body.dark .toggle_type input[type=radio] + label {
  background: #f5248c;
}
body.dark .toggle_type input[type=radio]:checked + label {
  background: #888888;
}

@keyframes toggleEffect {
  0% {
    left: 0.04rem;
  }
  100% {
    left: auto;
    right: 0.04rem;
  }
}

.sort_box .btn_sort {
  display: flex;
  align-items: center;
  height: 0.36rem;
  padding: 0 0.08rem;
  border: 0.01rem solid;
  border-radius: 0.04rem;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
}
body.dark .sort_box .btn_sort {
  border-color: #45464B;
}

body.dark .sort_box .btn_sort {
  background-color: #121212;
}

.sort_box .btn_sort i {
  display: block;
  width: 0.04rem;
  height: 0.16rem;
  margin-left: 0.16rem;
  background-image: url("../img/ic_toindicator_03.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .sort_box .btn_sort i {
  background-image: url("../img/ic_toindicator_03_dm.png");
}

.sort_box .btn_sort i.sort_up {
  background-image: url("../img/ic_toindicator_01.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .sort_box .btn_sort i.sort_up {
  background-image: url("../img/ic_toindicator_01_dm.png");
}

.sort_box .btn_sort i.sort_mid {
  background-image: url("../img/ic_toindicator_02.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .sort_box .btn_sort i.sort_mid {
  background-image: url("../img/ic_toindicator_02_dm.png");
}

.sort_box .btn_sort i.sort_down {
  background-image: url("../img/ic_toindicator_03.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .sort_box .btn_sort i.sort_down {
  background-image: url("../img/ic_toindicator_03_dm.png");
}

.type_sort2.sort_box i {
  width: 0.04rem;
  height: 0.1rem;
  margin-left: 0.16rem;
  background-image: url("../img/icon_tosmall_on.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .type_sort2.sort_box i {
  background-image: url("../img/icon_tosmall_on_dm.png");
}

.type_sort2.sort_box i.sort_up {
  background-image: url("../img/icon_tosmall_on.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .type_sort2.sort_box i.sort_up {
  background-image: url("../img/icon_tosmall_on_dm.png");
}

.type_sort2.sort_box i.sort_down {
  background-image: url("../img/icon_tosmall_off.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .type_sort2.sort_box i.sort_down {
  background-image: url("../img/icon_tosmall_off_dm.png");
}

.type_sort2.sort_box .sort_txt span {
  display: none;
}

.check-type1 input[type=checkbox] + label, .check-type2 input[type=checkbox] + label {
  position: relative;
  padding: 0 0 0 0.28rem;
}
.check-type1 input[type=checkbox] + label::before, .check-type2 input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 50%;
  width: 0.22rem;
  height: 0.22rem;
  box-sizing: border-box;
}
.check-type1 input[type=checkbox] + label::after, .check-type2 input[type=checkbox] + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0.055rem;
  top: 0.085rem;
  width: 0.08rem;
  height: 0.04rem;
  border: 0.03rem solid #dddddd;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: 25% 25%;
  animation: CkBoxArr_end 0.5s 0s linear 1 forwards;
}
@keyframes CkBoxArr_end {
  0% {
    width: 0;
    height: 0;
  }
  30% {
    width: 0;
    height: 0.04rem;
  }
  100% {
    width: 0.08rem;
    height: 0.04rem;
  }
}
.check-type1 input[type=checkbox]:checked + label::before, .check-type2 input[type=checkbox]:checked + label::before {
  background-color: #212121;
  border-color: #212121;
}
.check-type1 input[type=checkbox]:checked + label::after, .check-type2 input[type=checkbox]:checked + label::after {
  border-color: #fff;
  animation: CkBoxArr_start 0.5s 0s linear 1 backwards;
}
@keyframes CkBoxArr_start {
  0% {
    width: 0;
    height: 0;
  }
  30% {
    width: 0;
    height: 0.04rem;
  }
  100% {
    width: 0.08rem;
    height: 0.04rem;
  }
}
.check-type1 input[type=checkbox]:disabled + label, .check-type2 input[type=checkbox]:disabled + label {
  opacity: 0.3;
}
body.dark .check-type1 input[type=checkbox] + label, body.dark .check-type2 input[type=checkbox] + label {
  color: #dddddd;
}
body.dark .check-type1 input[type=checkbox] + label::before, body.dark .check-type2 input[type=checkbox] + label::before {
  background: #212121;
  border: 1px solid #878787;
}
body.dark .check-type1 input[type=checkbox] + label::after, body.dark .check-type2 input[type=checkbox] + label::after {
  border: 0.03rem solid #878787;
  border-top: none;
  border-right: none;
}
body.dark .check-type1 input[type=checkbox]:checked + label, body.dark .check-type2 input[type=checkbox]:checked + label {
  color: #f5248c;
}
body.dark .check-type1 input[type=checkbox]:checked + label::before, body.dark .check-type2 input[type=checkbox]:checked + label::before {
  background-color: #f5248c;
  border-color: #f5248c;
}
body.dark .check-type1 input[type=checkbox]:checked + label::after, body.dark .check-type2 input[type=checkbox]:checked + label::after {
  border-color: #2c2127;
}

.check-type2 input[type=checkbox] + label::before {
  background: none;
  border: none;
}
.check-type2 input[type=checkbox] + label::after {
  border-color: #dddddd;
}
.check-type2 input[type=checkbox]:checked + label::before {
  background: none;
  border: none;
}
.check-type2 input[type=checkbox]:checked + label::after {
  border-color: #212121;
}
body.dark .check-type2 input[type=checkbox] + label::before {
  background: none;
  border: none;
}
body.dark .check-type2 input[type=checkbox] + label::after {
  border-color: #dddddd;
}
body.dark .check-type2 input[type=checkbox]:checked + label::before {
  background: none;
  border: none;
}
body.dark .check-type2 input[type=checkbox]:checked + label::after {
  border-color: #f5248c;
}

.check-type3 input[type=checkbox] + label {
  position: relative;
  padding: 0 0 0 0.19rem;
  font-size: 0.12rem;
}
.check-type3 input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0.015rem;
  content: "";
  display: block;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 50%;
  width: 0.15rem;
  height: 0.15rem;
  box-sizing: border-box;
}
.check-type3 input[type=checkbox] + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0.04rem;
  top: 0.075rem;
  width: 0.06rem;
  height: 0.03rem;
  border: 0.02rem solid #dddddd;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: 25% 25%;
  animation: CkBoxArrsmall_end 0.5s 0s linear 1 forwards;
}
@keyframes CkBoxArrsmall_end {
  0% {
    width: 0;
    height: 0;
  }
  30% {
    width: 0;
    height: 0.03rem;
  }
  100% {
    width: 0.06rem;
    height: 0.03rem;
  }
}
.check-type3 input[type=checkbox]:checked + label::before {
  background-color: #212121;
  border-color: #212121;
}
.check-type3 input[type=checkbox]:checked + label::after {
  border-color: #fff;
  animation: CkBoxArrsmall_start 0.5s 0s linear 1 backwards;
}
@keyframes CkBoxArrsmall_start {
  0% {
    width: 0;
    height: 0;
  }
  30% {
    width: 0;
    height: 0.03rem;
  }
  100% {
    width: 0.06rem;
    height: 0.03rem;
  }
}
.check-type3 input[type=checkbox]:disabled + label {
  opacity: 0.3;
}
body.dark .check-type3 input[type=checkbox] + label {
  padding: 0 0 0 0.19rem;
  font-size: 0.12rem;
}
body.dark .check-type3 input[type=checkbox] + label::before {
  left: 0;
  top: 0.015rem;
  width: 0.15rem;
  height: 0.15rem;
}
body.dark .check-type3 input[type=checkbox] + label::after {
  left: 0.04rem;
  top: 0.075rem;
  width: 0.06rem;
  height: 0.03rem;
  border-width: 0.02rem;
  border-top: 0;
  border-right: 0;
}

.radio-type1 input[type=radio] + label, .radio-type2 input[type=radio] + label {
  position: relative;
  padding: 0 0 0 0.28rem;
}
.radio-type1 input[type=radio] + label::before, .radio-type2 input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 50%;
  width: 0.22rem;
  height: 0.22rem;
  box-sizing: border-box;
}
.radio-type1 input[type=radio] + label::after, .radio-type2 input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0.055rem;
  top: 0.05rem;
  width: 0.12rem;
  height: 0.12rem;
  background: #ddd;
  border-radius: 50%;
}
.radio-type1 input[type=radio]:checked + label::before, .radio-type2 input[type=radio]:checked + label::before {
  background-color: #212121;
  border: none;
}
.radio-type1 input[type=radio]:checked + label::after, .radio-type2 input[type=radio]:checked + label::after {
  background: #fff;
}
.radio-type1 input[type=radio]:disabled + label, .radio-type2 input[type=radio]:disabled + label {
  opacity: 0.3;
}
body.dark .radio-type1 input[type=radio] + label, body.dark .radio-type2 input[type=radio] + label {
  color: #ddd;
}
body.dark .radio-type1 input[type=radio] + label::before, body.dark .radio-type2 input[type=radio] + label::before {
  background: #212121;
  border: 1px solid #878787;
}
body.dark .radio-type1 input[type=radio] + label::after, body.dark .radio-type2 input[type=radio] + label::after {
  background: #878787;
}
body.dark .radio-type1 input[type=radio]:checked + label, body.dark .radio-type2 input[type=radio]:checked + label {
  color: #f5248c;
}
body.dark .radio-type1 input[type=radio]:checked + label::before, body.dark .radio-type2 input[type=radio]:checked + label::before {
  background-color: #212121;
  border-color: #f5248c;
}
body.dark .radio-type1 input[type=radio]:checked + label::after, body.dark .radio-type2 input[type=radio]:checked + label::after {
  background: #f5248c;
}
body.dark .radio-type1 input[type=radio]:disabled + label, body.dark .radio-type2 input[type=radio]:disabled + label {
  opacity: 0.3;
}

.radio-type2 input[type=radio] + label {
  padding: 0 0 0 0.19rem;
  font-size: 0.12rem;
}
.radio-type2 input[type=radio] + label::before {
  left: 0;
  top: 0.02rem;
  width: 0.15rem;
  height: 0.15rem;
}
.radio-type2 input[type=radio] + label::after {
  left: 0.04rem;
  top: 0.06rem;
  width: 0.07rem;
  height: 0.07rem;
}

.radio-type3 input[type=radio] + label,
.radio-type3 input[type=checkbox] + label {
  position: relative;
  display: block;
  background: #dddddd;
  width: 0.57rem;
  height: 0.24rem;
  border-radius: 0.12rem;
}
.radio-type3 input[type=radio] + label::before,
.radio-type3 input[type=checkbox] + label::before {
  position: absolute;
  top: 0.015rem;
  left: 0.02rem;
  content: "";
  display: block;
  background: #fff;
  width: 0.21rem;
  height: 0.21rem;
  border-radius: 50%;
  animation: toggleEffect1_end 0.2s 0s ease-in 1 forwards;
}
@keyframes toggleEffect1_end {
  0% {
    left: 0.34rem;
  }
  100% {
    left: 0.02rem;
  }
}
.radio-type3 input[type=radio] + label::after,
.radio-type3 input[type=checkbox] + label::after {
  content: "OFF";
  display: block;
  position: absolute;
  top: 0.035rem;
  right: 0.07rem;
  font-size: 0.1rem;
  color: #fff;
}
.radio-type3 input[type=radio]:checked + label,
.radio-type3 input[type=checkbox]:checked + label {
  transition: all 0.3s ease-in;
  background: #212121;
}
.radio-type3 input[type=radio]:checked + label::before,
.radio-type3 input[type=checkbox]:checked + label::before {
  animation: toggleEffect1_start 0.2s 0s ease-in 1 forwards;
  left: auto !important;
  right: 0.02rem;
}
@keyframes toggleEffect1_start {
  0% {
    left: 0.02rem;
  }
  100% {
    left: 0.02rem;
  }
}
.radio-type3 input[type=radio]:checked + label::after,
.radio-type3 input[type=checkbox]:checked + label::after {
  content: "ON";
  right: auto;
  left: 0.07rem;
}
body.dark .radio-type3 input[type=radio] + label,
body.dark .radio-type3 input[type=checkbox] + label {
  background: #f5248c;
}
body.dark .radio-type3 input[type=radio]:checked + label,
body.dark .radio-type3 input[type=checkbox]:checked + label {
  background: #888888;
}

.radio-type4 input[type=checkbox] + label {
  position: relative;
  display: block;
  width: 0.44rem;
  height: 0.24rem;
  border-radius: 0.12rem;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
}
body.dark .radio-type4 input[type=checkbox] + label {
  border-color: #45464B;
}

body.dark .radio-type4 input[type=checkbox] + label {
  background-color: #121212;
}

.radio-type4 input[type=checkbox] + label::before {
  position: absolute;
  top: 0.03rem;
  left: 0.04rem;
  content: "";
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #DEE2E6;
  animation: toggleEffect1_end 0.2s 0s ease-in 1 forwards;
}
body.dark .radio-type4 input[type=checkbox] + label::before {
  background-color: #45464B;
}

@keyframes toggleEffect1_end {
  0% {
    left: 0.23rem;
  }
  100% {
    left: 0.02rem;
  }
}
.radio-type4 input[type=checkbox]:checked + label {
  transition: all 0.3s ease-in;
  border-color: #4f3fc6;
  background-color: #4f3fc6;
}
body.dark .radio-type4 input[type=checkbox]:checked + label {
  border-color: #7664FF;
}

body.dark .radio-type4 input[type=checkbox]:checked + label {
  background-color: #7664FF;
}

.radio-type4 input[type=checkbox]:checked + label::before {
  background-color: #ffffff;
  animation: toggleEffect1_start 0.2s 0s ease-in 1 forwards;
}
body.dark .radio-type4 input[type=checkbox]:checked + label::before {
  background-color: #ffffff;
}

@keyframes toggleEffect1_start {
  0% {
    left: 0.02rem;
  }
  100% {
    left: 0.23rem;
  }
}

.icon_check_type1 input[type=checkbox] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.28rem;
  color: #666666;
  font-size: 0.14rem;
}
body.dark .icon_check_type1 input[type=checkbox] + label {
  color: #bbbbbb;
}

.icon_check_type1 input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("../img/icon_chk_circle_22.png");
  width: 0.22rem;
  height: 0.22rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark .icon_check_type1 input[type=checkbox] + label::before {
  background-image: url("../img/icon_chk_circle_22_dm.png");
}

.icon_check_type1 input[type=checkbox]:checked + label {
  color: #212121;
}
body.dark .icon_check_type1 input[type=checkbox]:checked + label {
  color: #eeeeee;
}

.icon_check_type1 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_chk_circle_selected_22.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .icon_check_type1 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_chk_circle_selected_22_dm.png");
}

.icon_check_type1 input[type=checkbox]:disabled + label {
  opacity: 0.3;
}

.icon_check_type2 input[type=checkbox] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.19rem;
  color: #666666;
  font-size: 0.12rem;
}
body.dark .icon_check_type2 input[type=checkbox] + label {
  color: #bbbbbb;
}

.icon_check_type2 input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("../img/icon_chk_circle_15.png");
  width: 0.15rem;
  height: 0.15rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark .icon_check_type2 input[type=checkbox] + label::before {
  background-image: url("../img/icon_chk_circle_15_dm.png");
}

.icon_check_type2 input[type=checkbox]:checked + label {
  color: #212121;
}
body.dark .icon_check_type2 input[type=checkbox]:checked + label {
  color: #eeeeee;
}

.icon_check_type2 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_chk_circle_selected_15.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .icon_check_type2 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_chk_circle_selected_15_dm.png");
}

.icon_check_type2 input[type=checkbox]:disabled + label {
  opacity: 0.3;
}

.icon_check_type3 input[type=checkbox] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.28rem;
  color: #666666;
  font-size: 0.14rem;
}
body.dark .icon_check_type3 input[type=checkbox] + label {
  color: #bbbbbb;
}

.icon_check_type3 input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("../img/icon_chk_22.png");
  width: 0.22rem;
  height: 0.22rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark .icon_check_type3 input[type=checkbox] + label::before {
  background-image: url("../img/icon_chk_22_dm.png");
}

.icon_check_type3 input[type=checkbox]:checked + label {
  color: #212121;
}
body.dark .icon_check_type3 input[type=checkbox]:checked + label {
  color: #eeeeee;
}

.icon_check_type3 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_chk_selected_22.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .icon_check_type3 input[type=checkbox]:checked + label::before {
  background-image: url("../img/icon_chk_selected_22_dm.png");
}

.icon_check_type3 input[type=checkbox]:disabled + label {
  opacity: 0.3;
}

.icon_radio_type1 input[type=radio] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.28rem;
  color: #666666;
  font-size: 0.14rem;
}
body.dark .icon_radio_type1 input[type=radio] + label {
  color: #bbbbbb;
}

.icon_radio_type1 input[type=radio] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("../img/icon_rdo_circle_22.png");
  width: 0.22rem;
  height: 0.22rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark .icon_radio_type1 input[type=radio] + label::before {
  background-image: url("../img/icon_rdo_circle_22_dm.png");
}

.icon_radio_type1 input[type=radio]:checked + label {
  color: #212121;
}
body.dark .icon_radio_type1 input[type=radio]:checked + label {
  color: #eeeeee;
}

.icon_radio_type1 input[type=radio]:checked + label::before {
  background-image: url("../img/icon_rdo_circle_selected_22.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .icon_radio_type1 input[type=radio]:checked + label::before {
  background-image: url("../img/icon_rdo_circle_selected_22_dm.png");
}

.icon_radio_type1 input[type=radio]:disabled + label {
  opacity: 0.3;
}

.icon_radio_type2 input[type=radio] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.19rem;
  color: #666666;
  font-size: 0.12rem;
}
body.dark .icon_radio_type2 input[type=radio] + label {
  color: #bbbbbb;
}

.icon_radio_type2 input[type=radio] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("../img/icon_rdo_circle_15.png");
  width: 0.15rem;
  height: 0.15rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark .icon_radio_type2 input[type=radio] + label::before {
  background-image: url("../img/icon_rdo_circle_15_dm.png");
}

.icon_radio_type2 input[type=radio]:checked + label {
  color: #212121;
}
body.dark .icon_radio_type2 input[type=radio]:checked + label {
  color: #eeeeee;
}

.icon_radio_type2 input[type=radio]:checked + label::before {
  background-image: url("../img/icon_rdo_circle_selected_15.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .icon_radio_type2 input[type=radio]:checked + label::before {
  background-image: url("../img/icon_rdo_circle_selected_15_dm.png");
}

.icon_radio_type2 input[type=radio]:disabled + label {
  opacity: 0.3;
}

.tab_radio_type1 {
  font-size: 0;
  background-color: #F0F2F4;
}
body.dark .tab_radio_type1 {
  background-color: #292C2E;
}

.rdo_l.tab_radio_type1 {
  border-radius: 0.04rem 0 0 0.04rem;
}
.rdo_r.tab_radio_type1 {
  border-radius: 0 0.04rem 0.04rem 0;
}
.tab_radio_type1 input[type=radio] + label {
  display: inline-block;
  position: relative;
  width: 0.7rem;
  height: 0.32rem;
  line-height: 0.32rem;
  border-radius: 0.1rem;
  text-align: center;
  margin: 0 auto;
  color: #666666;
  font-size: 0.13rem;
  text-align: center;
  box-sizing: border-box;
}
body.dark .tab_radio_type1 input[type=radio] + label {
  color: #bbbbbb;
}

.tab_radio_type1 input[type=radio]:checked + label {
  border: 1px solid;
  border-radius: 0.04rem;
  color: #212121;
  font-weight: 700;
}
body.dark .tab_radio_type1 input[type=radio]:checked + label {
  color: #eeeeee;
}

body.dark, body.dark .popup {
  background: #121212;
}

.wrap {
  max-width: 640px;
  margin: 0 auto;
}

.no_scroll {
  overflow: hidden !important;
}

.fixed {
  position: fixed !important;
  top: 0;
  z-index: 97;
  width: 100%;
  max-width: 640px;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  z-index: -1;
}

.dim {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(68, 68, 68, 0.5);
  transition: all 0.5s ease-in-out;
}

.align_c {
  text-align: center !important;
}

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

/* 매수/매도 , 상승/하락 */
.up {
  color: #E22D72;
  font-weight: 600 !important;
}

.down {
  color: #1C4FDE;
  font-weight: 600 !important;
}

.font10 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
}
html.webview .font10 {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

.font11 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
}
html.webview .font11 {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.font13 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .font13 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.font14 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.14rem;
  letter-spacing: -0.0033rem;
}
html.webview .font14 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.font16 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
}
html.webview .font16 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.font20 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
}
html.webview .font20 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.font24 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.24rem;
  letter-spacing: -0.006rem;
}
html.webview .font24 {
  padding-top: 0.06rem;
  padding-bottom: 0.01rem;
}

.font30 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.3rem;
  letter-spacing: -0.0075rem;
}
html.webview .font30 {
  padding-top: 0.07rem;
  padding-bottom: 0.02rem;
}

.tit_mid {
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  font-weight: 600;
}
body.dark .tit_mid {
  color: #eeeeee;
}

html.webview .tit_mid {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.tit_sm {
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  font-weight: 400;
}
body.dark .tit_sm {
  color: #eeeeee;
}

html.webview .tit_sm {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.sub_tit_sm {
  display: block;
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 700;
}
body.dark .sub_tit_sm {
  color: #eeeeee;
}

html.webview .sub_tit_sm {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.tit_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tit_box .tit {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
  font-weight: 700;
}
html.webview .tit_box .tit {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .tit_box .tit {
  color: #eeeeee;
}

.tit_box .tit strong {
  padding-left: 0.06rem;
  font-size: inherit;
  color: #4f3fc6;
}
body.dark .tit_box .tit strong {
  color: #7664ff;
}

.tit_box span {
  display: block;
  color: #999999;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
}
body.dark .tit_box span {
  color: #a0a0a0;
}

html.webview .tit_box span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.tit_box + .select_wrap {
  margin-top: 0.12rem;
}

.tooltip_wrap {
  display: flex;
  align-items: center;
  position: relative;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.06rem;
}
.tooltip_wrap .btn_tooltip {
  display: block;
  background-image: url("../img/icon_tootlp_question.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .tooltip_wrap .btn_tooltip {
  background-image: url("../img/icon_tootlp_question_dm.png");
}

.tooltip_wrap.hover:hover .tooltip_container {
  display: block;
}
.tooltip_wrap.hover .btn_tooltip_close {
  display: none;
}
.tooltip_wrap.right .tooltip_container {
  top: 0;
  left: 0.21rem;
}
.tooltip_wrap.right .tooltip_container::after {
  top: 0.07rem;
  left: -0.03rem;
  transform: rotate(-45deg);
}
.tooltip_wrap.left .tooltip_container {
  top: 0;
  left: auto;
  right: 0.25rem;
}
.tooltip_wrap.left .tooltip_container::after {
  top: 0.07rem;
  left: auto;
  right: -0.03rem;
  transform: rotate(135deg);
}
.tooltip_wrap.top .tooltip_container {
  top: auto;
  bottom: 0.23rem;
  left: 0;
}
.tooltip_wrap.top .tooltip_container::after {
  top: auto;
  bottom: -0.03rem;
  left: 0.05rem;
  transform: rotate(-135deg);
}
.tooltip_wrap.bottom .tooltip_container {
  top: 0.23rem;
  left: 0;
}
.tooltip_wrap.bottom .tooltip_container::after {
  top: -0.03rem;
  left: 0.05rem;
  transform: rotate(45deg);
}
.tooltip_wrap .tooltip_container {
  display: none;
  position: absolute;
  top: 0;
  left: 0.2rem;
  z-index: 1;
  padding: 0.16rem 0.32rem 0.16rem 0.16rem;
  background: #fff;
  border: 1px solid #DEE2E6;
  border-radius: 0.04rem;
  text-align: left;
  white-space: nowrap;
  color: #666666;
}
body.dark .tooltip_wrap .tooltip_container {
  color: #bbbbbb;
}

.tooltip_wrap .tooltip_container::after {
  content: "";
  position: absolute;
  top: 0.07rem;
  left: -0.03rem;
  width: 0.05rem;
  height: 0.05rem;
  background: #fff;
  border-top: 1px solid #DEE2E6;
  border-left: 1px solid #DEE2E6;
  transform: rotate(-45deg);
}
.tooltip_wrap .tooltip_container.active {
  display: block;
}
.tooltip_wrap .tooltip_container > h2 {
  padding: 0;
  margin-bottom: 0.08rem;
  font-size: 0.13rem;
  line-height: 0.17rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
body.dark .tooltip_wrap .tooltip_container > h2 {
  color: #eeeeee;
}

.tooltip_wrap .tooltip_container > div {
  font-size: 0.11rem;
  line-height: 0.15rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
body.dark .tooltip_wrap .tooltip_container > div {
  color: #bbbbbb;
}

.tooltip_wrap .tooltip_container .btn_tooltip_close {
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  background-image: url("../img/ic_close_24.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}
body.dark .tooltip_wrap .tooltip_container .btn_tooltip_close {
  background-image: url("../img/ic_close_24_dm.png");
}

.tooltip_box .tooltip_head {
  display: flex;
  align-items: center;
}
.tooltip_box .tooltip_head > .check_box input[type=checkbox] + label {
  font-size: 0.16rem;
  line-height: 0.21rem;
}
.tooltip_box .btn_tooltip {
  display: block;
  margin-left: 0.06rem;
  background-image: url("../img/icon_tootlp_question.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .tooltip_box .btn_tooltip {
  background-image: url("../img/icon_tootlp_question_dm.png");
}

.tooltip_box .btn_close {
  display: block;
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  border: 1px solid #000;
  background-image: url("../img/icon_close_24.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .tooltip_box .btn_close {
  background-image: url("../img/icon_close_24_dm.png");
}

.tooltip_box .tooltip_cont {
  display: none;
  position: relative;
  width: 100%;
  max-width: 3.28rem;
  margin-top: 0.08rem;
  padding: 0.16rem 0.32rem 0.16rem 0.16rem;
  border: 0.01rem solid;
  border-radius: 0.04rem;
  border-color: #DEE2E6;
  box-shadow: 0.01rem 0.01rem 0.02rem 0.02rem rgba(222, 226, 230, 0.3);
}
body.dark .tooltip_box .tooltip_cont {
  border-color: #45464B;
}

.tooltip_box .tooltip_cont.on {
  display: block;
}
.tooltip_box .tooltip_cont .sub_tit_sm {
  text-align: left;
}
.tooltip_box .tooltip_cont .sub_tit_sm + .text {
  margin-top: 0.08rem;
}
.tooltip_box .tooltip_cont .text {
  color: #666666;
  font-size: 0.11rem;
  text-align: left;
}
body.dark .tooltip_box .tooltip_cont .text {
  color: #bbbbbb;
}

.btn_question {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/icon_tootlp_question.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.dark .btn_question {
  background-image: url("../img/icon_tootlp_question_dm.png");
}

[data-tippy-root] .tippy-box {
  max-width: 3.28rem !important;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  background: transparent;
}
body.dark [data-tippy-root] .tippy-box {
  border-color: #45464B;
}

[data-tippy-root] .tippy-content {
  padding: 0;
  border-radius: 0.04rem;
  background-color: #FFFFFF;
}
body.dark [data-tippy-root] .tippy-content {
  background-color: #121212;
}

[data-tippy-root] .tooltip_container {
  position: relative;
  padding: 0.16rem 0.32rem 0.16rem 0.16rem;
  text-align: left;
  color: #666666;
}
body.dark [data-tippy-root] .tooltip_container {
  color: #bbbbbb;
}

[data-tippy-root] .tooltip_container > h2 {
  padding: 0;
  margin-bottom: 0.08rem;
  font-size: 0.13rem;
  line-height: 0.17rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
body.dark [data-tippy-root] .tooltip_container > h2 {
  color: #eeeeee;
}

[data-tippy-root] .tooltip_container > div {
  font-size: 0.11rem;
  line-height: 0.15rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
body.dark [data-tippy-root] .tooltip_container > div {
  color: #bbbbbb;
}

[data-tippy-root] .tooltip_container .btn_tooltip_close {
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  background-image: url("../img/ic_close_24.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark [data-tippy-root] .tooltip_container .btn_tooltip_close {
  background-image: url("../img/ic_close_24_dm.png");
}

[data-tippy-root] .tooltip_container .btn_tooltip_close span.hidden {
  overflow: hidden;
  visibility: hidden;
  color: transform;
}

[data-tippy-placement^=bottom-start] + [data-tippy-root] {
  margin: 0 0 0 -0.11rem !important;
}

[data-tippy-placement^=bottom-end] + [data-tippy-root] {
  margin: 0 -0.16rem 0 0 !important;
}

.btn_wrap.radius_none [class^=btn_type] {
  border-radius: 0;
}
.btn_wrap.row {
  display: flex;
  align-items: center;
}
.btn_wrap.row [class*=mid_] {
  width: 60%;
}
.btn_wrap.row [class*=sm_] {
  width: 40%;
  padding: 0;
}
.btn_wrap.pop_type [class^=btn_type] {
  border-radius: 0 0 0.16rem 0.16rem;
}
.btn_wrap.pop_type.row button:nth-child(1) {
  border-radius: 0 0 0 0.16rem;
}
.btn_wrap.pop_type.row button:nth-child(2) {
  border-radius: 0 0 0.16rem 0;
}
.btn_wrap.minus_margin {
  width: 100%;
  max-width: 640px;
}

[class^=btn_type] {
  border-radius: 0.04rem;
  font-size: 0;
}
[class^=btn_type][class*=full_] {
  width: 100%;
  font-size: 0.13rem;
  font-weight: 600;
}
[class^=btn_type][class*=sm_] {
  padding: 0 0.16rem;
  font-size: 0.11rem;
  font-weight: 600;
}
[class^=btn_type][class*=_h36] {
  height: 0.36rem;
}
[class^=btn_type][class*=_h44] {
  height: 0.44rem;
}
[class^=btn_type][class*=_h48] {
  height: 0.48rem;
  font-size: 0.16rem;
}
[class^=btn_type][class*=_h30] {
  height: 0.3rem;
}
[class^=btn_type][class*=line] {
  border: 0.01rem solid;
  border-radius: 0.04rem;
  border-color: #DEE2E6;
  color: #212121;
}
body.dark [class^=btn_type][class*=line] {
  border-color: #45464B;
}

body.dark [class^=btn_type][class*=line] {
  color: #eeeeee;
}

[class^=btn_type][class*=line].btn_type6 {
  background-color: #FFFFFF;
}
body.dark [class^=btn_type][class*=line].btn_type6 {
  background-color: #121212;
}

[class^=btn_type][class*=line].btn_type6.readmore {
  display: flex;
  align-items: center;
  justify-content: center;
}
[class^=btn_type][class*=line].btn_type6.readmore::after {
  content: "";
  display: inline-block;
  margin-left: 0.04rem;
  background-image: url("../img/ic_arrow_down_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark [class^=btn_type][class*=line].btn_type6.readmore::after {
  background-image: url("../img/ic_arrow_down_16_dm.png");
}

[class^=btn_type][class*=line].btn_type6:active {
  background-color: #E7EBEF;
}
body.dark [class^=btn_type][class*=line].btn_type6:active {
  background-color: #35393C;
}

[class^=btn_type][class*=line].po_line {
  border-color: #4f3fc6;
  color: #4f3fc6;
}
body.dark [class^=btn_type][class*=line].po_line {
  border-color: #7664FF;
}

body.dark [class^=btn_type][class*=line].po_line {
  color: #7664ff;
}

[class^=btn_type][class*=line].po_line:active {
  background-color: #C9C4ED;
}
body.dark [class^=btn_type][class*=line].po_line:active {
  background-color: #2A2647;
}

[class^=btn_type][class*=line]:disabled {
  border-color: #F0F2F4;
  background-color: #E7EBEF;
  color: #cccccc;
}
body.dark [class^=btn_type][class*=line]:disabled {
  border-color: #292C2E;
}

body.dark [class^=btn_type][class*=line]:disabled {
  background-color: #35393C;
}

body.dark [class^=btn_type][class*=line]:disabled {
  color: #666666;
}

[class^=btn_type][class*=line]:disabled:active {
  background-color: #E7EBEF;
}
body.dark [class^=btn_type][class*=line]:disabled:active {
  background-color: #35393C;
}

[class^=btn_type].icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.01rem solid;
  border-color: #E7EBEF;
  color: #212121;
}
body.dark [class^=btn_type].icon {
  border-color: #35393C;
}

body.dark [class^=btn_type].icon {
  color: #eeeeee;
}

[class^=btn_type].icon:active {
  border-color: #B7BEC4;
}
body.dark [class^=btn_type].icon:active {
  border-color: #8E9298;
}

[class^=btn_type].icon.btn_type4 {
  background-color: #F0F2F4;
}
body.dark [class^=btn_type].icon.btn_type4 {
  background-color: #292C2E;
}

[class^=btn_type].icon.btn_type4:active {
  background-color: #DEE2E6;
}
body.dark [class^=btn_type].icon.btn_type4:active {
  background-color: #45464B;
}

[class^=btn_type].icon:disabled {
  border-color: #F0F2F4;
  background-color: #E7EBEF;
  color: #cccccc;
}
body.dark [class^=btn_type].icon:disabled {
  border-color: #292C2E;
}

body.dark [class^=btn_type].icon:disabled {
  background-color: #35393C;
}

body.dark [class^=btn_type].icon:disabled {
  color: #666666;
}

[class^=btn_type].icon:disabled:active {
  background-color: #E7EBEF;
}
body.dark [class^=btn_type].icon:disabled:active {
  background-color: #35393C;
}

[class^=btn_type].icon i {
  display: block;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.06rem;
  border: 0.01rem solid red;
}
[class^=btn_type].text_icon {
  display: flex;
  align-items: center;
  padding: 0 0.06rem;
  height: 0.3rem;
  color: #212121;
  font-size: 0.13rem;
  font-weight: 600;
}
body.dark [class^=btn_type].text_icon {
  color: #eeeeee;
}

[class^=btn_type].text_icon i {
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.04rem;
  border: 0.01rem solid red;
}
[class^=btn_type].text_icon i[class^=icon_arr_] {
  margin-left: 0;
  border: 0.01rem solid red;
}
[class^=btn_type].btn_type2 {
  background-color: #DEE2E6;
  color: #212121;
}
body.dark [class^=btn_type].btn_type2 {
  background-color: #45464B;
}

body.dark [class^=btn_type].btn_type2 {
  color: #eeeeee;
}

[class^=btn_type].btn_type2:active {
  background-color: #B7BEC4;
}
body.dark [class^=btn_type].btn_type2:active {
  background-color: #8E9298;
}

[class^=btn_type].btn_type2:disabled {
  background-color: #F0F2F4;
  color: #cccccc;
}
body.dark [class^=btn_type].btn_type2:disabled {
  background-color: #292C2E;
}

body.dark [class^=btn_type].btn_type2:disabled {
  color: #666666;
}

[class^=btn_type].btn_type2:disabled:active {
  background-color: #F0F2F4;
}
body.dark [class^=btn_type].btn_type2:disabled:active {
  background-color: #292C2E;
}

[class^=btn_type].btn_type7 {
  background-color: #4f3fc6;
  color: #ffffff;
  font-weight: 700;
}
body.dark [class^=btn_type].btn_type7 {
  background-color: #7664FF;
}

body.dark [class^=btn_type].btn_type7 {
  color: #ffffff;
}

[class^=btn_type].btn_type7:active {
  background-color: #372C8A;
}
body.dark [class^=btn_type].btn_type7:active {
  background-color: #6155C0;
}

[class^=btn_type].btn_type7:disabled {
  background-color: #F0F2F4;
  color: #cccccc;
}
body.dark [class^=btn_type].btn_type7:disabled {
  background-color: #292C2E;
}

body.dark [class^=btn_type].btn_type7:disabled {
  color: #666666;
}

[class^=btn_type].btn_type7:disabled:active {
  background-color: #F0F2F4;
}
body.dark [class^=btn_type].btn_type7:disabled:active {
  background-color: #292C2E;
}

[class^=btn_type].radius_none {
  border-radius: 0;
}

.btn_fllow {
  position: relative;
  border: 0.01rem solid;
  border-radius: 0.04rem;
  display: inline-flex;
  vertical-align: bottom;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-color: #4f3fc6;
  height: 0.3rem;
}
body.dark .btn_fllow {
  background-color: #121212;
}

body.dark .btn_fllow {
  border-color: #7664FF;
}

.btn_fllow span {
  display: inline-block;
  color: #4f3fc6;
  font-weight: 600;
}
body.dark .btn_fllow span {
  color: #7664ff;
}

.on.btn_fllow {
  background-color: #4f3fc6;
}
body.dark .on.btn_fllow {
  background-color: #7664FF;
}

.on.btn_fllow::before {
  content: "";
  display: inline-block;
  background-image: url("../img/ic_plus_16_wh.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .on.btn_fllow::before {
  background-image: url("../img/ic_plus_16_wh_dm.png");
}

.on.btn_fllow span {
  color: #ffffff;
}
body.dark .on.btn_fllow span {
  color: #ffffff;
}

.btn_fllow {
  width: 0.7rem;
  height: 0.3rem;
}
.btn_fllow span {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
}
html.webview .btn_fllow span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.btn_fllow.on::before {
  margin: 0.02rem 0.04rem 0 0;
}

.text_button {
  display: flex;
  align-items: center;
}
.text_button span {
  display: block;
  color: #999999;
  font-size: 0.1rem;
}
body.dark .text_button span {
  color: #a0a0a0;
}

.text_button span em {
  display: inline-block;
  color: #999999;
  font-size: 0.1rem;
  font-style: normal;
}
body.dark .text_button span em {
  color: #a0a0a0;
}

.text_button .btn_refresh {
  display: block;
  margin-left: 0.04rem;
  background-image: url("../img/icon_refresh_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .text_button .btn_refresh {
  background-image: url("../img/icon_refresh_16.png");
}

.input_wrap .label_box + .input .input_inner {
  margin-top: 0.06rem;
}
.input_wrap .label_tit {
  color: #666666;
  font-size: 0.13rem;
}
body.dark .input_wrap .label_tit {
  color: #bbbbbb;
}

.input_wrap .tooltip_box + .input .input_inner {
  margin-top: 0.08rem;
}
.input_wrap .tooltip_box .tooltip_head .tit_sm {
  color: #666666;
}
body.dark .input_wrap .tooltip_box .tooltip_head .tit_sm {
  color: #bbbbbb;
}

.input_wrap .input {
  position: relative;
}
.input_wrap .input_inner {
  position: relative;
}
.input_wrap .input_inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3.28rem;
  height: 0.36rem;
  border: 0.01rem solid;
  border-radius: 0.04rem;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
  z-index: 0;
  box-sizing: border-box;
}
body.dark .input_wrap .input_inner::before {
  border-color: #45464B;
}

body.dark .input_wrap .input_inner::before {
  background-color: #121212;
}

.input_wrap .input_inner .input_box {
  display: flex;
  align-items: center;
  position: relative;
  width: 3.28rem;
  height: 0.36rem;
  padding: 0 0.08rem;
  box-sizing: border-box;
}
.input_wrap .input_inner .input_box .input_element {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #333333;
  font-size: 0.13rem;
}
body.dark .input_wrap .input_inner .input_box .input_element {
  color: #dddddd;
}

.input_wrap .input_inner .input_box .input_element::placeholder {
  color: #cccccc;
}
body.dark .input_wrap .input_inner .input_box .input_element::placeholder {
  color: #666666;
}

.input_wrap .input_inner .input_box .input_element + .input_optional {
  color: #cccccc;
}
body.dark .input_wrap .input_inner .input_box .input_element + .input_optional {
  color: #666666;
}

.input_wrap .input_inner .input_box .input_optional {
  display: block;
  margin-left: 0.08rem;
  color: #333333;
  font-size: 0.13rem;
  line-height: 0.17rem;
}
body.dark .input_wrap .input_inner .input_box .input_optional {
  color: #dddddd;
}

.input_wrap .input_inner .select_box {
  display: flex;
  align-items: center;
  position: relative;
  width: 3.28rem;
  height: 0.36rem;
  padding: 0 0.08rem;
  box-sizing: border-box;
}
.input_wrap .input_inner .select_box .dropdown_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}
.input_wrap .input_inner .select_box .dropdown_box::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.08rem);
  right: 0;
  background-image: url("../img/icon_dropdown_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .input_wrap .input_inner .select_box .dropdown_box::before {
  background-image: url("../img/icon_dropdown_16_dm.png");
}

.input_wrap .input_inner .select_box .dropdown_box .select_element {
  display: block;
  position: relative;
  padding-right: 0.22rem;
  width: 100%;
  height: 100%;
  color: #333333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
body.dark .input_wrap .input_inner .select_box .dropdown_box .select_element {
  color: #dddddd;
}

html.webview .input_wrap .input_inner .select_box .dropdown_box .select_element {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.input_wrap .input_inner .select_box .dropdown_box .select_element:invalid {
  color: #cccccc;
}
body.dark .input_wrap .input_inner .select_box .dropdown_box .select_element:invalid {
  color: #666666;
}

.input_wrap .input_inner .select_box .dropdown_box .select_element option {
  color: #333333;
}
body.dark .input_wrap .input_inner .select_box .dropdown_box .select_element option {
  color: #dddddd;
}

.input_wrap .input_inner .select_box .dropdown_box .select_element option[value=""][disabled] {
  display: none;
}
.input_wrap .input_inner .select_box button {
  position: relative;
  text-align: left;
  padding-right: 0.2rem;
  width: 100%;
  height: 100%;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  line-height: 0;
}
html.webview .input_wrap .input_inner .select_box button {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.input_wrap .input_inner .select_box button::before {
  content: "";
  display: inline-block;
  width: 0.01rem;
  height: 100%;
  margin-right: -0.01rem;
  vertical-align: -0.13rem;
}
.input_wrap .input_inner .select_box button::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.08rem);
  right: 0;
  background-image: url("../img/icon_dropdown_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .input_wrap .input_inner .select_box button::after {
  background-image: url("../img/icon_dropdown_16_dm.png");
}

.input_wrap .input_inner .btn_inputclear {
  margin-right: -0.08rem;
  background-image: url("../img/icon_inpclear.png");
  width: 0.36rem;
  height: 0.36rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .input_wrap .input_inner .btn_inputclear {
  background-image: url("../img/icon_inpclear_dm.png");
}

.input_wrap .input_inner .input_element:placeholder-shown + .btn_inputclear {
  display: none;
}
.input_wrap .input_inner .btn_search {
  margin-right: 0.08rem;
  background-image: url("../img/icon_search_36.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .input_wrap .input_inner .btn_search {
  background-image: url("../img/icon_search_36_dm.png");
}

.input_wrap .input_inner input[type=search] + .btn_search {
  order: -1;
}
.input_wrap .input_inner i {
  display: block;
  width: 0.01rem;
  height: 100%;
  background-color: #DEE2E6;
}
body.dark .input_wrap .input_inner i {
  background-color: #45464B;
}

.input_wrap .input_inner.input_focus::before {
  border-color: #333333;
}
body.dark .input_wrap .input_inner.input_focus::before {
  border-color: #DDDDDD;
}

.input_wrap .input_inner.input_focus .btn_inputclear {
  display: block;
}
.input_wrap .input_inner.input_error::before {
  border-color: #ff5353;
}
.input_wrap .input_inner.input_readonly::before, .input_wrap .input_inner.input_disabled::before {
  background-color: #F0F2F4;
}
body.dark .input_wrap .input_inner.input_readonly::before, body.dark .input_wrap .input_inner.input_disabled::before {
  background-color: #292C2E;
}

.input_wrap .input_inner.select_readonly::before {
  border-color: #F0F2F4;
  background-color: #DEE2E6;
}
body.dark .input_wrap .input_inner.select_readonly::before {
  border-color: #292C2E;
}

body.dark .input_wrap .input_inner.select_readonly::before {
  background-color: #45464B;
}

.input_wrap .input_inner.select_readonly .dropdown_box {
  background-color: #DEE2E6;
}
body.dark .input_wrap .input_inner.select_readonly .dropdown_box {
  background-color: #45464B;
}

.input_wrap .input_inner.select_readonly .dropdown_box::before {
  opacity: 0.3;
}
.input_wrap .input_inner.select_disabled::before {
  border-color: #F0F2F4;
  background-color: #DEE2E6;
}
body.dark .input_wrap .input_inner.select_disabled::before {
  border-color: #292C2E;
}

body.dark .input_wrap .input_inner.select_disabled::before {
  background-color: #45464B;
}

.input_wrap .input_inner.select_disabled .dropdown_box {
  background-color: #DEE2E6;
}
body.dark .input_wrap .input_inner.select_disabled .dropdown_box {
  background-color: #45464B;
}

.input_wrap .input_inner.select_disabled .dropdown_box::before {
  opacity: 0.3;
}
.input_wrap .input.select_col3 {
  display: flex;
  align-items: center;
}
.input_wrap .input.select_col3 .input_inner {
  flex-grow: 1;
}
.input_wrap .input.select_col3 .input_inner::before {
  width: 100%;
}
.input_wrap .input.select_col3 .input_inner .select_box {
  width: 100%;
}
.input_wrap .input.select_col3 .input_inner + .input_inner {
  margin-left: 0.08rem;
}
.input_wrap .input.select_col3 .input_inner.bdl_side_none::before {
  border-left: none;
  border-radius: 0 0.04rem 0.04rem 0;
}
.input_wrap .input.select_col3 .input_inner.bdr_side_none::before {
  border-right: none;
  border-radius: 0.04rem 0 0 0.04rem;
}
.input_wrap .input.select_col3 .input_inner.bd_side_none {
  margin-left: 0;
}
.input_wrap .input.select_col3 .input_inner.bd_side_none::before {
  border-left-width: 0.01rem;
  border-right-width: 0.01rem;
  border-color: #DEE2E6;
  border-radius: 0;
}
body.dark .input_wrap .input.select_col3 .input_inner.bd_side_none::before {
  border-color: #45464B;
}

.input_wrap .input.select_col3 .input_inner.bd_side_none + .input_inner {
  margin-left: 0;
}
.input_wrap .input.select_text .input_inner::before {
  border: none;
  width: auto;
}
.input_wrap .input.select_text .input_inner .select_box {
  width: auto;
}
.input_wrap .input.select_text .input_inner .select_box .dropdown_box {
  -webkit-box-flex: none;
  -webkit-flex: none;
  flex: none;
  width: auto;
}
.input_wrap .input.select_text .input_inner .select_box .dropdown_box::before {
  top: calc(50% - 0.12rem);
  background-image: url("../img/icon_search_24.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .input_wrap .input.select_text .input_inner .select_box .dropdown_box::before {
  background-image: url("../img/icon_search_24_dm.png");
}

.input_wrap .input.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.input_wrap .input.row .input_inner::before {
  width: 1.52rem;
}
.input_wrap .input.row .input_inner .input_box {
  width: 1.52rem;
}
.input_wrap .input.row .input_inner .input_box .input_optional {
  color: #cccccc;
}
body.dark .input_wrap .input.row .input_inner .input_box .input_optional {
  color: #666666;
}

.input_wrap .input.row .mark {
  display: block;
  margin: 0 0.07rem 0 0.08rem;
  color: #212121;
  font-size: 0.16rem;
}
body.dark .input_wrap .input.row .mark {
  color: #eeeeee;
}

.input_wrap .desc {
  margin-top: 0.06rem;
  color: #999999;
  font-size: 0.11rem;
  line-height: 0.17rem;
}
body.dark .input_wrap .desc {
  color: #a0a0a0;
}

.input_wrap .desc > strong {
  font-size: inherit;
}
.input_wrap .err_msg {
  margin-top: 0.08rem;
  color: #ff5353;
  font-size: 0.12rem;
}
.input_wrap.auto_complete_wrap.active .input {
  border-radius: 0.04rem 0.04rem 0 0;
  border-color: #333333;
}
body.dark .input_wrap.auto_complete_wrap.active .input {
  border-color: #DDDDDD;
}

.input_wrap.auto_complete_wrap.active .input .input_inner .input_box {
  width: 100%;
}
.input_wrap.auto_complete_wrap.active .auto_complete_list.fix_h {
  border-left: 0.01rem solid;
  border-bottom: 0.01rem solid;
  border-right: 0.01rem solid;
  border-radius: 0 0 0.04rem 0.04rem;
  border-color: #333333;
}
body.dark .input_wrap.auto_complete_wrap.active .auto_complete_list.fix_h {
  border-color: #DDDDDD;
}

.input_wrap.auto_complete_wrap .input_inner {
  margin-top: 0;
}
.input_wrap.auto_complete_wrap .input_inner .input_box {
  padding-right: 0;
}
.input_wrap.auto_complete_wrap .input_inner::before {
  content: none;
}
.input_wrap.auto_complete_wrap .input {
  border: 0.01rem solid;
  border-radius: 0.04rem;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
}
body.dark .input_wrap.auto_complete_wrap .input {
  border-color: #45464B;
}

body.dark .input_wrap.auto_complete_wrap .input {
  background-color: #121212;
}

.input_wrap.auto_complete_wrap .input .btn_search {
  margin-right: 0;
  width: 0.36rem;
  height: 0.36rem;
  background-position: center;
  background-size: 0.24rem;
}
.input_wrap.auto_complete_wrap .input .btn_inputclear {
  margin-right: 0;
}
.input_wrap.auto_complete_wrap .input input[type=search] ~ .btn_search {
  border-left: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .input_wrap.auto_complete_wrap .input input[type=search] ~ .btn_search {
  border-color: #45464B;
}

.input_wrap.auto_complete_wrap .auto_complete_list li button {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 0.38rem;
  border-top: 1px solid;
  border-color: #DEE2E6;
}
body.dark .input_wrap.auto_complete_wrap .auto_complete_list li button {
  border-color: #45464B;
}

.input_wrap.auto_complete_wrap .auto_complete_list li button em {
  width: 0.59rem;
  font-size: 0.11rem;
  align-self: center;
  font-style: normal;
  letter-spacing: -0.0028rem;
  color: #999999;
}
body.dark .input_wrap.auto_complete_wrap .auto_complete_list li button em {
  color: #a0a0a0;
}

.input_wrap.auto_complete_wrap .auto_complete_list li button > span {
  flex-grow: 1;
  text-align: left;
  font-size: 0.13rem;
  line-height: 0.17rem;
  letter-spacing: -0.0033rem;
  align-self: center;
  color: #666666;
}
body.dark .input_wrap.auto_complete_wrap .auto_complete_list li button > span {
  color: #bbbbbb;
}

.input_wrap.auto_complete_wrap .auto_complete_list li button > span > span {
  color: #4f3fc6;
}
body.dark .input_wrap.auto_complete_wrap .auto_complete_list li button > span > span {
  color: #7664ff;
}

.input_wrap.auto_complete_wrap .auto_complete_list li button:hover, .input_wrap.auto_complete_wrap .auto_complete_list li button:focus {
  background-color: #E7EBEF;
}
body.dark .input_wrap.auto_complete_wrap .auto_complete_list li button:hover, body.dark .input_wrap.auto_complete_wrap .auto_complete_list li button:focus {
  background-color: #35393C;
}

.input_wrap.auto_complete_wrap .auto_complete_list.fix_h {
  position: absolute;
  top: 0.36rem;
  left: -0.01rem;
  right: 0;
  z-index: 1;
  width: 3.28rem;
  background-color: #FFFFFF;
}
body.dark .input_wrap.auto_complete_wrap .auto_complete_list.fix_h {
  background-color: #121212;
}

.select_wrap .label_box + .select_box {
  margin-top: 0.08rem;
}
.select_wrap .label_tit {
  color: #666666;
  font-size: 0.12rem;
}
body.dark .select_wrap .label_tit {
  color: #bbbbbb;
}

.select_wrap .tooltip_box + .select_box {
  margin-top: 0.08rem;
}
.select_wrap .tooltip_box .tooltip_head .tit_sm {
  color: #666666;
}
body.dark .select_wrap .tooltip_box .tooltip_head .tit_sm {
  color: #bbbbbb;
}

.select_wrap .select_box .btn_select {
  display: flex;
  align-items: center;
  width: 3.28rem;
  height: 0.36rem;
  padding: 0 0.08rem;
  border: 0.01rem solid;
  border-radius: 0.04rem;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
}
body.dark .select_wrap .select_box .btn_select {
  border-color: #45464B;
}

body.dark .select_wrap .select_box .btn_select {
  background-color: #121212;
}

.select_wrap .select_box .btn_select .icon {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
}
.select_wrap .select_box .btn_select .icon.datepick {
  background-image: url("../img/icon_datepick.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.dark .select_wrap .select_box .btn_select .icon.datepick {
  background-image: url("../img/icon_datepick_dm.png");
}

.select_wrap .select_box .btn_select .text_value {
  display: block;
  width: 100%;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  text-align: center;
}
html.webview .select_wrap .select_box .btn_select .text_value {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.select_wrap .select_box.readonly .btn_select {
  background-color: #F0F2F4;
}
body.dark .select_wrap .select_box.readonly .btn_select {
  background-color: #292C2E;
}

.select_wrap .select_box.readonly .btn_select .icon.datepick {
  background-image: url("../img/icon_datepick_disabled.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .select_wrap .select_box.readonly .btn_select .icon.datepick {
  background-image: url("../img/icon_datepick_disabled_dm.png");
}

.select_wrap .select_box.disabled .btn_select {
  background-color: #F0F2F4;
}
body.dark .select_wrap .select_box.disabled .btn_select {
  background-color: #292C2E;
}

.select_wrap .select_box.disabled .btn_select .icon.datepick {
  background-image: url("../img/icon_datepick_disabled.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .select_wrap .select_box.disabled .btn_select .icon.datepick {
  background-image: url("../img/icon_datepick_disabled_dm.png");
}

.select_wrap .select_box.disabled .btn_select .text_value {
  color: #cccccc;
}
body.dark .select_wrap .select_box.disabled .btn_select .text_value {
  color: #666666;
}

.select_wrap .desc {
  margin-top: 0.06rem;
  color: #999999;
  font-size: 0.11rem;
  line-height: 0.17rem;
}
body.dark .select_wrap .desc {
  color: #a0a0a0;
}

.accordion_wrap {
  display: flex;
  flex-direction: column;
}
.accordion_wrap li.accordion_list {
  width: 100%;
}
.accordion_wrap li.accordion_list > button {
  position: relative;
  padding-right: 0.32rem;
  width: 100%;
  min-height: 0.6rem;
}
.accordion_wrap li.accordion_list > button > div {
  display: flex;
  padding: 0.1rem 0 0.11rem 0.02rem;
}
.accordion_wrap li.accordion_list > button > div p {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.13rem;
  font-weight: 700;
  letter-spacing: -0.0033rem;
}
.accordion_wrap li.accordion_list > button > div p.tit {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
  align-items: flex-start;
  color: #333333;
}
body.dark .accordion_wrap li.accordion_list > button > div p.tit {
  color: #dddddd;
}

.accordion_wrap li.accordion_list > button > div p.tit .badge_box {
  display: inherit;
  margin-top: 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .accordion_wrap li.accordion_list > button > div p.tit .badge_box {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .accordion_wrap li.accordion_list > button > div p.tit .badge_box {
  color: #bbbbbb;
}

.accordion_wrap li.accordion_list > button > div p.tit .badge_box em {
  margin-right: 0.04rem;
  font-style: normal;
}
.accordion_wrap li.accordion_list > button > div p:last-child {
  width: 1rem;
  justify-content: end;
}
.accordion_wrap li.accordion_list > button::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.12rem);
  right: 0;
  transform: rotate(0);
  transition: all 0.5s;
  background-image: url("../img/ic_arrow_down_24.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .accordion_wrap li.accordion_list > button::after {
  background-image: url("../img/ic_arrow_down_24_dm.png");
}

.accordion_wrap li.accordion_list > button[aria-expanded=false] {
  border-bottom: 0.01rem solid;
  border-color: #F0F2F4;
}
body.dark .accordion_wrap li.accordion_list > button[aria-expanded=false] {
  border-color: #292C2E;
}

.accordion_wrap li.accordion_list > button[aria-expanded=false] + .accordion_content {
  max-height: 0px;
}
.accordion_wrap li.accordion_list > button[aria-expanded=true] {
  border-bottom-width: 0;
}
.accordion_wrap li.accordion_list > button[aria-expanded=true] + .accordion_content {
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
  max-height: 1500px;
}
body.dark .accordion_wrap li.accordion_list > button[aria-expanded=true] + .accordion_content {
  border-color: #45464B;
}

.accordion_wrap li.accordion_list > button[aria-expanded=true]::after {
  transform: rotate(-180deg);
}
.accordion_wrap li.accordion_list .accordion_content {
  overflow: hidden;
  transition: max-height 0.5s;
}

.highcharts-container {
  overflow: visible !important;
}

.tooptip_custom_wrap {
  position: relative;
  padding: 0.07rem 0.105rem;
  border-radius: 0.06rem;
  background-color: #4f3fc6;
  z-index: 10;
}
body.dark .tooptip_custom_wrap {
  background-color: #7664FF;
}

.tooptip_custom_wrap .txt_white {
  color: #ffffff;
}
.tooptip_custom_wrap .txt_yellow {
  color: #fff946;
}
.tooptip_custom_wrap .tooltip_box {
  display: flex;
  flex-direction: column;
}
.tooptip_custom_wrap .tooltip_box p {
  display: flex;
  flex-direction: row;
}
.tooptip_custom_wrap .tooltip_box p span, .tooptip_custom_wrap .tooltip_box p b {
  display: flex;
  font-size: 0.12rem;
  color: inherit;
  line-height: 0.15rem;
}
.tooptip_custom_wrap .tooltip_box p span {
  flex-grow: 1;
  padding-right: 0.03rem;
}
.tooptip_custom_wrap .tooltip_box p b {
  text-align: right;
}

.swiper_sample1 .swiper_unit {
  position: relative;
  overflow: hidden;
  border: 1px solid #000;
}
.swiper_sample1 .swiper_unit .swiper-wrapper li {
  width: 2rem;
  height: 2rem;
  text-align: center;
}
.swiper_sample1 .swiper_unit .swiper-wrapper li img {
  width: 2rem;
  height: 2rem;
}

.swiper_unit .swiper-wrapper.time_linear {
  transition-timing-function: linear;
}

.swiper_figure {
  position: relative;
  padding: 0 0 0 0.2rem;
  margin: 0 -0.24rem 0 -0.2rem;
}
.swiper_figure .swiper_unit {
  overflow: hidden;
}
.swiper_figure .swiper-slide {
  padding-right: 0.24rem;
}
.swiper_figure .swiper-button-prev,
.swiper_figure .swiper-button-next {
  width: 0.42rem;
  height: 0.42rem;
}
.swiper_figure .swiper-button-prev::after,
.swiper_figure .swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
}
.swiper_figure .swiper-button-prev {
  left: 0;
}
.swiper_figure .swiper-button-prev::after {
  background: url("../img/btn-slide-paging-prev.png") no-repeat 0 0;
}
.swiper_figure .swiper-button-next {
  right: 0;
}
.swiper_figure .swiper-button-next::after {
  background: url("../img/btn-slide-paging-next.png") no-repeat 0 0;
}
.swiper_figure .swiper_bottom {
  position: relative;
  display: flex;
  justify-content: center;
  height: 0.52rem;
  padding: 0.4rem 0 0;
}
.swiper_figure .swiper-pagination {
  position: static;
  width: auto;
  font-size: 0;
}
.swiper_figure .swiper-pagination.swiper-pagination-lock ~ .swiper_controller {
  display: none;
}
.swiper_figure .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background-color: #e7e7e7;
  opacity: 1;
}
.swiper_figure .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4f3fc6;
}
.swiper_figure .swiper_controller {
  margin-left: 0.12rem;
  font-size: 0;
}
.swiper_figure .swiper_controller .swiper-button-play {
  display: none;
}
.swiper_figure .swiper_controller .swiper-button-play::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.06rem 0 0.06rem 0.1rem;
  border-color: transparent transparent transparent #4f3fc6;
}
.swiper_figure .swiper_controller .swiper-button-stop::before, .swiper_figure .swiper_controller .swiper-button-stop::after {
  content: "";
  display: inline-block;
  width: 0.03rem;
  height: 0.12rem;
  font-size: 0;
  background-color: #4f3fc6;
  border-radius: 0.01rem;
}
.swiper_figure .swiper_controller .swiper-button-stop::after {
  margin-left: 0.04rem;
}
.swiper_figure .swiper_controller.is-stop .swiper-button-play {
  display: block;
}
.swiper_figure .swiper_controller.is-stop .swiper-button-stop {
  display: none;
}
.swiper_figure .figure_wrap {
  overflow: hidden;
  width: 2.63rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.08rem;
  cursor: pointer;
}
.swiper_figure .figure_img {
  overflow: hidden;
  height: 1.48rem;
}
.swiper_figure .figure_img img {
  position: relative;
  top: 50%;
  min-width: 100%;
  max-width: 100%;
  transform: translateY(-50%);
}
.swiper_figure .figure_img .img {
  display: block;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.swiper_figure .figure_caption {
  padding: 0.2rem 0.19rem;
  text-align: left;
}
.swiper_figure .figure_caption .txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 0.16rem;
  color: #111111;
}
.swiper_figure .figure_caption .date {
  display: block;
  margin: 0.2rem 0 0;
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: #777777;
}

.badge_sm {
  display: inline-block;
  height: 0.16rem;
  padding: 0 0.04rem;
  font-size: 0.1rem;
  line-height: 0;
  font-weight: 600;
  border-radius: 0.04rem;
  vertical-align: top;
}
.badge_sm::before {
  content: "";
  display: inline-block;
  width: 0.01rem;
  height: 100%;
  margin-right: -0.01rem;
  vertical-align: -0.04rem;
}
.badge_sm.badge_buy {
  color: #E22D72;
  background-color: #FFEEF4;
}
body.dark .badge_sm.badge_buy {
  color: #FF3482;
}

body.dark .badge_sm.badge_buy {
  background-color: #522B39;
}

.badge_sm.badge_sell {
  color: #1C4FDE;
  background-color: #EEF2FF;
}
body.dark .badge_sm.badge_sell {
  color: #225CFF;
}

body.dark .badge_sm.badge_sell {
  background-color: #2F3557;
}

.badge_sm.badge_blue {
  color: #4f3fc6;
  background-color: #E8E5FC;
}
body.dark .badge_sm.badge_blue {
  color: #7664ff;
}

body.dark .badge_sm.badge_blue {
  background-color: #342E58;
}

.badge_sm.badge_lightskyblue {
  color: #1CA1DE;
  background-color: #D0EAF8;
}
body.dark .badge_sm.badge_lightskyblue {
  color: #3192BC;
}

body.dark .badge_sm.badge_lightskyblue {
  background-color: #0A374D;
}

.badge_sm.badge_purple {
  color: #4f3fc6;
  background-color: #DDDCF5;
}
body.dark .badge_sm.badge_purple {
  color: #7664ff;
}

body.dark .badge_sm.badge_purple {
  background-color: #23225B;
}

.badge_sm.badge_red {
  color: #F2499D;
  background-color: #FEE4ED;
}
body.dark .badge_sm.badge_red {
  color: #CB3073;
}

body.dark .badge_sm.badge_red {
  background-color: #482431;
}

.badge_sm.badge_gray {
  color: #333333;
  background-color: #F0F2F4;
}
body.dark .badge_sm.badge_gray {
  color: #dddddd;
}

body.dark .badge_sm.badge_gray {
  background-color: #292C2E;
}

.badge_sm.badge_lightgray {
  color: #999999;
  background-color: #F0F2F4;
}
body.dark .badge_sm.badge_lightgray {
  color: #a0a0a0;
}

body.dark .badge_sm.badge_lightgray {
  background-color: #292C2E;
}

.badge_sm.badge_smokygray {
  color: #333333;
  background-color: #DEE2E6;
}
body.dark .badge_sm.badge_smokygray {
  color: #dddddd;
}

body.dark .badge_sm.badge_smokygray {
  background-color: #45464B;
}

.badge_sm.badge_skyblue {
  color: #568EDD;
  background-color: #E5EBFC;
}
body.dark .badge_sm.badge_skyblue {
  color: #3362A4;
}

body.dark .badge_sm.badge_skyblue {
  background-color: #262A43;
}

.badge_sm.badge_pink {
  color: #F2499D;
  background-color: #FFEEF4;
}
body.dark .badge_sm.badge_pink {
  color: #CB3073;
}

body.dark .badge_sm.badge_pink {
  background-color: #522B39;
}

.badge_sm.badge_darkpink {
  color: #F2499D;
  background-color: #F8D7E4;
}
body.dark .badge_sm.badge_darkpink {
  color: #CB3073;
}

body.dark .badge_sm.badge_darkpink {
  background-color: #571D33;
}

.badge_sm.badge_ready {
  color: #1C4FDE;
  background-color: #E5EBFC;
}
body.dark .badge_sm.badge_ready {
  color: #225CFF;
}

body.dark .badge_sm.badge_ready {
  background-color: #262A43;
}

.badge_sm.badge_green {
  color: #37b13f;
  background-color: #c8f1d0;
}
.badge_sm.badge_fillblue {
  background-color: #4f3fc6;
  color: #ffffff;
}
body.dark .badge_sm.badge_fillblue {
  background-color: #7664FF;
}

body.dark .badge_sm.badge_fillblue {
  color: #ffffff;
}

.badge_sm.badge_hotpink {
  color: #eeeeee;
  background-color: #ff3482;
}
.badge_sm.badge_simple_darkgray {
  color: #eeeeee;
  background-color: #45464b;
}
.badge_sm.badge_line_red {
  padding: 0 0.04rem;
  color: #E22D72 !important;
  border: 0.01rem solid currentColor;
  border-radius: 0.04rem;
}
body.dark .badge_sm.badge_line_red {
  color: #FF3482 !important;
}

.badge_sm.badge_line_red::before {
  vertical-align: -0.03rem;
}
.badge_sm.badge_line_blue {
  padding: 0 0.04rem;
  color: #1C4FDE !important;
  border: 0.01rem solid currentColor;
  border-radius: 0.04rem;
}
body.dark .badge_sm.badge_line_blue {
  color: #225CFF !important;
}

.badge_sm.badge_line_blue::before {
  vertical-align: -0.03rem;
}
.badge_sm.badge_robomarket {
  padding: 0 0.07rem;
  font-size: 0.1rem;
  font-weight: 600;
  color: #9091b1;
  border: 0.01rem solid #9091b1;
  border-radius: 0.09rem;
  min-width: 0.57rem;
  text-align: center;
  height: 0.18rem;
  line-height: 0.18rem;
}
.badge_sm.badge_white {
  background-color: #FFFFFF;
  color: #333333;
}
body.dark .badge_sm.badge_white {
  background-color: #45464B;
}

body.dark .badge_sm.badge_white {
  color: #dddddd;
}

.badge_sm.badge_navy_white {
  background-color: #372C8A;
  color: #fff;
}
body.dark .badge_sm.badge_navy_white {
  background-color: #6155C0;
}

.badge_sm.badge_skyblue_white {
  background-color: #1CA1DE;
  color: #fff;
}
body.dark .badge_sm.badge_skyblue_white {
  background-color: #3192BC;
}

.badge_sm.badge_gray_white {
  background-color: #999999;
  color: #fff;
}
body.dark .badge_sm.badge_gray_white {
  background-color: #a0a0a0;
}

.badge_sm.badge_lightgray {
  background-color: #DEE2E6;
  color: #666666;
}
body.dark .badge_sm.badge_lightgray {
  background-color: #45464B;
}

body.dark .badge_sm.badge_lightgray {
  color: #bbbbbb;
}

.badge_sm.badge_manager {
  padding: 0;
  background-image: url("../img/flag_manager_1.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .badge_sm.badge_manager {
  background-image: url("../img/flag_manager_1_dm.png");
}

.badge_sm.badge_navy {
  padding-bottom: 0;
  background-image: url("../img/ic_flag_kiwoom.png");
  width: 0.5rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .badge_sm.badge_navy {
  background-image: url("../img/ic_flag_kiwoom_dm.png");
}

.badge_sm.badge_darkgray {
  padding-left: 0.18rem;
  background-image: url("../img/ic_lock_12.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 0.12rem;
  background-position: 0.05rem center;
  background-color: #666;
  color: #ffffff;
}
body.dark .badge_sm.badge_darkgray {
  background-image: url("../img/ic_lock_12.png");
}

body.dark .badge_sm.badge_darkgray {
  color: #ffffff;
}

.badge_sm + .badge_sm {
  margin-left: 0.04rem;
}

.flag {
  display: inline-block;
  height: 0.16rem;
  padding: 0 0.04rem;
  border-radius: 0.04rem;
  color: #333333;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  font-weight: 600;
  line-height: 0;
}
body.dark .flag {
  color: #dddddd;
}

html.webview .flag {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

.flag::before {
  content: "";
  display: inline-block;
  width: 0.01rem;
  height: 100%;
  margin-right: -0.01rem;
  vertical-align: -0.04rem;
}
.flag.meet {
  background-color: #F0F2F4;
}
body.dark .flag.meet {
  background-color: #292C2E;
}

.flag.meet > span {
  font-size: 0.1rem;
  font-weight: 600;
  text-decoration: underline;
}
.flag.unmet {
  background-color: #FFE6E6;
  color: #FF5353;
}
body.dark .flag.unmet {
  background-color: #532A2A;
}

body.dark .flag.unmet {
  color: #C34949;
}

.flag.unmet > span {
  color: #FF5353;
  font-size: 0.1rem;
  font-weight: 600;
  text-decoration: underline;
}
body.dark .flag.unmet > span {
  color: #C34949;
}

.flag.new {
  color: #F2499D;
  background-color: #FEE4ED;
}
body.dark .flag.new {
  color: #CB3073;
}

body.dark .flag.new {
  background-color: #482431;
}

.flag.new2 {
  position: relative;
  display: inline-block;
  background-color: #FEE4ED;
}
body.dark .flag.new2 {
  background-color: #482431;
}

.flag.new2::after {
  content: attr(data-text);
  display: inline;
  color: #F2499D;
}
body.dark .flag.new2::after {
  color: #CB3073;
}

.flag.coin {
  background-color: #FFB43E;
  border-radius: 1rem !important;
  overflow: hidden;
  padding: 0 0.05rem 0 0.01rem;
}
body.dark .flag.coin {
  background-color: #A76704;
}

.flag.coin::before {
  vertical-align: -0.02rem;
}
.flag.coin span {
  display: inline-block !important;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  line-height: 0;
  color: #ffffff;
  font-weight: 600;
}
html.webview .flag.coin span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .flag.coin span {
  color: #ffffff;
}

.flag.coin span.money {
  margin-left: 0 !important;
  vertical-align: 2px;
  padding: 0 0.02rem 0 0;
}
.flag.coin span.ico_coin {
  margin-top: 0.01rem;
  border: none;
  animation: coinEffect 4s 0s ease-in-out infinite backwards;
  background-image: url("../img/ico_won.png");
  width: 0.12rem;
  height: 0.12rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 0.12rem 0.12rem;
}
body.dark .flag.coin span.ico_coin {
  background-image: url("../img/ico_won.png");
}

.flag.k_live {
  height: 0.18rem;
  padding-top: 0.02rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  line-height: 0;
  color: #eeeeee;
  background-color: #c34949;
}
html.webview .flag.k_live {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.flag.k_live::before {
  vertical-align: -0.05rem;
}
.flag.k_live.closing {
  background-color: #666;
}

@keyframes coinEffect {
  0% {
    transform: rotateY(0);
  }
  25% {
    transform: rotateY(180deg);
  }
  50% {
    transform: rotateY(360deg);
  }
  75% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0);
  }
}
.list_bullet_point > li {
  position: relative;
  padding-left: 0.13rem;
  padding-top: 0rem;
  padding-bottom: 0.13rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .list_bullet_point > li {
  padding-top: 0.04rem;
  padding-bottom: 0.14rem;
}

body.dark .list_bullet_point > li {
  color: #bbbbbb;
}

.list_bullet_point > li::after {
  content: "";
  position: absolute;
  top: 0.08rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: #DEE2E6;
}
body.dark .list_bullet_point > li::after {
  background-color: #45464B;
}

.list_bullet_point > li:last-child {
  padding-bottom: 0;
}

.listNumber {
  margin-top: 0.12rem;
}
.listNumber > li {
  position: relative;
  padding: 0.02rem 0 0.02rem 0.22rem;
  padding-top: 0.02rem;
  padding-bottom: 0.02rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .listNumber > li {
  padding-top: 0.06rem;
  padding-bottom: 0.03rem;
}

.listNumber > li + li {
  margin-top: 0.12rem;
}
.listNumber > li div {
  padding-top: 0.07rem;
}
.listNumber > li div:first-child {
  padding-top: 0;
}
.listNumber > li .numbering {
  display: block;
  position: absolute;
  left: 0;
  top: 0.04rem;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  letter-spacing: normal;
  line-height: 0.14rem;
  background-color: #F0F2F4;
  color: #666666;
}
html.webview .listNumber > li .numbering {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .listNumber > li .numbering {
  background-color: #292C2E;
}

body.dark .listNumber > li .numbering {
  color: #bbbbbb;
}

.none_data {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 2.33rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.none_data::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  margin-bottom: 0.16rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #333333;
  background-image: url("../img/ic_noresults.png");
  width: 0.8rem;
  height: 0.8rem;
  background-size: contain;
  background-repeat: no-repeat;
}
html.webview .none_data::before {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .none_data::before {
  color: #dddddd;
}

body.dark .none_data::before {
  background-image: url("../img/ic_noresults_dm.png");
}

.none_data.type_tt3 {
  color: #666666;
}
body.dark .none_data.type_tt3 {
  color: #bbbbbb;
}

.none_data.type_small {
  height: 1.03rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .none_data.type_small {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .none_data.type_small {
  color: #bbbbbb;
}

.none_data.type_small::before {
  margin-bottom: 0.1rem;
  background-image: url("../img/ic_noresults_small.png");
  width: 0.6rem;
  height: 0.6rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .none_data.type_small::before {
  background-image: url("../img/ic_noresults_small_dm.png");
}

button.btn_toggle_round {
  padding: 0.07rem 0.12rem 0.06rem;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  border-radius: 0.16rem;
  padding-top: 0.07rem;
  padding-bottom: 0.06rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #999999;
  max-width: 2.7rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.dark button.btn_toggle_round {
  border-color: #45464B;
}

html.webview button.btn_toggle_round {
  padding-top: 0.11rem;
  padding-bottom: 0.07rem;
}

body.dark button.btn_toggle_round {
  color: #a0a0a0;
}

button.btn_toggle_round.on {
  border-color: #4f3fc6;
  color: #ffffff;
  background-color: #4f3fc6;
  font-weight: 600;
}
body.dark button.btn_toggle_round.on {
  border-color: #7664FF;
}

body.dark button.btn_toggle_round.on {
  color: #ffffff;
}

body.dark button.btn_toggle_round.on {
  background-color: #7664FF;
}

button.btn_toggle_round.ic_arrow::after {
  content: "";
  display: inline-block;
  margin-left: 0.08rem;
  background-image: url("../img/ic_dropdown_w_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark button.btn_toggle_round.ic_arrow::after {
  background-image: url("../img/ic_dropdown_w_16_dm.png");
}

button.btn_toggle_round.ic_user::before {
  content: "";
  display: inline-block;
  margin-right: 0.04rem;
  background-image: url("../img/ic_user_16_unselected.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}
body.dark button.btn_toggle_round.ic_user::before {
  background-image: url("../img/ic_user_16_unselected_dm.png");
}

button.btn_toggle_round.ic_user.on::before {
  background-image: url("../img/ic_user_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark button.btn_toggle_round.ic_user.on::before {
  background-image: url("../img/ic_user_16_dm.png");
}

.toggle_more_wrap {
  position: relative;
  overflow: hidden;
  padding-right: 0.11rem;
}
.toggle_more_wrap.active {
  height: auto;
}
.toggle_more_wrap .btn_toggle_round {
  margin-right: 0.04rem;
  margin-bottom: 0.08rem;
}
.toggle_more_wrap .btn_cycle_toggle {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.3rem;
  height: 0.3rem;
  justify-content: center;
  align-items: center;
  border: 0.01rem solid;
  border-radius: 50%;
  border-color: #DEE2E6;
  background-color: #FFFFFF;
  z-index: 1;
}
body.dark .toggle_more_wrap .btn_cycle_toggle {
  border-color: #45464B;
}

body.dark .toggle_more_wrap .btn_cycle_toggle {
  background-color: #121212;
}

.toggle_more_wrap .btn_cycle_toggle::after {
  content: "";
  display: block;
  transition: all 0.5s;
  background-image: url("../img/ic_arrow_down_24.png");
  width: 0.24rem;
  height: 0.24rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .toggle_more_wrap .btn_cycle_toggle::after {
  background-image: url("../img/ic_arrow_down_24.png");
}

.toggle_more_wrap .btn_cycle_toggle.active::after {
  transform: rotate(-180deg);
}
.toggle_more_wrap .btn_cycle_toggle.active + .btn_more_list {
  flex-wrap: wrap;
  width: auto;
  max-height: 3000px;
}
.toggle_more_wrap .btn_cycle_toggle.active + .btn_more_list::after {
  content: none;
}
.toggle_more_wrap .btn_more_list {
  display: flex;
  flex-wrap: nowrap;
  width: 10000px;
  max-height: 0.42rem;
  transition: max-height 0.5s;
}
.toggle_more_wrap .btn_more_list::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.34rem;
  background-image: linear-gradient(to left, #fff 75%, rgba(255, 255, 255, 0));
}
body.dark .btn_more_list::after {
  background-image: linear-gradient(to left, #121212 50%, rgba(255, 255, 255, 0));
}

.line_chart .highcharts-plot-background {
  fill: black;
  fill: #FFFFFF;
}
body.dark .line_chart .highcharts-plot-background {
  fill: #121212;
}

.line_chart .highcharts-scrolling .highcharts-inner-container .highcharts-container {
  z-index: auto !important;
}
.line_chart .highcharts-scrolling .highcharts-inner-container .highcharts-container .highcharts-background {
  fill: #F7F9FA;
}
body.dark .line_chart .highcharts-scrolling .highcharts-inner-container .highcharts-container .highcharts-background {
  fill: #202024;
}

.line_chart .highcharts-plot-line-label.highcharts-credits {
  width: auto !important;
  z-index: 2;
}
.line_chart .highcharts-plot-line-label.highcharts-credits .yaxis_label {
  width: 65px;
  padding-right: 8px;
  font-size: 10px;
  text-align: right;
  color: #ffffff;
  line-height: 16px;
  background-color: #E22D72;
  z-index: 97;
}
body.dark .line_chart .highcharts-plot-line-label.highcharts-credits .yaxis_label {
  color: #ffffff;
}

body.dark .line_chart .highcharts-plot-line-label.highcharts-credits .yaxis_label {
  background-color: #FF3482;
}

.line_chart .highcharts-plot-line-label.highcharts-credits.sell .yaxis_label {
  background-color: #1C4FDE;
}
body.dark .line_chart .highcharts-plot-line-label.highcharts-credits.sell .yaxis_label {
  background-color: #225CFF;
}

.line_chart .highcharts-plot-line-label.xaxis_label_box {
  z-index: 2;
  width: auto !important;
}
.line_chart .highcharts-plot-line-label.xaxis_label_box .xaxis_label {
  padding: 0 0.05rem;
  height: 100%;
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  line-height: 30px;
  background-color: #333333;
  z-index: 97;
}
body.dark .line_chart .highcharts-plot-line-label.xaxis_label_box .xaxis_label {
  color: #ffffff;
}

body.dark .line_chart .highcharts-plot-line-label.xaxis_label_box .xaxis_label {
  background-color: #DDDDDD;
}

.line_chart .highcharts-scrolling-parent .highcharts-fixed .highcharts-scrollable-mask {
  fill: #F7F9FA;
}
body.dark .line_chart .highcharts-scrolling-parent .highcharts-fixed .highcharts-scrollable-mask {
  fill: #202024;
}

body.dark .highcharts-series .highcharts-area {
  fill: none;
}

.close_price_box {
  display: flex;
  visibility: hidden;
  padding: 8px 6px;
  border: 1px solid;
  border-color: #333333;
  background-color: rgba(255, 255, 255, 0.8);
}
body.dark .close_price_box {
  border-color: #DDDDDD;
}

body.dark .close_price_box {
  background-color: rgba(33, 33, 33, 0.8);
}

.close_price_box > span {
  display: flex;
  font-size: 11px;
  color: #212121;
}
body.dark .close_price_box > span {
  color: #eeeeee;
}

.close_price_box > span:first-child {
  flex-grow: 1;
}

.buy_sell_horizon_bar .label {
  display: flex;
  margin: 0.32rem 0 0.08rem;
}
.buy_sell_horizon_bar .label p {
  flex-direction: row;
  flex-grow: 1;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  font-weight: 500;
}
html.webview .buy_sell_horizon_bar .label p {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.buy_sell_horizon_bar .label p.down {
  text-align: right;
}
.buy_sell_horizon_bar .label p > span {
  display: inline-block;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  font-weight: 500;
}
html.webview .buy_sell_horizon_bar .label p > span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.buy_sell_horizon_bar .horizon_bar {
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  height: 0.08rem;
  background-color: #1C4FDE;
}
body.dark .buy_sell_horizon_bar .horizon_bar {
  background-color: #225CFF;
}

.buy_sell_horizon_bar .horizon_bar .buy {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: width 0.5s;
  background-color: #E22D72;
}
body.dark .buy_sell_horizon_bar .horizon_bar .buy {
  background-color: #FF3482;
}

.badge {
  padding: 5px 8px;
  font-size: 0.11rem;
  font-weight: 600;
  letter-spacing: -0.0028rem;
}
.badge.badge_red {
  color: #F2499D;
  background-color: #FEE4ED;
}
body.dark .badge.badge_red {
  color: #CB3073;
}

body.dark .badge.badge_red {
  background-color: #482431;
}

.badge.badge_blue {
  color: #4f3fc6;
  background-color: #E8E5FC;
}
body.dark .badge.badge_blue {
  color: #7664ff;
}

body.dark .badge.badge_blue {
  background-color: #342E58;
}

/* up down color */
.type_triangle {
  position: relative;
  padding-left: 0.11rem;
  letter-spacing: -0.0025rem;
}
.type_triangle::before {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 0.08rem;
  height: 0.08rem;
}
.type_triangle.up::before {
  background-image: url("../img/ic_rise_01_up.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .type_triangle.up::before {
  background-image: url("../img/ic_rise_01_up.png");
}

.type_triangle.down::before {
  background-image: url("../img/ic_rise_01_down.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .type_triangle.down::before {
  background-image: url("../img/ic_rise_01_down.png");
}

.type_arrow {
  position: relative;
  height: 0.16rem;
  padding-left: 0.1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  line-height: 0;
}
html.webview .type_arrow {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

.type_arrow::before {
  content: "";
  position: absolute;
  bottom: 0.03rem;
  left: 0;
  width: 0.08rem;
  height: 0.08rem;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 100%;
}
.type_arrow.up::before {
  background-image: url("../img/ic_rise_02_up.png");
}
.type_arrow.down::before {
  background-image: url("../img/ic_rise_02_down.png");
}

.up {
  color: #E22D72 !important;
  font-weight: 600 !important;
}
body.dark .up {
  color: #FF3482 !important;
}

.down {
  color: #1C4FDE !important;
  font-weight: 600 !important;
}
body.dark .down {
  color: #225CFF !important;
}

.end {
  color: #999999 !important;
  font-weight: 600 !important;
}
body.dark .end {
  color: #a0a0a0 !important;
}

.none_data {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 2.33rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.none_data::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  margin-bottom: 0.16rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #333333;
  background-image: url("../img/ic_noresults.png");
  width: 0.8rem;
  height: 0.8rem;
  background-size: contain;
  background-repeat: no-repeat;
}
html.webview .none_data::before {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .none_data::before {
  color: #dddddd;
}

body.dark .none_data::before {
  background-image: url("../img/ic_noresults_dm.png");
}

.none_data.type_tt3 {
  color: #666666;
}
body.dark .none_data.type_tt3 {
  color: #bbbbbb;
}

.none_data.type_small {
  height: 1.03rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .none_data.type_small {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .none_data.type_small {
  color: #bbbbbb;
}

.none_data.type_small::before {
  margin-bottom: 0.1rem;
  background-image: url("../img/ic_noresults_small.png");
  width: 0.6rem;
  height: 0.6rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .none_data.type_small::before {
  background-image: url("../img/ic_noresults_small_dm.png");
}

.search_guide_box {
  padding: 2rem 0.16rem;
  background-color: #F0F2F4;
  text-align: center;
}
body.dark .search_guide_box {
  background-color: #292C2E;
}

.search_guide_box .icon {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DEE2E6;
}
body.dark .search_guide_box .icon {
  background-color: #45464B;
}

.search_guide_box .icon .edit {
  display: inline-block;
  background-image: url("../img/ic_edit_20_dm.png");
  width: 0.4rem;
  height: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .search_guide_box .icon .edit {
  background-image: url("../img/ic_edit_20.png");
}

.search_guide_box .text {
  margin-top: 0.16rem;
  color: #333333;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
body.dark .search_guide_box .text {
  color: #dddddd;
}

html.webview .search_guide_box .text {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.common_guide .tab_wrap .tab_list {
  display: flex;
  align-items: center;
}
.common_guide .tab_wrap .tab_list li {
  position: relative;
  width: 100%;
  text-align: center;
}
.common_guide .tab_wrap .tab_list li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .common_guide .tab_wrap .tab_list li::after {
  border-color: #45464B;
}

.common_guide .tab_wrap .tab_list li .btn_tablist_item {
  display: inline-block;
  width: 100%;
  height: 0.48rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  background-color: #FFFFFF;
  color: #666666;
  font-weight: 600;
}
html.webview .common_guide .tab_wrap .tab_list li .btn_tablist_item {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .common_guide .tab_wrap .tab_list li .btn_tablist_item {
  background-color: #121212;
}

body.dark .common_guide .tab_wrap .tab_list li .btn_tablist_item {
  color: #bbbbbb;
}

.common_guide .tab_wrap .tab_list li .btn_tablist_item .count {
  display: inline-block;
  margin-left: 0.04rem;
  padding-top: 0.03rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 700;
  vertical-align: top;
}
html.webview .common_guide .tab_wrap .tab_list li .btn_tablist_item .count {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.common_guide .tab_wrap .tab_list li.on {
  color: #4f3fc6;
}
body.dark .common_guide .tab_wrap .tab_list li.on {
  color: #7664FF;
}

.common_guide .tab_wrap .tab_list li.on .btn_tablist_item {
  color: #4f3fc6;
  font-weight: 700;
}
body.dark .common_guide .tab_wrap .tab_list li.on .btn_tablist_item {
  color: #7664ff;
}

.common_guide .tab_wrap .tab_list li.on::after {
  border-bottom: 0.02rem solid;
  border-color: #4f3fc6;
}
body.dark .common_guide .tab_wrap .tab_list li.on::after {
  border-color: #7664FF;
}

.common_guide .tab_wrap.tab_depth .tab_list li .btn_tablist_item {
  height: 0.4rem;
}
.common_guide .tab_wrap.tab_depth .tab_list li.on::after {
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .common_guide .tab_wrap.tab_depth .tab_list li.on::after {
  border-color: #45464B;
}

@media (min-width: 320px) and (max-width: 375px) and (max-height: 667px) {
  .popup.dialog > .popup_container.header_line > .pop-body .pop-content {
    overflow-y: auto;
    max-height: 3.5rem;
  }
  .popup.dialog > .popup_container.header_line > .pop-body .pop-content .img_box .figure_img + .text {
    margin-top: 0.16rem;
  }
}
@media (min-height: 668px) and (max-height: 740px) {
  .popup.dialog > .popup_container.header_line > .pop-body .pop-content {
    overflow-y: auto;
    max-height: 4.2rem;
  }
  .popup.dialog > .popup_container.header_line > .pop-body .pop-content .img_box .figure_img + .text {
    margin-top: 0.16rem;
  }
}
.popup {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.popup.active {
  display: block;
}
.popup.active > .popup_container {
  transform: translateY(0);
}
.popup.active.head_fix > .popup_container {
  transform: translateY(0);
}
.popup.active.head_fix.btn_add > .popup_container {
  transform: translateY(-10%);
}
.popup.dialog {
  bottom: auto;
  width: auto;
  transform: none;
}
.popup.dialog.active {
  display: block;
}
.popup.dialog.active > .popup_container {
  opacity: 1;
}
.popup.dialog > .popup_container {
  top: 50%;
  left: 0.16rem;
  max-height: none;
  overflow: hidden;
  bottom: auto;
  border-radius: 0.16rem;
  width: calc(100% - 0.32rem);
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.popup.dialog > .popup_container.header_line > .pop-header {
  padding-top: 0;
  font-size: 0.2rem;
  line-height: 0.26rem;
  letter-spacing: -0.005rem;
}
.popup.dialog > .popup_container.header_line > .pop-body .pop-content {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}
.popup.dialog > .popup_container > .pop-header {
  padding-top: 0.32rem;
}
.popup.dialog > .popup_container > .pop-header > .btn_close.type_close::after, .popup.dialog > .popup_container > .pop-header > .btn_close.type_close::before {
  height: 0.01rem;
  background-color: #666666;
}
body.dark .popup.dialog > .popup_container > .pop-header > .btn_close.type_close::after, body.dark .popup.dialog > .popup_container > .pop-header > .btn_close.type_close::before {
  background-color: #bbbbbb;
}

.popup.dialog > .popup_container > .pop-header > .btn_close + h2 {
  padding-top: 0;
}
.popup.dialog > .popup_container > .pop-header > h2 {
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  font-weight: 700;
  line-height: 0.22rem;
  letter-spacing: -0.004rem;
}
html.webview .popup.dialog > .popup_container > .pop-header > h2 {
  padding-top: 0.2rem;
  padding-bottom: 0.17rem;
}

.popup.dialog > .popup_container > .pop-header > h2.tit_mid {
  font-size: 0.16rem;
}
.popup.dialog > .popup_container > .pop-body {
  margin-top: -1px;
}
.popup.none {
  display: none;
}
.popup > .popup_container {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 1rem;
  max-height: calc(100% - 0.68rem);
  border-radius: 0.16rem 0.16rem 0 0;
  transform: translateY(105%);
  transition: transform 0.5s ease;
  background-color: #FFFFFF;
}
body.dark .popup > .popup_container {
  background-color: #121212;
}

.popup > .popup_container.pwd_wrap {
  border-radius: unset;
  background-color: #4f3fc6;
}
body.dark .popup > .popup_container.pwd_wrap {
  background-color: #7664FF;
}

.popup > .popup_container.pwd_wrap .label_box {
  width: 2rem;
  padding: 0.16rem 0 0.06rem;
}
.popup > .popup_container.pwd_wrap .label_box .label_tit {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 600;
  color: #ffffff;
}
html.webview .popup > .popup_container.pwd_wrap .label_box .label_tit {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .popup > .popup_container.pwd_wrap .label_box .label_tit {
  color: #ffffff;
}

.popup > .popup_container.pwd_wrap .input_field {
  display: flex;
  align-items: center;
}
.popup > .popup_container.pwd_wrap .input_field .input_inner {
  flex-grow: 1;
  margin-right: 0.06rem;
}
.popup > .popup_container.pwd_wrap .input_field .input_inner .input_box {
  width: auto;
}
.popup > .popup_container.pwd_wrap .input_field .input_inner::before {
  width: 100%;
}
.popup > .popup_container.pwd_wrap .input_field .input_inner + .btn_type6 {
  margin-top: 0.06rem;
  flex-shrink: 0;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .popup > .popup_container.pwd_wrap .input_field .input_inner + .btn_type6 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container.pwd_wrap .err_msg {
  margin-top: 0.12rem;
  font-weight: 400;
  color: #ffd663;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
}
html.webview .popup > .popup_container.pwd_wrap .err_msg {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-header {
  position: relative;
  text-align: center;
}
.popup > .popup_container > .pop-header > .btn_close, .popup > .popup_container > .pop-header > .btn_close2 {
  padding: 0.08rem 0 0.32rem;
}
.popup > .popup_container > .pop-header > .btn_close::before, .popup > .popup_container > .pop-header > .btn_close2::before {
  content: "";
  display: block;
  width: 0.36rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-color: #DEE2E6;
}
body.dark .popup > .popup_container > .pop-header > .btn_close::before, body.dark .popup > .popup_container > .pop-header > .btn_close2::before {
  background-color: #45464B;
}

.popup > .popup_container > .pop-header > .btn_close + h2, .popup > .popup_container > .pop-header > .btn_close2 + h2 {
  padding-top: 0;
}
.popup > .popup_container > .pop-header > .btn_close.type_close, .popup > .popup_container > .pop-header > .btn_close2.type_close {
  position: absolute;
  top: 50%;
  right: 0.16rem;
  transform: translateY(-50%);
  padding: 0;
  width: 0.24rem;
  height: 0.24rem;
}
.popup > .popup_container > .pop-header > .btn_close.type_close::after, .popup > .popup_container > .pop-header > .btn_close.type_close::before, .popup > .popup_container > .pop-header > .btn_close2.type_close::after, .popup > .popup_container > .pop-header > .btn_close2.type_close::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.01rem);
  left: calc(50% - 0.075rem);
  width: 0.15rem;
  height: 0.02rem;
  border-radius: 0.02rem;
  background-color: #212121;
}
body.dark .popup > .popup_container > .pop-header > .btn_close.type_close::after, body.dark .popup > .popup_container > .pop-header > .btn_close.type_close::before, body.dark .popup > .popup_container > .pop-header > .btn_close2.type_close::after, body.dark .popup > .popup_container > .pop-header > .btn_close2.type_close::before {
  background-color: #eeeeee;
}

.popup > .popup_container > .pop-header > .btn_close.type_close::before, .popup > .popup_container > .pop-header > .btn_close2.type_close::before {
  transform: rotate(-45deg);
}
.popup > .popup_container > .pop-header > .btn_close.type_close::after, .popup > .popup_container > .pop-header > .btn_close2.type_close::after {
  transform: rotate(45deg);
}
.popup > .popup_container > .pop-header > .btn_close.type_close + h2, .popup > .popup_container > .pop-header > .btn_close2.type_close + h2 {
  padding-top: 0.16rem;
}
.popup > .popup_container > .pop-header > .btn_close.type_close + h2.h_sm, .popup > .popup_container > .pop-header > .btn_close2.type_close + h2.h_sm {
  font-size: 0.14rem;
  line-height: 0.19rem;
}
.popup > .popup_container > .pop-header > h2 {
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  font-weight: 700;
  color: #212121;
  letter-spacing: -0.005rem;
}
html.webview .popup > .popup_container > .pop-header > h2 {
  padding-top: 0.2rem;
  padding-bottom: 0.17rem;
}

body.dark .popup > .popup_container > .pop-header > h2 {
  color: #eeeeee;
}

.popup > .popup_container > .pop-header.header_medium > h2 {
  font-size: 0.18rem;
}
.popup > .popup_container > .pop-header.header_small > h2 {
  font-size: 0.16rem;
}
.popup > .popup_container > .pop-body {
  max-height: calc(100% - 0.48rem);
}
.popup > .popup_container > .pop-body .pop-scroll {
  max-height: 4.36rem;
  overflow-y: auto;
}
.popup > .popup_container > .pop-body .pop-content {
  padding: 0 0.16rem 0.16rem;
}
.popup > .popup_container > .pop-body .pop-content > h3 {
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  font-weight: 700;
  text-align: center;
}
body.dark .popup > .popup_container > .pop-body .pop-content > h3 {
  color: #eeeeee;
}

html.webview .popup > .popup_container > .pop-body .pop-content > h3 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content > h3 + .control_list {
  margin-top: 0.22rem;
}
.popup > .popup_container > .pop-body .pop-content .img_box {
  text-align: center;
}
.popup > .popup_container > .pop-body .pop-content .img_box .figure_img {
  max-width: 640px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.popup > .popup_container > .pop-body .pop-content .img_box .figure_img + .text {
  display: block;
  margin-top: 0.2rem;
  color: #333333;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  font-weight: 700;
}
body.dark .popup > .popup_container > .pop-body .pop-content .img_box .figure_img + .text {
  color: #dddddd;
}

html.webview .popup > .popup_container > .pop-body .pop-content .img_box .figure_img + .text {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content .img_box .bg_gray {
  height: 1.81rem;
  margin-top: 0.2rem;
  padding: 0.24rem 0.16rem;
  border-radius: 0.08rem;
  background-color: #F7F9FA;
  text-align: left;
}
body.dark .popup > .popup_container > .pop-body .pop-content .img_box .bg_gray {
  background-color: #202024;
}

.popup > .popup_container > .pop-body .pop-content .img_box .bg_gray .list_tit {
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 700;
}
body.dark .popup > .popup_container > .pop-body .pop-content .img_box .bg_gray .list_tit {
  color: #eeeeee;
}

html.webview .popup > .popup_container > .pop-body .pop-content .img_box .bg_gray .list_tit {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content .img_box .bg_gray .list_tit + .list_bullet_point {
  margin-top: 0.12rem;
}
.popup > .popup_container > .pop-body .pop-content .description {
  padding-bottom: 0.16rem;
  font-size: 0.16rem;
  color: #666666;
  text-align: center;
  line-height: 0.22rem;
  letter-spacing: -0.004rem;
}
body.dark .popup > .popup_container > .pop-body .pop-content .description {
  color: #bbbbbb;
}

.popup > .popup_container > .pop-body .pop-content .description strong {
  color: #FF5353;
  font-size: inherit;
  font-weight: 600;
}
body.dark .popup > .popup_container > .pop-body .pop-content .description strong {
  color: #C34949;
}

.popup > .popup_container > .pop-body .pop-content .description em {
  color: #FF5353;
  font-size: inherit;
  font-style: unset;
}
body.dark .popup > .popup_container > .pop-body .pop-content .description em {
  color: #C34949;
}

.popup > .popup_container > .pop-body .pop-content .text {
  color: #212121;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 400;
}
body.dark .popup > .popup_container > .pop-body .pop-content .text {
  color: #eeeeee;
}

.popup > .popup_container > .pop-body .pop-content .text b {
  font-size: 0.16rem;
  font-weight: 700;
}
.popup > .popup_container > .pop-body .pop-content .text + .text {
  margin-top: 0.12rem;
}
.popup > .popup_container > .pop-body .pop-content .group h2 {
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.004rem;
  color: #212121;
}
body.dark .popup > .popup_container > .pop-body .pop-content .group h2 {
  color: #eeeeee;
}

.popup > .popup_container > .pop-body .pop-content .group .control_list {
  display: flex;
  flex-wrap: wrap;
}
.popup > .popup_container > .pop-body .pop-content .group .control_list.row {
  flex-direction: row;
}
.popup > .popup_container > .pop-body .pop-content .group .control_list.column {
  flex-direction: column;
}
.popup > .popup_container > .pop-body .pop-content .normal_list li {
  position: relative;
  min-height: 0.16rem;
  padding-left: 0.11rem;
}
.popup > .popup_container > .pop-body .pop-content .normal_list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: #DEE2E6;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li::before {
  background-color: #45464B;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li.line_top {
  padding-top: 0.16rem;
  border-top: 0.01rem solid;
  border-color: #F0F2F4;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li.line_top {
  border-color: #292C2E;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li.line_top::before {
  top: 0.24rem;
}
.popup > .popup_container > .pop-body .pop-content .normal_list li .tit {
  display: block;
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  font-weight: 700;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li .tit {
  color: #eeeeee;
}

html.webview .popup > .popup_container > .pop-body .pop-content .normal_list li .tit {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li .tit + .txt {
  margin-top: 0.04rem;
}
.popup > .popup_container > .pop-body .pop-content .normal_list li .subtit {
  display: block;
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 400;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li .subtit {
  color: #eeeeee;
}

html.webview .popup > .popup_container > .pop-body .pop-content .normal_list li .subtit {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li .subtit + .txt {
  margin-top: 0.04rem;
}
.popup > .popup_container > .pop-body .pop-content .normal_list li .txt {
  color: #666666;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 400;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li .txt {
  color: #bbbbbb;
}

html.webview .popup > .popup_container > .pop-body .pop-content .normal_list li .txt {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li .txt span {
  display: inline-block;
  padding: 0.02rem 0.04rem 0.01rem;
  border-radius: 0.04rem;
  background-color: #FFE6E6;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  font-weight: 600;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li .txt span {
  background-color: #532A2A;
}

html.webview .popup > .popup_container > .pop-body .pop-content .normal_list li .txt span {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li .txt span.red {
  color: #FF5353;
}
body.dark .popup > .popup_container > .pop-body .pop-content .normal_list li .txt span.red {
  color: #C34949;
}

.popup > .popup_container > .pop-body .pop-content .normal_list li + li {
  margin-top: 0.16rem;
}
.popup > .popup_container > .pop-body .pop-content .control_list li {
  display: flex;
  padding: 0.12rem 0;
}
.popup > .popup_container > .pop-body .pop-content .control_list li > div.check_box {
  flex-grow: 1;
}
.popup > .popup_container > .pop-body .pop-content .control_list li > div.check_box label {
  font-size: 0.16rem;
}
.popup > .popup_container > .pop-body .pop-content .control_list li .league_box {
  flex-grow: 1;
  text-align: right;
}
.popup > .popup_container > .pop-body .pop-content .control_list li .league_box em {
  font-style: normal;
}
.popup > .popup_container > .pop-body .pop-content .control_list li .league_box > .badge {
  display: inline-block;
  border-radius: 0.12rem;
  font-style: normal;
}
.popup > .popup_container.header_line > .pop-header {
  border-bottom: 0.01rem solid;
  border-color: #E7EBEF;
}
body.dark .popup > .popup_container.header_line > .pop-header {
  border-color: #35393C;
}

.popup > .popup_container.header_line > .pop-header > .btn_close {
  padding-bottom: 0.16rem;
}
.popup > .popup_container.header_line > .pop-body .pop-content {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.popup > .popup_container.header_line > .pop-body .pop-content > .editor-wrap {
  padding-bottom: 0.12rem;
}
.popup.head_fix .dim {
  display: none;
}
.popup.head_fix h2 {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .popup.head_fix h2 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.popup.head_fix > .popup_container {
  transform: translateY(75%);
  box-shadow: 0 -0.02rem 0.06rem 0 rgba(0, 0, 0, 0.1);
}
.popup.head_fix.btn_add {
  z-index: 4;
}
.popup.head_fix.btn_add > .popup_container {
  transform: translateY(60%);
}
.popup.head_fix.btn_add + .btn_wrap {
  position: sticky;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  margin: 0 auto;
}
.popup.head_fix.active.has_dim .dim {
  display: block;
}
.popup.kakao_popup .dim {
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.popup.kakao_popup .popup_container {
  background: none;
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: initial;
  transform: translate(-50%, -50%);
  z-index: 100;
  text-align: center;
}
.popup.kakao_popup .popup_container .icon_img {
  margin: 0 auto;
  width: 3.28rem;
  height: 2rem;
}
.popup.kakao_popup .popup_container .icon_img img {
  width: 3.28rem;
  height: 2rem;
}
.popup.kakao_popup .popup_container .cont_txt {
  color: #ffffff;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.3rem;
  letter-spacing: -0.0075rem;
}
body.dark .popup.kakao_popup .popup_container .cont_txt {
  color: #ffffff;
}

html.webview .popup.kakao_popup .popup_container .cont_txt {
  padding-top: 0.07rem;
  padding-bottom: 0.02rem;
}

.share_wrap {
  display: flex;
  flex-direction: row;
  padding: 0.12rem 0;
}
.share_wrap li {
  flex-grow: 1;
  font-size: 0.13rem;
  font-weight: 400;
  color: #333333;
  letter-spacing: -0.0033rem;
  text-align: center;
}
body.dark .share_wrap li {
  color: #dddddd;
}

.share_wrap li button::before {
  content: "";
  display: block;
  margin: 0 auto 0.08rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: #E7EBEF;
  background-repeat: no-repeat;
  background-size: 100%;
}
body.dark .share_wrap li button::before {
  background-color: #35393C;
}

.share_wrap li.ico_sms button::before {
  background-image: url("../img/ic_invite_sms.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .share_wrap li.ico_sms button::before {
  background-image: url("../img/ic_invite_sms.png");
}

.share_wrap li.ico_kakao button::before {
  background-image: url("../img/ic_invite_kakao.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .share_wrap li.ico_kakao button::before {
  background-image: url("../img/ic_invite_kakao.png");
}

.share_wrap li.ico_link button::before {
  background-image: url("../img/ic_invite_link.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .share_wrap li.ico_link button::before {
  background-image: url("../img/ic_invite_link.png");
}

.share_wrap li.ico_other button::before {
  background-image: url("../img/ic_invite_other.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .share_wrap li.ico_other button::before {
  background-image: url("../img/ic_invite_other.png");
}

@media screen and (min-width: 420px) and (max-width: 640px) {
  .popup.dialog > .popup_container.header_line > .pop-body .pop-content {
    overflow-y: auto;
    max-height: 3.2rem;
  }
}
.horizontal_bar_graph {
  margin-top: 0.32rem;
}
.horizontal_bar_graph .tit {
  margin-left: 0.55rem;
  text-align: center;
}
.horizontal_bar_graph .tit span {
  display: inline-block;
  font-size: 0.16rem;
  font-weight: 600;
  color: #333333;
  letter-spacing: 0.004rem;
}
body.dark .horizontal_bar_graph .tit span {
  color: #dddddd;
}

.horizontal_bar_graph .tit span.round_circle {
  position: relative;
  width: 0.36rem;
  height: 0.36rem;
  padding: 0 0.41rem;
  box-sizing: content-box;
  z-index: 1;
}
.horizontal_bar_graph .tit span.round_circle > em {
  display: block;
  position: relative;
  height: 0.36rem;
  border: 0.01rem solid;
  border-color: #E7EBEF;
  border-radius: 50%;
  font-style: normal;
  font-size: 0.12rem;
  font-weight: 700;
  line-height: 0.34rem;
  letter-spacing: 0.003rem;
  text-align: center;
  background-color: #FFFFFF;
}
body.dark .horizontal_bar_graph .tit span.round_circle > em {
  border-color: #35393C;
}

body.dark .horizontal_bar_graph .tit span.round_circle > em {
  background-color: #121212;
}

.horizontal_bar_graph .tit span.round_circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.72rem;
  height: 0.01rem;
  background-color: #E7EBEF;
}
body.dark .horizontal_bar_graph .tit span.round_circle::before {
  background-color: #35393C;
}

.horizontal_bar_graph .chart {
  position: relative;
  margin-top: 0.12rem;
}
.horizontal_bar_graph .chart .grid_vertical {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 0;
  left: 0.49rem;
  min-height: 0.1rem;
  height: 100%;
}
.horizontal_bar_graph .chart .grid_vertical span {
  width: 0.01rem;
  height: 100%;
  background-color: #F0F2F4;
}
body.dark .horizontal_bar_graph .chart .grid_vertical span {
  background-color: #292C2E;
}

.horizontal_bar_graph .chart .graph_container {
  position: relative;
  height: 0.62rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.horizontal_bar_graph .chart .graph_container em {
  display: flex;
  align-items: center;
  height: 100%;
  font-style: normal;
  font-size: 0.12rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.16rem;
  letter-spacing: -0.003rem;
}
body.dark .horizontal_bar_graph .chart .graph_container em {
  color: #bbbbbb;
}

.horizontal_bar_graph .chart .graph_container .graph_content {
  position: absolute;
  top: 0.12rem;
  right: 0;
  left: 0.49rem;
}
.horizontal_bar_graph .chart .graph_container .graph_content > div {
  position: absolute;
  width: 50%;
  min-height: 10px;
}
.horizontal_bar_graph .chart .graph_container .graph_content > div p {
  margin-bottom: 0.04rem;
  padding: 0 0.05rem;
  font-size: 0.12rem;
  color: #212121;
  letter-spacing: -0.003rem;
}
body.dark .horizontal_bar_graph .chart .graph_container .graph_content > div p {
  color: #eeeeee;
}

.horizontal_bar_graph .chart .graph_container .graph_content > div span {
  position: relative;
  display: block;
  height: 0.12rem;
  width: 0%;
  transition: width 0.5s ease;
}
.horizontal_bar_graph .chart .graph_container .graph_content .my_graph {
  right: 50%;
}
.horizontal_bar_graph .chart .graph_container .graph_content .my_graph p {
  text-align: right;
}
.horizontal_bar_graph .chart .graph_container .graph_content .my_graph span {
  float: right;
  border-radius: 0.6rem 0 0 0.6rem;
  background-color: #4f3fc6;
}
body.dark .horizontal_bar_graph .chart .graph_container .graph_content .my_graph span {
  background-color: #7664FF;
}

.horizontal_bar_graph .chart .graph_container .graph_content .average_graph {
  right: 0%;
}
.horizontal_bar_graph .chart .graph_container .graph_content .average_graph p {
  text-align: left;
  color: #666666;
}
body.dark .horizontal_bar_graph .chart .graph_container .graph_content .average_graph p {
  color: #bbbbbb;
}

.horizontal_bar_graph .chart .graph_container .graph_content .average_graph span {
  float: left;
  border-radius: 0 0.6rem 0.6rem 0;
  background-color: #B7BEC4;
}
body.dark .horizontal_bar_graph .chart .graph_container .graph_content .average_graph span {
  background-color: #8E9298;
}

.gauge_chart {
  position: relative;
  width: 1.16rem;
  height: 0.9rem;
}
.gauge_chart > div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.gauge_chart > div.inverse {
  transform: rotateY(180deg);
}
.gauge_chart .label_box {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
  width: 100%;
  text-align: center;
}
.gauge_chart .label_box.active {
  opacity: 1;
}
.gauge_chart .label_box b {
  display: block;
  font-size: 0.2rem;
  color: #999999;
  line-height: 0.2rem;
  letter-spacing: -0.005rem;
}
body.dark .gauge_chart .label_box b {
  color: #a0a0a0;
}

.gauge_chart .label_box b span {
  font-size: 0.11rem;
  margin-left: 0.03rem;
}
.gauge_chart .label_box b.fzSmall {
  font-size: 0.18rem;
}
.gauge_chart .label_box b.up {
  color: #FF3482;
}
.gauge_chart .label_box b.down {
  color: #225CFF;
}
.gauge_chart .label_box em {
  display: block;
  margin-bottom: 0.08rem;
  font-size: 0.11rem;
  font-style: normal;
  color: #212121;
  line-height: 0.12rem;
  letter-spacing: -0.0028rem;
}
body.dark .gauge_chart .label_box em {
  color: #eeeeee;
}

.column_vs_chart {
  position: relative;
  padding-bottom: 0.15rem;
  margin: 0 0.16rem;
  height: 1.3rem;
}
.column_vs_chart.cross_wrap {
  height: 1.85rem;
}
.column_vs_chart.up_all_wrap .middle_line {
  top: 60%;
}
.column_vs_chart.down_all_wrap .middle_line {
  top: 20%;
}
.column_vs_chart .middle_line {
  position: absolute;
  top: calc(50% - 0.15rem);
  right: 0;
  left: 0;
  height: 0.01rem;
}
.column_vs_chart .middle_line hr {
  border-top: dashed 0.01rem;
  border-color: #B7BEC4;
}
body.dark .column_vs_chart .middle_line hr {
  border-color: #8E9298;
}

.column_vs_chart .middle_line .column_vs_container {
  display: flex;
  margin: 0 0.17rem;
}
.column_vs_chart .middle_line .column_vs_container > .column_box {
  flex-direction: row;
  flex-grow: 1;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content {
  flex-grow: 0;
  width: 0.72rem;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap {
  position: absolute;
  width: 0.72rem;
  text-align: center;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap .txt {
  position: absolute;
  width: 100%;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap .txt b, .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap .txt span {
  display: block;
  font-size: 0.13rem;
  line-height: 0.15rem;
  letter-spacing: -0.0033rem;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap .bar {
  display: block;
  position: absolute;
  left: 0.04rem;
  right: 0.04rem;
  height: calc(100% - 0.31rem);
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up {
  padding-top: 0.32rem;
  top: -0.32rem;
  bottom: 0;
  transition: top 0.5s;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up .txt {
  top: 0;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up.kiwoom .txt {
  color: #666666;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up.kiwoom .txt {
  color: #bbbbbb;
}

.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up.kiwoom .bar {
  border-color: #B7BEC4;
  background-color: #F0F2F4;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up.kiwoom .bar {
  border-color: #8E9298;
}

body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up.kiwoom .bar {
  background-color: #292C2E;
}

.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up .bar {
  bottom: 0;
  border-top: 0.02rem solid;
  border-color: #E22D72;
  background-color: #FFEEF4;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up .bar {
  border-color: #FF3482;
}

body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.up .bar {
  background-color: #522B39;
}

.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down {
  top: 0.01rem;
  bottom: 0.01rem;
  padding-bottom: 0.32rem;
  transition: bottom 0.5s;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down .txt {
  bottom: 0;
}
.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down.kiwoom .txt {
  color: #666666;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down.kiwoom .txt {
  color: #bbbbbb;
}

.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down.kiwoom .bar {
  border-color: #B7BEC4;
  background-color: #F0F2F4;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down.kiwoom .bar {
  border-color: #8E9298;
}

body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down.kiwoom .bar {
  background-color: #292C2E;
}

.column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down .bar {
  border-bottom: 0.02rem solid;
  border-color: #1C4FDE;
  background-color: #EEF2FF;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down .bar {
  border-color: #225CFF;
}

body.dark .column_vs_chart .middle_line .column_vs_container > .column_box.content .bar_wrap.down .bar {
  background-color: #2F3557;
}

.column_vs_chart .middle_line .column_vs_container > .column_box .closing_price_box {
  position: absolute;
  left: 50%;
  padding: 0.06rem 0;
  min-width: 0.82rem;
  border: 0.01rem solid #707070;
  border-radius: 0.08rem;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: #FFFFFF;
}
body.dark .column_vs_chart .middle_line .column_vs_container > .column_box .closing_price_box {
  background-color: #121212;
}

.column_vs_chart .middle_line .column_vs_container > .column_box .closing_price_box span, .column_vs_chart .middle_line .column_vs_container > .column_box .closing_price_box b {
  display: block;
}
.column_vs_chart .middle_line .column_vs_container > .column_box .closing_price_box span {
  margin-bottom: 0.02rem;
  font-size: 0.11rem;
  line-height: 0.14rem;
  letter-spacing: -0.0028rem;
}
.column_vs_chart .middle_line .column_vs_container > .column_box .closing_price_box b {
  font-size: 0.13rem;
  line-height: 0.17rem;
  letter-spacing: -0.0033rem;
}
.column_vs_chart .label_box {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.column_vs_chart .label_box li {
  flex-direction: row;
  font-size: 0.11rem;
  line-height: 0.15rem;
  letter-spacing: -0.0028rem;
  text-align: center;
}
.column_vs_chart .label_box li.txt_column_label {
  width: 1rem;
  font-weight: 600;
  color: #333333;
}
body.dark .column_vs_chart .label_box li.txt_column_label {
  color: #dddddd;
}

.column_vs_chart .label_box li.txt_vs {
  flex-grow: 1;
  font-weight: 700;
  font-size: 0.12rem;
  line-height: 0.15rem;
  letter-spacing: -0.003rem;
  color: #cccccc;
}
body.dark .column_vs_chart .label_box li.txt_vs {
  color: #666666;
}

.trading_compare_graph .label {
  display: flex;
  margin: 0.32rem 0 0.08rem;
}
.trading_compare_graph .label p {
  flex-direction: row;
  flex-grow: 1;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  font-weight: 500;
}
html.webview .trading_compare_graph .label p {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.trading_compare_graph .label p.down {
  text-align: right;
}
.trading_compare_graph .label p > span {
  display: inline-block;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  font-weight: 500;
}
html.webview .trading_compare_graph .label p > span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.trading_compare_graph .horizon_bar {
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  height: 0.08rem;
  background-color: #1C4FDE;
}
body.dark .trading_compare_graph .horizon_bar {
  background-color: #225CFF;
}

.trading_compare_graph .horizon_bar .buy {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: width 0.5s;
  background-color: #E22D72;
}
body.dark .trading_compare_graph .horizon_bar .buy {
  background-color: #FF3482;
}

#__bs_notify__ {
  display: none !important;
  border: 5px solid #fff;
}

body.dark .input-type {
  background: #212121;
}

.bg-type li {
  background-image: url("../../assets/images/temp/light_cat.jpg");
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .bg-type li {
  background-image: url("../../assets/images/temp/dark_cat.jpg");
}

.wrap {
  max-width: 640px;
  margin: 0 auto;
}

span.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  z-index: -1;
}

.wrap .container {
  margin-top: 0.32rem;
  padding: 0 0.16rem 0;
  color: #212121;
}
body.dark .wrap .container {
  color: #eeeeee;
}

.wrap .container.app_container {
  margin-top: 0;
  padding-top: 56px;
  padding-bottom: 60px;
}
.wrap .container > .btn_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 97;
  margin: 0 auto;
}
.wrap .container.add_mb {
  margin-bottom: 0.8rem;
  min-height: auto;
}
.wrap .container.mgt_header {
  margin-top: 0.56rem;
}
.wrap .container.mgt_header2 {
  margin-top: 0.86rem;
}
.wrap .container .posf_top {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 97;
  width: 100%;
  border-bottom: 1px solid;
  border-color: #E7EBEF;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
body.dark .wrap .container .posf_top {
  border-color: #35393C;
}

body.dark .wrap .container .posf_top {
  background-color: #121212;
}

.wrap .container .posf_top + .divider {
  position: absolute;
  top: 0.55rem;
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  border-top: 0;
}
.wrap .content.section::before {
  content: "";
  display: block;
  width: calc(100% + 0.32rem);
  margin: 0 -0.16rem;
  border-top: 0.08rem solid;
  border-color: #E7EBEF;
  background-color: #F0F2F4;
}
body.dark .wrap .content.section::before {
  border-color: #35393C;
}

body.dark .wrap .content.section::before {
  background-color: #292C2E;
}

.wrap .divider {
  margin: 0 -0.16rem;
  width: calc(100% + 0.32rem);
  height: 0.08rem;
  border-top: 1px solid;
  border-color: #E7EBEF;
  background-color: #F0F2F4;
}
body.dark .wrap .divider {
  border-color: #35393C;
}

body.dark .wrap .divider {
  background-color: #292C2E;
}

.wrap .divider1 {
  height: 0.01rem;
  border-top: 1px solid;
  border-color: #DEE2E6;
}
body.dark .wrap .divider1 {
  border-color: #45464B;
}

.wrap .divider8 {
  height: 0.08rem;
  border-top: 1px solid;
  border-color: #E7EBEF;
  background-color: #F0F2F4;
}
body.dark .wrap .divider8 {
  border-color: #35393C;
}

body.dark .wrap .divider8 {
  background-color: #292C2E;
}

.wrap .non_divider32 {
  height: 0.32rem;
  background-color: transparent;
}

header.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  max-width: 640px;
  height: 0.56rem;
  margin: 0 auto;
  border-bottom: 0.001rem solid;
  border-color: #E7EBEF;
  background-color: #FFFFFF;
}
body.dark header.header {
  border-color: #35393C;
}

body.dark header.header {
  background-color: #121212;
}

header.header + .container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 640px;
  min-height: 100%;
  margin-top: 0.56rem;
}
header.header + .container > .progress_bar + .content {
  margin-top: 0.32rem;
}
header.header + .container > .content > .cont_inner {
  margin-top: 0.32rem;
}
header.header + .container > .content > .detail_info_wrap {
  margin-top: 0.24rem;
}
header.header + .container > .editor-wrap {
  margin-top: 0.32rem;
}
header.header + .container .divider + .editor-wrap {
  margin-top: 0;
}
header.header h1 {
  padding-top: 0.14rem;
  padding-bottom: 0rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  font-weight: 600;
  color: #212121;
  text-align: center;
}
html.webview header.header h1 {
  padding-top: 0.18rem;
  padding-bottom: 0.01rem;
}

body.dark header.header h1 {
  color: #eeeeee;
}

header.header .btn_close {
  position: absolute;
  top: 0.08rem;
  right: 0.04rem;
  background-image: url("../img/ic_close_40.png");
  width: 0.4rem;
  height: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark header.header .btn_close {
  background-image: url("../img/ic_close_40_dm.png");
}

header.header .btn_close span {
  overflow: hidden;
  visibility: hidden;
  color: transform;
}

.thema_infor {
  margin: 0.1rem;
}
.thema_infor:after {
  content: "";
  display: block;
  clear: both;
}
.thema_infor li {
  margin: 0 0.1rem 0.1rem 0;
  float: left;
  border: 1px dashed #000;
  background: #fff;
  color: rgb(128, 128, 128);
  cursor: pointer;
}
.thema_infor li.active:nth-child(1) {
  color: #7092be;
}
.thema_infor li.active:nth-child(2) {
  color: #30b0ac;
}
.thema_infor li.active:nth-child(3) {
  color: #02046c;
}
.thema_infor li.active:nth-child(4) {
  background: #000;
  color: #f5248c;
}
.thema_infor.pageIn {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 9999;
}
.thema_infor.pageIn li {
  float: none;
  border: none;
  width: 0.2rem;
  height: 0.2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgb(49, 143, 146);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgb(49, 143, 146) 0%, #145a57 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(49, 143, 146) 0%, #145a57 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(49, 143, 146) 0%, #145a57 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff;
  border-radius: 50%;
  margin-bottom: 0.2rem;
}
html.webview .thema_infor.pageIn li {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.popup_myranking_option .control_list {
  margin: 0 -0.04rem 0.2rem;
}
.popup_myranking_option .control_list .radio_button_style {
  width: calc(33.3% - 0.08rem);
  margin: 0.04rem;
  padding: 0 !important;
  box-sizing: border-box;
}
.popup_myranking_option .control_list .radio_button_style input + label {
  display: block;
  width: 100%;
  height: 0.36rem;
  box-sizing: border-box;
  border-radius: 0.04rem;
  border: 1px solid;
  border-color: #DEE2E6;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
  text-align: center;
  line-height: 0.36rem;
  background-color: #FFFFFF;
  font-weight: 600;
}
body.dark .popup_myranking_option .control_list .radio_button_style input + label {
  border-color: #45464B;
}

html.webview .popup_myranking_option .control_list .radio_button_style input + label {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .popup_myranking_option .control_list .radio_button_style input + label {
  color: #eeeeee;
}

body.dark .popup_myranking_option .control_list .radio_button_style input + label {
  background-color: #121212;
}

.popup_myranking_option .control_list .radio_button_style input:checked + label {
  border-color: #4f3fc6;
  color: #ffffff;
  background-color: #4f3fc6;
}
body.dark .popup_myranking_option .control_list .radio_button_style input:checked + label {
  border-color: #7664FF;
}

body.dark .popup_myranking_option .control_list .radio_button_style input:checked + label {
  color: #ffffff;
}

body.dark .popup_myranking_option .control_list .radio_button_style input:checked + label {
  background-color: #7664FF;
}

.popup_myranking_option .control_list .radio_button_style input:disabled + label {
  border-color: #E7EBEF;
  color: #cccccc;
  background-color: #F0F2F4;
}
body.dark .popup_myranking_option .control_list .radio_button_style input:disabled + label {
  border-color: #35393C;
}

body.dark .popup_myranking_option .control_list .radio_button_style input:disabled + label {
  color: #666666;
}

body.dark .popup_myranking_option .control_list .radio_button_style input:disabled + label {
  background-color: #292C2E;
}

.box {
  padding: 0.32rem 0.16rem;
}

.title_box {
  padding-bottom: 0.16rem;
}
.title_box .title {
  display: block;
  line-height: 0.23rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0.04rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
html.webview .title_box .title {
  padding-top: 0.04rem;
  padding-bottom: 0.05rem;
}

body.dark .title_box .title {
  color: #eeeeee;
}

.title_box .title.link {
  background-image: url("../img/icon_list_title_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 top 0.04rem;
  background-size: 0.16rem 0.16rem;
}
body.dark .title_box .title.link {
  background-image: url("../img/icon_list_title_arrow_dm.png");
}

.title_box .summary {
  line-height: 0.18rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .title_box .summary {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .title_box .summary {
  color: #bbbbbb;
}

.swiper_unit {
  overflow: hidden;
}

.strategy {
  margin: 0 -0.16rem;
  padding-bottom: 0.08rem;
}
.strategy .swiper-slide {
  width: auto;
  height: 0.32rem;
  padding: 0 0.12rem;
  border: 0.01rem solid #e7ebee;
  border-radius: 0.8rem;
  padding-top: 0.05rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
html.webview .strategy .swiper-slide {
  padding-top: 0.09rem;
  padding-bottom: 0.01rem;
}

body.dark .strategy .swiper-slide {
  color: #eeeeee;
}

.information {
  padding: 0.08rem 0.16rem 0.08rem 0.32rem;
  background-color: #E7EBEF;
  background-image: url("../img/icon_info.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left 0.16rem top 0.09rem;
  background-size: 0.12rem;
  line-height: 0.15rem;
  padding-top: 0.08rem;
  padding-bottom: 0.08rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
body.dark .information {
  background-color: #35393C;
}

body.dark .information {
  background-image: url("../img/icon_info_dm.png");
}

html.webview .information {
  background-position: left 0.16rem top 0.11rem;
}

html.webview .information {
  padding-top: 0.11rem;
  padding-bottom: 0.09rem;
}

body.dark .information {
  color: #dddddd;
}

.robomarket_list.active > li {
  display: block;
}
.robomarket_list > li {
  display: none;
  margin-top: 0.08rem;
  padding: 0.16rem 0.12rem;
  background-color: #F7F9FA;
  border-radius: 0.08rem;
}
body.dark .robomarket_list > li {
  background-color: #18142b;
}

.robomarket_list > li:nth-child(-n+3) {
  display: block;
}
.robomarket_list > li.best {
  position: relative;
  padding-bottom: 0;
  background-color: #ffffff;
  border: 0.01rem solid;
  border-color: #F2499D;
}
body.dark .robomarket_list > li.best {
  background-color: #2a2547;
}

body.dark .robomarket_list > li.best {
  border-color: #CB3073;
}

.robomarket_list > li.best .bottom {
  background-color: #F7F9FA;
}
body.dark .robomarket_list > li.best .bottom {
  background-color: #18142b;
}

.robomarket_list > li.best::before {
  content: "";
  position: absolute;
  bottom: 0.24rem;
  left: 0;
  width: 100%;
  height: 0.12rem;
  background-color: #ffffff;
  border-radius: 0 0 0.06rem 0.06rem;
}
body.dark .robomarket_list > li.best::before {
  background-color: #2a2547;
}

.robomarket_list > li.best::after {
  content: "포트폴리오에 가장 많이 포함된 종목이에요.";
  display: block;
  width: calc(100% + 0.24rem);
  margin-left: -0.12rem;
  background-color: #F2499D;
  background-image: url("../img/icon_recommended.png");
  background-repeat: no-repeat;
  background-position: left 0.16rem bottom 0.04rem;
  background-size: 0.16rem;
  border-radius: 0 0 0.06rem 0.06rem;
  text-indent: 0.36rem;
  padding-top: 0.15rem;
  padding-bottom: 0.03rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #ffffff;
}
body.dark .robomarket_list > li.best::after {
  background-color: #CB3073;
}

html.webview .robomarket_list > li.best::after {
  padding-top: 0.18rem;
  padding-bottom: 0.04rem;
}

body.dark .robomarket_list > li.best::after {
  color: #ffffff;
}

.robomarket_list > li .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 0.08rem;
}
.robomarket_list > li .top .title {
  background-image: url("../img/icon_list_title_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.16rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
body.dark .robomarket_list > li .top .title {
  background-image: url("../img/icon_list_title_arrow_dm.png");
}

html.webview .robomarket_list > li .top .title {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_list > li .top .title {
  color: #eeeeee;
}

.robomarket_list > li .top .title a {
  padding-right: 0.16rem;
  font-weight: 700;
  color: #212121;
}
body.dark .robomarket_list > li .top .title a {
  color: #eeeeee;
}

.robomarket_list > li .top .date {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .robomarket_list > li .top .date {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_list > li .top .date {
  color: #a0a0a0;
}

.robomarket_list > li .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.08rem;
  background-color: #ffffff;
  border-radius: 0.08rem;
}
body.dark .robomarket_list > li .bottom {
  background-color: #2a2547;
}

.robomarket_list > li .bottom .ci_box {
  display: flex;
}
.robomarket_list > li .bottom .ci_box .ci_list {
  display: flex;
}
.robomarket_list > li .bottom .ci_box .ci_list li {
  position: relative;
  margin-left: -0.09rem;
  background-color: #E7EBEF;
  border-radius: 50%;
}
body.dark .robomarket_list > li .bottom .ci_box .ci_list li {
  background-color: #35393C;
}

.robomarket_list > li .bottom .ci_box .ci_list li:nth-child(1) {
  z-index: 6;
  margin-left: 0;
}
.robomarket_list > li .bottom .ci_box .ci_list li:nth-child(2) {
  z-index: 5;
}
.robomarket_list > li .bottom .ci_box .ci_list li:nth-child(3) {
  z-index: 4;
}
.robomarket_list > li .bottom .ci_box .ci_list li:nth-child(4) {
  z-index: 3;
}
.robomarket_list > li .bottom .ci_box .ci_list li:nth-child(5) {
  z-index: 2;
}
.robomarket_list > li .bottom .ci_box .ci_list li:nth-child(6) {
  z-index: 1;
}
.robomarket_list > li .bottom .ci_box .ci_list li img {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  border: 0.01rem solid;
  border-color: #ffffff;
  box-sizing: content-box;
}
body.dark .robomarket_list > li .bottom .ci_box .ci_list li img {
  border-color: #18142b;
}

.robomarket_list > li .bottom .ci_plus {
  width: 0.3rem;
  height: 0.3rem;
  margin-left: -0.09rem;
  background-color: #E7EBEF;
  border: 0.01rem solid;
  border-color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  padding-top: 0.05rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
body.dark .robomarket_list > li .bottom .ci_plus {
  background-color: #35393C;
}

body.dark .robomarket_list > li .bottom .ci_plus {
  border-color: #121212;
}

html.webview .robomarket_list > li .bottom .ci_plus {
  padding-top: 0.08rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_list > li .bottom .ci_plus {
  color: #eeeeee;
}

.robomarket_list > li .bottom .possess {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #212121;
}
html.webview .robomarket_list > li .bottom .possess {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_list > li .bottom .possess {
  color: #eeeeee;
}

.home .recommend {
  padding: 0.24rem 0.16rem 0.32rem;
  background-color: #221a4f;
}
body.dark .home .recommend {
  background-color: #121212;
}

.home .recommend .recommend_title {
  padding: 0 0.08rem 0.16rem;
  line-height: 0.24rem;
  font-size: 0.18rem;
  color: #ffffff;
}
body.dark .home .recommend .recommend_title {
  color: #ffffff;
}

.home .recommend .recommend_title strong {
  color: #fef61a;
}
.home .recommend .recommend_title ~ .tab_wrap > .tab_cont {
  position: relative;
}
.home .recommend .recommend_title ~ .tab_wrap > .tab_cont .stock_date {
  position: absolute;
  right: 0.16rem;
  top: 0.15rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .home .recommend .recommend_title ~ .tab_wrap > .tab_cont .stock_date {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend .recommend_title ~ .tab_wrap > .tab_cont .stock_date {
  color: #a0a0a0;
}

.home .recommend > .tab_wrap {
  position: relative;
  background-color: #ffffff;
  border-radius: 0.16rem;
}
body.dark .home .recommend > .tab_wrap {
  background-color: #2a2647;
}

.home .recommend > .tab_wrap::after {
  content: "";
  position: absolute;
  top: -0.66rem;
  right: 0.16rem;
  width: 0.8rem;
  height: 0.88rem;
  background: url("../img/icon_robot.png") no-repeat 0 0/0.8rem 0.88rem;
  pointer-events: none;
}
.home .recommend > .tab_wrap > .tab_head > .tab_list {
  display: flex;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .home .recommend > .tab_wrap > .tab_head > .tab_list {
  border-color: #45464B;
}

.home .recommend > .tab_wrap > .tab_head > .tab_list li {
  width: 50%;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #999999;
}
html.webview .home .recommend > .tab_wrap > .tab_head > .tab_list li {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_head > .tab_list li {
  color: #a0a0a0;
}

.home .recommend > .tab_wrap > .tab_head > .tab_list li button {
  position: relative;
  padding: 0.16rem 0 0.08rem;
}
.home .recommend > .tab_wrap > .tab_head > .tab_list li button:after {
  content: "";
  position: absolute;
  bottom: -0.01rem;
  left: 0;
  width: 100%;
  border-bottom: 0.02rem solid transparent;
}
.home .recommend > .tab_wrap > .tab_head > .tab_list li.on {
  font-weight: 700;
  color: #4f3fc6;
}
body.dark .home .recommend > .tab_wrap > .tab_head > .tab_list li.on {
  color: #7664ff;
}

.home .recommend > .tab_wrap > .tab_head > .tab_list li.on button:after {
  border-color: #4f3fc6;
}
body.dark .home .recommend > .tab_wrap > .tab_head > .tab_list li.on button:after {
  border-color: #7664FF;
}

.home .recommend > .tab_wrap > .tab_cont {
  padding: 0 0.16rem 0.24rem;
}
.home .recommend > .tab_wrap > .tab_cont:last-child .robomarket_list > li.best::after {
  content: "포트폴리오에 가장 많은 금액으로 편입된 종목이에요.";
}
.home .recommend > .tab_wrap > .tab_cont .summary {
  margin-top: 0.16rem;
  padding-left: 0.16rem;
  background-image: url("../img/icon_info.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0.03rem;
  background-size: 0.12rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
body.dark .home .recommend > .tab_wrap > .tab_cont .summary {
  background-image: url("../img/icon_info_dm.png");
}

html.webview .home .recommend > .tab_wrap > .tab_cont .summary {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .summary {
  color: #dddddd;
}

.home .recommend > .tab_wrap > .tab_cont .transfer_tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -0.16rem;
  padding: 0.08rem 0.16rem;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .home .recommend > .tab_wrap > .tab_cont .transfer_tab {
  border-color: #45464B;
}

.home .recommend > .tab_wrap > .tab_cont .transfer_tab ul {
  display: flex;
  gap: 0.04rem;
}
.home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li {
  height: 0.3rem;
  padding: 0 0.12rem;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  border-radius: 0.21rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #999999;
}
body.dark .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li {
  border-color: #45464B;
}

html.webview .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li {
  color: #a0a0a0;
}

.home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li.on {
  background-color: #4f3fc6;
  border: 0.01rem solid;
  border-color: #4f3fc6;
  color: #ffffff;
}
body.dark .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li.on {
  background-color: #7664FF;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li.on {
  border-color: #7664FF;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li.on {
  color: #ffffff;
}

.home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li .btn_tablist_item {
  padding-top: 0.03rem;
  padding-top: 0.04rem;
}
html.webview .home .recommend > .tab_wrap > .tab_cont .transfer_tab ul li .btn_tablist_item {
  padding-top: 0.03rem;
}

.home .recommend > .tab_wrap > .tab_cont .empty {
  margin-top: 0.24rem;
  background: url("../img/ic_noresults.png") no-repeat center 0/0.6rem 0.6rem;
  text-align: center;
  padding-top: 0.68rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .home .recommend > .tab_wrap > .tab_cont .empty {
  padding-top: 0.72rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .empty {
  color: #bbbbbb;
}

.home .recommend > .tab_wrap > .tab_cont .btn_more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.04rem;
  width: 100%;
  height: 0.36rem;
  margin-top: 0.08rem;
  background-color: #FFFFFF;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  border-radius: 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
.home .recommend > .tab_wrap > .tab_cont .btn_more.hide {
  display: none;
}
.home .recommend > .tab_wrap > .tab_cont .btn_more.active::after {
  background: url("../img/icon_arrow_down_16.png") no-repeat 0 0/0.16rem 0.16rem;
  transform: rotate(180deg);
}
body.dark .home .recommend > .tab_wrap > .tab_cont .btn_more {
  background-color: #121212;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .btn_more {
  border-color: #45464B;
}

html.webview .home .recommend > .tab_wrap > .tab_cont .btn_more {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .btn_more {
  color: #eeeeee;
}

.home .recommend > .tab_wrap > .tab_cont .btn_more::after {
  content: "";
  display: block;
  position: relative;
  top: 0.01rem;
  background-image: url("../img/icon_arrow_down_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
html.webview .home .recommend > .tab_wrap > .tab_cont .btn_more::after {
  top: -0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .btn_more::after {
  background-image: url("../img/icon_arrow_down_16_dm.png");
}

.home .recommend > .tab_wrap > .tab_cont .btn_popup {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.04rem;
  width: 100%;
  height: 0.36rem;
  margin-top: 0.08rem;
  background-color: #FFFFFF;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  border-radius: 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
body.dark .home .recommend > .tab_wrap > .tab_cont .btn_popup {
  background-color: #121212;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .btn_popup {
  border-color: #45464B;
}

html.webview .home .recommend > .tab_wrap > .tab_cont .btn_popup {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .home .recommend > .tab_wrap > .tab_cont .btn_popup {
  color: #eeeeee;
}

.home .recommend > .tab_wrap > .tab_cont .btn_popup::after {
  content: "";
  display: block;
  position: relative;
  top: 0.01rem;
  width: 0.16rem;
  height: 0.16rem;
  background: url("../img/icon_arrow_16.png") no-repeat 0 0/0.16rem 0.16rem;
}
html.webview .home .recommend > .tab_wrap > .tab_cont .btn_popup::after {
  top: -0.01rem;
}

.home .ranking_date {
  text-align: right;
  padding-top: 0rem;
  padding-bottom: 0.04rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .home .ranking_date {
  padding-top: 0.03rem;
  padding-bottom: 0.05rem;
}

body.dark .home .ranking_date {
  color: #a0a0a0;
}

.home .versus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.16rem;
  background-color: #F7F9FA;
  border-radius: 0.08rem;
}
body.dark .home .versus {
  background-color: #202024;
}

.home .versus .top1 {
  text-align: center;
  width: 1.36rem;
  height: 1.44rem;
  background-color: #FFFFFF;
  border: 0.01rem solid;
  border-color: #4f3fc6;
  border-radius: 0.08rem;
}
body.dark .home .versus .top1 {
  background-color: #121212;
}

body.dark .home .versus .top1 {
  border-color: #7664FF;
}

.home .versus .top1 a {
  display: block;
  height: 1.44rem;
  padding: 0.12rem 0;
}
.home .versus .top1 .icon img {
  width: 0.56rem;
  height: 0.56rem;
  margin-bottom: 0.08rem;
  border-radius: 50%;
}
.home .versus .top1 .label {
  height: 0.16rem;
  padding: 0 0.06rem;
  background-color: #4f3fc6;
  border-radius: 0.08rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #ffffff;
}
body.dark .home .versus .top1 .label {
  background-color: #7664FF;
}

html.webview .home .versus .top1 .label {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .home .versus .top1 .label {
  color: #ffffff;
}

.home .versus .top1 .name {
  padding-right: 0.16rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
  background-image: url("../img/icon_list_title_arrow2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.16rem 0.16rem;
}
html.webview .home .versus .top1 .name {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .home .versus .top1 .name {
  color: #eeeeee;
}

body.dark .home .versus .top1 .name {
  background-image: url("../img/icon_list_title_arrow2_dm.png");
}

.home .versus .top1 .summary {
  line-height: 0.15rem;
  padding-top: 0.08rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .home .versus .top1 .summary {
  padding-top: 0.11rem;
  padding-bottom: 0.01rem;
}

body.dark .home .versus .top1 .summary {
  color: #bbbbbb;
}

.home .versus .vs {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 0.24rem;
  height: 0.6rem;
}
.home .versus .vs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.12rem;
  height: 100%;
  border-left: 0.01rem solid;
  border-color: #E7EBEF;
  transform: rotate(18deg);
}
body.dark .home .versus .vs::before {
  border-color: #35393C;
}

.home .versus .vs p {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0.27rem;
  background-color: #F7F9FA;
  text-align: center;
  line-height: 0.27rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #333333;
}
body.dark .home .versus .vs p {
  background-color: #202024;
}

html.webview .home .versus .vs p {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .home .versus .vs p {
  color: #dddddd;
}

.home .versus .others .ci_list {
  display: flex;
}
.home .versus .others .ci_list li {
  position: relative;
  width: 0.34rem;
  height: 0.34rem;
  margin-left: -0.1rem;
  border: 0.01rem solid;
  border-color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
body.dark .home .versus .others .ci_list li {
  border-color: #121212;
}

html.webview .home .versus .others .ci_list li {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .home .versus .others .ci_list li {
  color: #eeeeee;
}

.home .versus .others .ci_list li:nth-child(1) {
  z-index: 6;
  margin-left: 0;
}
.home .versus .others .ci_list li:nth-child(2) {
  z-index: 5;
}
.home .versus .others .ci_list li:nth-child(3) {
  z-index: 4;
}
.home .versus .others .ci_list li:nth-child(4) {
  z-index: 3;
}
.home .versus .others .ci_list li:nth-child(5) {
  z-index: 2;
}
.home .versus .others .ci_list li:nth-child(6) {
  z-index: 1;
}
.home .versus .others .ci_list li img {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  border: 0.01rem solid;
  border-color: #ffffff;
  box-sizing: content-box;
}
body.dark .home .versus .others .ci_list li img {
  border-color: #18142b;
}

.home .versus .others .text {
  line-height: 0.17rem;
  padding-top: 0.11rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .home .versus .others .text {
  padding-top: 0.15rem;
  padding-bottom: 0.01rem;
}

body.dark .home .versus .others .text {
  color: #bbbbbb;
}

.home .robo_column li {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  padding-bottom: 0.08rem;
}
.home .robo_column li:last-child {
  padding-bottom: 0;
}
.home .robo_column li .img img {
  width: 1.12rem;
  height: 0.72rem;
  border-radius: 0.08rem;
}
.home .robo_column li .text {
  flex: 1;
}
.home .robo_column li .text .title {
  line-height: 0.17rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
html.webview .home .robo_column li .text .title {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .home .robo_column li .text .title {
  color: #eeeeee;
}

.home .robo_column li .text .date {
  padding-top: 0.08rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #999999;
}
html.webview .home .robo_column li .text .date {
  padding-top: 0.11rem;
  padding-bottom: 0.01rem;
}

body.dark .home .robo_column li .text .date {
  color: #a0a0a0;
}

.by_investment {
  position: relative !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.by_investment .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.16rem;
}
.by_investment .top_sticky {
  position: sticky;
  top: 0.56rem;
  z-index: 10;
  background-color: #FFFFFF;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .by_investment .top_sticky {
  background-color: #121212;
}

body.dark .by_investment .top_sticky {
  border-color: #45464B;
}

.by_investment .top_sticky .information {
  background-color: #FFFFFF;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .by_investment .top_sticky .information {
  background-color: #121212;
}

body.dark .by_investment .top_sticky .information {
  border-color: #45464B;
}

.by_investment .top_sticky ul {
  display: flex;
  gap: 0.04rem;
}
.by_investment .top_sticky ul li {
  height: 0.3rem;
  padding: 0 0.12rem;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  border-radius: 0.21rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #999999;
}
body.dark .by_investment .top_sticky ul li {
  border-color: #45464B;
}

html.webview .by_investment .top_sticky ul li {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .top_sticky ul li {
  color: #a0a0a0;
}

.by_investment .top_sticky ul li.active {
  background-color: #4f3fc6;
  border: 0.01rem solid;
  border-color: #4f3fc6;
  color: #ffffff;
}
body.dark .by_investment .top_sticky ul li.active {
  background-color: #7664FF;
}

body.dark .by_investment .top_sticky ul li.active {
  border-color: #7664FF;
}

body.dark .by_investment .top_sticky ul li.active {
  color: #ffffff;
}

.by_investment .top_sticky ul li button {
  padding-top: 0.03rem;
  padding-top: 0.04rem;
}
html.webview .by_investment .top_sticky ul li button {
  padding-top: 0.03rem;
}

.by_investment .top_sticky p {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .by_investment .top_sticky p {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .top_sticky p {
  color: #a0a0a0;
}

.by_investment .content {
  padding: 0.16rem;
  background-color: #F0F2F4;
}
body.dark .by_investment .content {
  background-color: #292C2E;
}

.by_investment .content .stock_date {
  position: fixed;
  right: 0.2rem;
  top: 1.13rem;
  z-index: 10;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .by_investment .content .stock_date {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .stock_date {
  color: #a0a0a0;
}

.by_investment .content .robomarket_list > li.best::before {
  background-color: #FFFFFF;
}
body.dark .by_investment .content .robomarket_list > li.best::before {
  background-color: #121212;
}

.by_investment .content .by_investment_box {
  margin-bottom: 0.16rem;
  background-color: #FFFFFF;
  border-radius: 0.08rem;
}
body.dark .by_investment .content .by_investment_box {
  background-color: #121212;
}

.by_investment .content .by_investment_box.best {
  border: 0.01rem solid;
  border-color: #F2499D;
}
body.dark .by_investment .content .by_investment_box.best {
  border-color: #CB3073;
}

.by_investment .content .by_investment_box.best .best_text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.04rem;
  height: 0.28rem;
  background-color: #F2499D;
  border-radius: 0 0 0.06rem 0.06rem;
  text-align: center;
  line-height: 0.28rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #ffffff;
}
body.dark .by_investment .content .by_investment_box.best .best_text {
  background-color: #CB3073;
}

html.webview .by_investment .content .by_investment_box.best .best_text {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box.best .best_text {
  color: #ffffff;
}

.by_investment .content .by_investment_box.best .best_text::before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background: url("../img/icon_recommended.png") no-repeat 0 0/0.16rem;
}
.by_investment .content .by_investment_box .by_investment_title {
  padding: 0.16rem;
  border-bottom: 0.01rem solid;
  border-color: #F0F2F4;
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
body.dark .by_investment .content .by_investment_box .by_investment_title {
  border-color: #292C2E;
}

html.webview .by_investment .content .by_investment_box .by_investment_title {
  padding-top: 0.2rem;
  padding-bottom: 0.17rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_title {
  color: #eeeeee;
}

.by_investment .content .by_investment_box .by_investment_list li {
  padding: 0.16rem;
  border-bottom: 0.01rem solid;
  border-color: #F0F2F4;
}
body.dark .by_investment .content .by_investment_box .by_investment_list li {
  border-color: #292C2E;
}

.by_investment .content .by_investment_box .by_investment_list li:last-child {
  border-bottom: 0;
}
.by_investment .content .by_investment_box .by_investment_list li .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.08rem;
}
.by_investment .content .by_investment_box .by_investment_list li .top .title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.by_investment .content .by_investment_box .by_investment_list li .top .title img {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.08rem;
}
.by_investment .content .by_investment_box .by_investment_list li .top .title a {
  padding-right: 0.16rem;
  background-image: url("../img/icon_list_title_arrow2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.16rem 0.16rem;
  line-height: 0.18rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
body.dark .by_investment .content .by_investment_box .by_investment_list li .top .title a {
  background-image: url("../img/icon_list_title_arrow2_dm.png");
}

html.webview .by_investment .content .by_investment_box .by_investment_list li .top .title a {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .top .title a {
  color: #eeeeee;
}

.by_investment .content .by_investment_box .by_investment_list li .top .ranking {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
html.webview .by_investment .content .by_investment_box .by_investment_list li .top .ranking {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .top .ranking {
  color: #eeeeee;
}

.by_investment .content .by_investment_box .by_investment_list li .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.08rem;
  background-color: #F7F9FA;
  border-radius: 0.04rem;
}
body.dark .by_investment .content .by_investment_box .by_investment_list li .bottom {
  background-color: #202024;
}

.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  position: relative;
}
.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .transfer {
  height: 0.16rem;
  padding: 0 0.04rem;
  background-color: #E8E5FC;
  border-radius: 0.04rem;
  line-height: 0.14rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #4f3fc6;
}
body.dark .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .transfer {
  background-color: #342E58;
}

html.webview .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .transfer {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .transfer {
  color: #7664ff;
}

.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .name {
  flex: 1;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
html.webview .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .name {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .name {
  color: #eeeeee;
}

.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .tooltip_best {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  position: absolute;
  top: 0.26rem;
  left: 0.1rem;
  height: 0.31rem;
  padding: 0 0.05rem 0 0.14rem;
  background: #4f3fc6;
  border-radius: 0.16rem;
  white-space: nowrap;
}
.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .tooltip_best::before {
  content: "";
  position: absolute;
  top: -0.07rem;
  left: 0.25rem;
  border-top: 0 solid transparent;
  border-left: 0.05rem solid transparent;
  border-right: 0.05rem solid transparent;
  border-bottom: 0.08rem solid #4f3fc6;
}
.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .tooltip_best p {
  line-height: 0.29rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #ffffff;
}
html.webview .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .tooltip_best p {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .tooltip_best p {
  color: #ffffff;
}

.by_investment .content .by_investment_box .by_investment_list li .bottom .transfer_name .tooltip_best button {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../img/icon_close_white_24.png") no-repeat 0 0/0.24rem 0.24rem;
  font-size: 0;
}
.by_investment .content .by_investment_box .by_investment_list li .bottom .proceed {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
html.webview .by_investment .content .by_investment_box .by_investment_list li .bottom .proceed {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .bottom .proceed {
  color: #dddddd;
}

.by_investment .content .by_investment_box .by_investment_list li .empty {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.04rem;
  background-color: #F7F9FA;
  border-radius: 0.04rem;
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
body.dark .by_investment .content .by_investment_box .by_investment_list li .empty {
  background-color: #202024;
}

html.webview .by_investment .content .by_investment_box .by_investment_list li .empty {
  padding-top: 0.09rem;
  padding-bottom: 0.07rem;
}

body.dark .by_investment .content .by_investment_box .by_investment_list li .empty {
  color: #bbbbbb;
}

.by_investment .content .by_investment_box .by_investment_list li .empty::before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background: url("../img/icon_noresults.png") no-repeat 0 0/0.16rem 0.16rem;
}
.by_investment .box {
  padding-bottom: 0.72rem;
}
.by_investment .robomarket_count {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
html.webview .by_investment .robomarket_count {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .by_investment .robomarket_count {
  color: #dddddd;
}

.by_investment .robomarket_count span {
  color: #4f3fc6;
}
body.dark .by_investment .robomarket_count span {
  color: #7664ff;
}

.by_investment .robomarket_list {
  margin-bottom: 0.64rem;
}
.by_investment .robomarket_list li {
  display: block;
  background-color: #FFFFFF;
}
body.dark .by_investment .robomarket_list li {
  background-color: #121212;
}

.by_investment .robomarket_list li.best::after {
  content: "포트폴리오에 가장 많은 금액으로 편입된 종목이에요.";
}
.by_investment .robomarket_list li .bottom {
  margin: 0 0.04rem;
  padding: 0.08rem 0.12rem;
  background-color: #F7F9FA;
}
body.dark .by_investment .robomarket_list li .bottom {
  background-color: #202024;
}

.robomarket_guide {
  padding: 0 !important;
}
.robomarket_guide .title {
  padding: 0.24rem 0;
  text-align: center;
  font-size: 0.28rem;
  color: #212121;
}
body.dark .robomarket_guide .title {
  color: #eeeeee;
}

.robomarket_guide .title strong {
  font-weight: 600;
}
.robomarket_guide .title_img {
  position: relative;
  z-index: 1;
  margin: 0.2rem auto 0;
  padding: 0 0.4rem;
  background-image: url("../../assets/images/img/robomarket_info.png");
  width: 2.8rem;
  height: 2.34rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_guide .title_img {
  background-image: url("../../assets/images/img/robomarket_info_dm.png");
}

.robomarket_guide .blue_guide {
  margin: -0.3rem 0.16rem 0.32rem;
  padding: 0.16rem 0.24rem;
  background-color: #F2F0FF;
  border-radius: 0.08rem;
}
body.dark .robomarket_guide .blue_guide {
  background-color: #392F57;
}

.robomarket_guide .blue_guide dl {
  display: flex;
  padding: 0.08rem 0;
}
.robomarket_guide .blue_guide dl dt {
  padding-right: 0.12rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #372C8A;
}
html.webview .robomarket_guide .blue_guide dl dt {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .blue_guide dl dt {
  color: #6155C0;
}

.robomarket_guide .blue_guide dl dd {
  flex: 1;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
html.webview .robomarket_guide .blue_guide dl dd {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .blue_guide dl dd {
  color: #eeeeee;
}

.robomarket_guide .blue_guide ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem 0;
  margin-bottom: 0.08rem;
  padding: 0.16rem 0.12rem;
  background-color: #ffffff;
  border-radius: 0.08rem;
}
body.dark .robomarket_guide .blue_guide ul {
  background-color: #24203e;
}

.robomarket_guide .blue_guide ul li {
  width: 25%;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
html.webview .robomarket_guide .blue_guide ul li {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .blue_guide ul li {
  color: #eeeeee;
}

.robomarket_guide .blue_guide ul li.border img {
  border: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .robomarket_guide .blue_guide ul li.border img {
  border-color: #45464B;
}

.robomarket_guide .blue_guide ul li.border_dark img {
  width: 0.25rem;
  height: 0.25rem;
  border: 0.01rem solid;
  border-color: transparent;
}
body.dark .robomarket_guide .blue_guide ul li.border_dark img {
  border-color: #45464b;
}

.robomarket_guide .blue_guide ul li img {
  width: 0.24rem;
  height: 0.24rem;
  margin-bottom: 0.04rem;
  border-radius: 50%;
}
.robomarket_guide .tab_head {
  position: sticky;
  top: 0.56rem;
  left: 0;
  z-index: 10;
}
.robomarket_guide .tab_list {
  display: flex;
  align-items: center;
}
.robomarket_guide .tab_list li {
  position: relative;
  width: 100%;
  text-align: center;
}
.robomarket_guide .tab_list li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .robomarket_guide .tab_list li::after {
  border-color: #45464B;
}

.robomarket_guide .tab_list li .btn_tablist_item {
  display: inline-block;
  width: 100%;
  height: 0.48rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  background-color: #FFFFFF;
  color: #666666;
  font-weight: 600;
}
html.webview .robomarket_guide .tab_list li .btn_tablist_item {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .tab_list li .btn_tablist_item {
  background-color: #121212;
}

body.dark .robomarket_guide .tab_list li .btn_tablist_item {
  color: #bbbbbb;
}

.robomarket_guide .tab_list li.on {
  color: #4f3fc6;
}
body.dark .robomarket_guide .tab_list li.on {
  color: #7664FF;
}

.robomarket_guide .tab_list li.on .btn_tablist_item {
  color: #4f3fc6;
  font-weight: 700;
}
body.dark .robomarket_guide .tab_list li.on .btn_tablist_item {
  color: #7664ff;
}

.robomarket_guide .tab_list li.on::after {
  border-bottom: 0.02rem solid;
  border-color: #4f3fc6;
}
body.dark .robomarket_guide .tab_list li.on::after {
  border-color: #7664FF;
}

.robomarket_guide .service_guide {
  padding: 0 0.24rem 0.32rem;
  text-align: center;
}
.robomarket_guide .service_guide.gray {
  background-color: #F7F9FA;
}
body.dark .robomarket_guide .service_guide.gray {
  background-color: #202024;
}

.robomarket_guide .service_guide .title {
  padding: 0.32rem 0 0.08rem;
  line-height: 0.26rem;
  padding-top: 0.32rem;
  padding-bottom: 0.08rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  color: #212121;
}
html.webview .robomarket_guide .service_guide .title {
  padding-top: 0.36rem;
  padding-bottom: 0.09rem;
}

body.dark .robomarket_guide .service_guide .title {
  color: #eeeeee;
}

.robomarket_guide .service_guide .title strong {
  position: relative;
  z-index: 1;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
}
html.webview .robomarket_guide .service_guide .title strong {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.robomarket_guide .service_guide .title strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  border-bottom: 0.12rem solid;
  border-color: #E8E5FC;
}
body.dark .robomarket_guide .service_guide .title strong::after {
  border-color: #342E58;
}

.robomarket_guide .service_guide .text {
  margin: 0 -0.24rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #333333;
}
html.webview .robomarket_guide .service_guide .text {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .service_guide .text {
  color: #dddddd;
}

.robomarket_guide .service_guide .text_gray {
  padding-top: 0.04rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #999999;
}
html.webview .robomarket_guide .service_guide .text_gray {
  padding-top: 0.08rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .service_guide .text_gray {
  color: #a0a0a0;
}

.robomarket_guide .service_guide .img1 {
  margin: 0.24rem auto 0;
  height: 3.18rem;
  background-image: url("../../assets/images/img/guide_info01.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .robomarket_guide .service_guide .img1 {
  background-image: url("../../assets/images/img/guide_info01_dm.png");
}

.robomarket_guide .service_guide .img2 {
  margin: 0.24rem auto 0;
  height: 3.24rem;
  background-image: url("../../assets/images/img/guide_info02.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .robomarket_guide .service_guide .img2 {
  background-image: url("../../assets/images/img/guide_info02_dm.png");
}

.robomarket_guide .service_guide .img3 {
  margin: 0.24rem auto 0;
  height: 3.18rem;
  background-image: url("../../assets/images/img/guide_info03.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .robomarket_guide .service_guide .img3 {
  background-image: url("../../assets/images/img/guide_info03_dm.png");
}

.robomarket_guide .service_guide a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.02rem;
  width: 100%;
  height: 0.36rem;
  background: linear-gradient(#6655e6, #4f3fc6);
  border-radius: 0.08rem;
  line-height: 0.36rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #ffffff;
}
html.webview .robomarket_guide .service_guide a {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .service_guide a {
  color: #ffffff;
}

.robomarket_guide .service_guide a::after {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  margin-top: 0.01rem;
  background: url("../img/list_title_arrow_white.png") no-repeat 0 0/0.16rem 0.16rem;
}
html.webview .robomarket_guide .service_guide a::after {
  margin-top: -0.01rem;
}

.robomarket_guide .service_guide .button {
  display: flex;
  gap: 0.02rem;
}
.robomarket_guide .service_guide .button button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.02rem;
  width: 100%;
  height: 0.36rem;
  background: linear-gradient(#6655e6, #4f3fc6);
  border-radius: 0.08rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #ffffff;
}
html.webview .robomarket_guide .service_guide .button button {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .service_guide .button button {
  color: #ffffff;
}

.robomarket_guide .service_guide .button button::after {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  margin-top: 0.01rem;
  background: url("../img/list_title_arrow_white.png") no-repeat 0 0/0.16rem 0.16rem;
}
html.webview .robomarket_guide .service_guide .button button::after {
  margin-top: -0.01rem;
}

.robomarket_guide .accordion_wrap {
  padding: 0 0.16rem;
  border-top: 0.12rem solid;
  border-color: #F0F2F4;
}
body.dark .robomarket_guide .accordion_wrap {
  border-color: #292C2E;
}

.robomarket_guide .accordion_wrap .tit {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
html.webview .robomarket_guide .accordion_wrap .tit {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .accordion_wrap .tit {
  color: #eeeeee;
}

.robomarket_guide .editor-wrap ul {
  padding-bottom: 0.22rem;
}
.robomarket_guide .editor-wrap ul > li {
  position: relative;
  min-height: 0.16rem;
  padding-left: 0.13rem;
  padding-top: 0rem;
  padding-bottom: 0.1rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .robomarket_guide .editor-wrap ul > li {
  padding-top: 0.04rem;
  padding-bottom: 0.11rem;
}

body.dark .robomarket_guide .editor-wrap ul > li {
  color: #bbbbbb;
}

.robomarket_guide .editor-wrap ul > li::before {
  content: "";
  position: absolute;
  top: 0.08rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: #DEE2E6;
}
body.dark .robomarket_guide .editor-wrap ul > li::before {
  background-color: #45464B;
}

.robomarket_guide .league_guide_content {
  padding: 0.08rem 0.16rem 0.32rem;
}
.robomarket_guide .league_guide_content .sub_tit {
  display: inline-block;
  height: 0.24rem;
  margin: 0.24rem 0 0.12rem;
  padding: 0 0.08rem;
  background-color: #E7EBEE;
  border-radius: 0.13rem;
  text-align: center;
  line-height: 0.24rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #372C8A;
}
body.dark .robomarket_guide .league_guide_content .sub_tit {
  background-color: #37393B;
}

html.webview .robomarket_guide .league_guide_content .sub_tit {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .league_guide_content .sub_tit {
  color: #6155C0;
}

.robomarket_guide .league_guide_content .txt {
  padding-left: 0.08rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #333333;
}
html.webview .robomarket_guide .league_guide_content .txt {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .league_guide_content .txt {
  color: #dddddd;
}

.robomarket_guide .league_guide_content .txt + .txt {
  padding-top: 0.04rem;
}
.robomarket_guide .league_guide_content .desc {
  padding-left: 0.08rem;
  margin-top: 0.05rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .robomarket_guide .league_guide_content .desc {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .league_guide_content .desc {
  color: #a0a0a0;
}

.robomarket_guide .league_guide_content .blue_box {
  margin-top: 0.24rem;
  padding: 0.12rem 0;
  border: 0.01rem solid;
  border-color: #4f3fc6;
  text-align: center;
}
body.dark .robomarket_guide .league_guide_content .blue_box {
  border-color: #7664FF;
}

.robomarket_guide .league_guide_content .blue_box dt {
  line-height: 0.16rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0.05rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #4f3fc6;
}
html.webview .robomarket_guide .league_guide_content .blue_box dt {
  padding-top: 0.04rem;
  padding-bottom: 0.06rem;
}

body.dark .robomarket_guide .league_guide_content .blue_box dt {
  color: #7664ff;
}

.robomarket_guide .league_guide_content .blue_box dd {
  line-height: 0.15rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #666666;
}
html.webview .robomarket_guide .league_guide_content .blue_box dd {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .league_guide_content .blue_box dd {
  color: #bbbbbb;
}

.robomarket_guide .league_guide_content .list_bullet_point {
  padding-left: 0.08rem;
}
.robomarket_guide .league_guide_content .list_bullet_point li {
  color: #333333;
}
body.dark .robomarket_guide .league_guide_content .list_bullet_point li {
  color: #dddddd;
}

.robomarket_guide .league_guide_content .list_bullet_point li li {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #666666;
}
html.webview .robomarket_guide .league_guide_content .list_bullet_point li li {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_guide .league_guide_content .list_bullet_point li li {
  color: #bbbbbb;
}

.ranking.closing {
  padding-bottom: 0.48rem;
}
.ranking.closing::after {
  content: "로보마켓영웅전 순위 집계중입니다.";
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0.48rem;
  text-align: center;
  line-height: 0.48rem;
  background-color: #DEE2E6;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #999999;
}
body.dark .ranking.closing::after {
  background-color: #45464B;
}

html.webview .ranking.closing::after {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking.closing::after {
  color: #a0a0a0;
}

.ranking.end {
  padding-bottom: 0.48rem;
}
.ranking.end::after {
  content: "종료된 대회입니다.";
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0.48rem;
  text-align: center;
  line-height: 0.48rem;
  background-color: #DEE2E6;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #999999;
}
body.dark .ranking.end::after {
  background-color: #45464B;
}

html.webview .ranking.end::after {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking.end::after {
  color: #a0a0a0;
}

.ranking.end .ranking_list > li .middle {
  display: none !important;
}
.ranking.end .ranking_list > li > .empty {
  display: none !important;
}
.ranking .top_area {
  display: flex;
  justify-content: space-between;
  padding: 0.16rem;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .ranking .top_area {
  border-color: #45464B;
}

.ranking .top_area .state {
  display: flex;
  align-items: center;
}
.ranking .top_area .state .badge_sm {
  height: 0.2rem;
  padding: 0 0.07rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .ranking .top_area .state .badge_sm {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.ranking .top_area .state button {
  padding: 0 0.25rem 0 0.08rem;
  background-image: url("../img/icon_search_24.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.24rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
body.dark .ranking .top_area .state button {
  background-image: url("../img/icon_search_24_dm.png");
}

html.webview .ranking .top_area .state button {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .top_area .state button {
  color: #eeeeee;
}

.ranking .top_area .menu {
  display: flex;
  align-items: center;
}
.ranking .top_area .menu li {
  margin-left: 0.16rem;
}
.ranking .top_area .menu li.criteria {
  background-image: url("../img/icon_ranking_16.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 0.16rem;
}
body.dark .ranking .top_area .menu li.criteria {
  background-image: url("../img/icon_ranking_16_dm.png");
}

.ranking .top_area .menu li.guide {
  background-image: url("../img/icon_robot_16.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 0.16rem;
}
body.dark .ranking .top_area .menu li.guide {
  background-image: url("../img/icon_robot_16_dm.png");
}

.ranking .top_area .menu li button {
  padding-left: 0.2rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
html.webview .ranking .top_area .menu li button {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .top_area .menu li button {
  color: #eeeeee;
}

.ranking .notice {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0.12rem 0.16rem;
  background-image: url("../img/icon_notice_16.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 0.16rem;
}
body.dark .ranking .notice {
  background-image: url("../img/icon_notice_16_dm.png");
}

.ranking .notice strong {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
html.webview .ranking .notice strong {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .notice strong {
  color: #dddddd;
}

.ranking .notice span {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .ranking .notice span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .notice span {
  color: #bbbbbb;
}

.ranking .notice span:first-child {
  position: relative;
  margin-right: 0.06rem;
  padding-right: 0.07rem;
  padding-left: 0.28rem;
}
.ranking .notice span:first-child::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.06rem);
  right: 0;
  height: 0.12rem;
  border-right: 0.01rem solid;
  border-color: #E7EBEF;
}
body.dark .ranking .notice span:first-child::after {
  border-color: #35393C;
}

.ranking .gray_area {
  padding: 0.16rem 0.16rem 0.08rem;
  background-color: #F0F2F4;
}
body.dark .ranking .gray_area {
  background-color: #292C2E;
}

.ranking .gray_area .ranking_list {
  counter-reset: number 3;
  padding-bottom: 0.08rem;
}
.ranking .gray_area .ranking_list.ranking_list123 > li {
  margin-bottom: 0.08rem;
  border-bottom: 0;
  border-radius: 0.08rem !important;
}
.ranking .gray_area .ranking_list.ranking_list123 > li::before {
  content: "";
  display: block;
  width: 0.56rem;
  height: 0.26rem;
  padding-bottom: 0.08rem;
}
.ranking .gray_area .ranking_list.ranking_list123 > li.number1::before {
  background: url("../img/icon_badge_1st.png") no-repeat 0 0/0.56rem 0.26rem;
}
.ranking .gray_area .ranking_list.ranking_list123 > li.number2::before {
  background: url("../img/icon_badge_2st.png") no-repeat 0 0/0.56rem 0.26rem;
}
.ranking .gray_area .ranking_list.ranking_list123 > li.number3::before {
  background: url("../img/icon_badge_3st.png") no-repeat 0 0/0.56rem 0.26rem;
}
.ranking .gray_area .ranking_list.ranking_list123 .top::before {
  display: none;
}
.ranking .gray_area .ranking_list.ranking_list123 .top img {
  width: 0.4rem;
  height: 0.4rem;
}
.ranking .gray_area .ranking_list.ranking_list123 .top .title a {
  background-image: url("../img/icon_list_title_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
}
body.dark .ranking .gray_area .ranking_list.ranking_list123 .top .title a {
  background-image: url("../img/icon_list_title_arrow_dm.png");
}

html.webview .ranking .gray_area .ranking_list.ranking_list123 .top .title a {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.ranking .gray_area .ranking_list.ranking_list123 .middle.buy {
  background-color: #FFEEF4;
}
body.dark .ranking .gray_area .ranking_list.ranking_list123 .middle.buy {
  background-color: #522B39;
}

.ranking .gray_area .ranking_list.ranking_list123 .middle.sell {
  background-color: #EEF2FF;
}
body.dark .ranking .gray_area .ranking_list.ranking_list123 .middle.sell {
  background-color: #2F3557;
}

.ranking .gray_area .ranking_list.ranking_list123 .middle div {
  flex: 1;
}
.ranking .gray_area .ranking_list.ranking_list123 .middle div .time {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .ranking .gray_area .ranking_list.ranking_list123 .middle div .time {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.ranking .gray_area .ranking_list.ranking_list123 .middle div .company {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .ranking .gray_area .ranking_list.ranking_list123 .middle div .company {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.ranking .gray_area .ranking_list.ranking_list123 .middle .proceeds {
  position: relative;
  top: -0.01rem;
  height: 0.2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
}
html.webview .ranking .gray_area .ranking_list.ranking_list123 .middle .proceeds {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.ranking .gray_area .ranking_list > li {
  padding: 0.16rem;
  background-color: #FFFFFF;
  border-bottom: 0.01rem solid;
  border-color: #F0F2F4;
}
body.dark .ranking .gray_area .ranking_list > li {
  background-color: #121212;
}

body.dark .ranking .gray_area .ranking_list > li {
  border-color: #292C2E;
}

.ranking .gray_area .ranking_list > li:first-child {
  border-radius: 0.08rem 0.08rem 0 0;
}
.ranking .gray_area .ranking_list > li:last-child {
  border-radius: 0 0 0.08rem 0.08rem;
}
.ranking .gray_area .ranking_list > li.zero .top::before {
  content: "-";
}
.ranking .gray_area .ranking_list > li .empty {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.04rem;
  background-color: #F7F9FA;
  border-radius: 0.04rem;
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
body.dark .ranking .gray_area .ranking_list > li .empty {
  background-color: #202024;
}

html.webview .ranking .gray_area .ranking_list > li .empty {
  padding-top: 0.09rem;
  padding-bottom: 0.07rem;
}

body.dark .ranking .gray_area .ranking_list > li .empty {
  color: #bbbbbb;
}

.ranking .gray_area .ranking_list > li .empty::before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background: url("../img/icon_noresults.png") no-repeat 0 0/0.16rem 0.16rem;
}
.ranking .gray_area .ranking_list > li .top {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.ranking .gray_area .ranking_list > li .top::before {
  content: counter(number);
  counter-increment: number;
  min-width: 0.1rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
html.webview .ranking .gray_area .ranking_list > li .top::before {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .top::before {
  color: #eeeeee;
}

.ranking .gray_area .ranking_list > li .top img {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.08rem;
}
.ranking .gray_area .ranking_list > li .top .title a {
  position: relative;
  top: 0rem;
  padding-right: 0.17rem;
  background-image: url("../img/icon_list_title_arrow2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.16rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
html.webview .ranking .gray_area .ranking_list > li .top .title a {
  top: 0.02rem;
}

body.dark .ranking .gray_area .ranking_list > li .top .title a {
  background-image: url("../img/icon_list_title_arrow2_dm.png");
}

html.webview .ranking .gray_area .ranking_list > li .top .title a {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .top .title a {
  color: #eeeeee;
}

.ranking .gray_area .ranking_list > li .top .strategy_text {
  padding-top: 0.02rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .ranking .gray_area .ranking_list > li .top .strategy_text {
  padding-top: 0.05rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .top .strategy_text {
  color: #bbbbbb;
}

.ranking .gray_area .ranking_list > li .middle {
  display: flex;
  justify-content: space-between;
  margin-top: 0.08rem;
  padding: 0.07rem 0.08rem;
  background-color: #F7F9FA;
  border-radius: 0.04rem;
}
body.dark .ranking .gray_area .ranking_list > li .middle {
  background-color: #202024;
}

.ranking .gray_area .ranking_list > li .middle.buy .proceeds {
  color: #E22D72;
}
body.dark .ranking .gray_area .ranking_list > li .middle.buy .proceeds {
  color: #FF3482;
}

.ranking .gray_area .ranking_list > li .middle.buy .proceeds::before {
  content: "편입";
  border-color: #E22D72;
  color: #E22D72;
}
body.dark .ranking .gray_area .ranking_list > li .middle.buy .proceeds::before {
  border-color: #FF3482;
}

body.dark .ranking .gray_area .ranking_list > li .middle.buy .proceeds::before {
  color: #FF3482;
}

.ranking .gray_area .ranking_list > li .middle.sell .proceeds {
  color: #1C4FDE;
}
body.dark .ranking .gray_area .ranking_list > li .middle.sell .proceeds {
  color: #225CFF;
}

.ranking .gray_area .ranking_list > li .middle.sell .proceeds::before {
  content: "편출";
  border-color: #1C4FDE;
  color: #1C4FDE;
}
body.dark .ranking .gray_area .ranking_list > li .middle.sell .proceeds::before {
  border-color: #225CFF;
}

body.dark .ranking .gray_area .ranking_list > li .middle.sell .proceeds::before {
  color: #225CFF;
}

.ranking .gray_area .ranking_list > li .middle div {
  flex: 1;
  display: flex;
  gap: 0.08rem;
}
.ranking .gray_area .ranking_list > li .middle div .time {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .ranking .gray_area .ranking_list > li .middle div .time {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .middle div .time {
  color: #a0a0a0;
}

.ranking .gray_area .ranking_list > li .middle div .company {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
html.webview .ranking .gray_area .ranking_list > li .middle div .company {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .middle div .company {
  color: #eeeeee;
}

.ranking .gray_area .ranking_list > li .middle .proceeds {
  height: 0.17rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #E22D72;
}
html.webview .ranking .gray_area .ranking_list > li .middle .proceeds {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .middle .proceeds {
  color: #FF3482;
}

.ranking .gray_area .ranking_list > li .middle .proceeds::before {
  content: "편입";
  position: relative;
  top: 0rem;
  height: 0.14rem;
  margin-right: 0.08rem;
  padding: 0 0.03rem;
  border: 0.01rem solid;
  border-color: #E22D72;
  border-radius: 0.04rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #E22D72;
}
html.webview .ranking .gray_area .ranking_list > li .middle .proceeds::before {
  top: -0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .middle .proceeds::before {
  border-color: #FF3482;
}

html.webview .ranking .gray_area .ranking_list > li .middle .proceeds::before {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .ranking .gray_area .ranking_list > li .middle .proceeds::before {
  color: #FF3482;
}

.ranking .gray_area .ranking_list > li > .empty {
  margin-top: 0.08rem;
}
.ranking .gray_area .ranking_list > li .bottom {
  position: relative;
  margin-top: 0.08rem;
  padding: 0.08rem;
  border: 0.01rem solid;
  border-color: #E7EBEF;
  border-radius: 0.08rem;
}
body.dark .ranking .gray_area .ranking_list > li .bottom {
  border-color: #35393C;
}

.ranking .gray_area .ranking_list > li .bottom .title {
  padding-top: 0rem;
  padding-bottom: 0.04rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .ranking .gray_area .ranking_list > li .bottom .title {
  padding-top: 0.03rem;
  padding-bottom: 0.05rem;
}

body.dark .ranking .gray_area .ranking_list > li .bottom .title {
  color: #bbbbbb;
}

.ranking .gray_area .ranking_list > li .bottom .swiper_unit {
  padding-bottom: 0.14rem;
}
.ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-slide .flex {
  display: flex;
  justify-content: space-between;
  padding: 0.06rem 0.08rem;
  background-color: #F7F9FA;
  border-radius: 0.04rem;
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
}
body.dark .ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-slide .flex {
  background-color: #202024;
}

html.webview .ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-slide .flex {
  padding-top: 0.09rem;
  padding-bottom: 0.07rem;
}

body.dark .ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-slide .flex {
  color: #eeeeee;
}

.ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-pagination {
  position: absolute;
  bottom: 0.02rem;
  left: 50%;
  translate: -50%;
}
.ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-pagination .swiper-pagination-bullet {
  width: 0.06rem;
  height: 0.06rem;
  margin: 0.02rem;
  background-color: #cccccc;
  opacity: 1;
}
body.dark .ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-pagination .swiper-pagination-bullet {
  background-color: #666666;
}

.ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.16rem;
  background-color: #4f3fc6;
  border-radius: 0.8rem;
}
body.dark .ranking .gray_area .ranking_list > li .bottom .swiper_unit .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #7664FF;
}

.ranking .gray_area .banner {
  padding-bottom: 0.16rem;
}
.ranking .gray_area .banner img {
  border-radius: 0.08rem;
}
.ranking .gray_area .list_bullet_point {
  padding: 0.08rem 0 0.32rem;
}

.robomarket_profile.end::after {
  content: "종료된 대회 프로필입니다.";
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0.48rem;
  text-align: center;
  line-height: 0.48rem;
  background-color: #DEE2E6;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #999999;
}
body.dark .robomarket_profile.end::after {
  background-color: #45464B;
}

html.webview .robomarket_profile.end::after {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile.end::after {
  color: #a0a0a0;
}

.robomarket_profile.end .than, .robomarket_profile.end .earning {
  color: #999 !important;
}
.robomarket_profile.end .information {
  padding-bottom: 0.56rem;
}
.robomarket_profile .profile_top {
  display: flex;
  justify-content: space-between;
  padding: 0.16rem 0;
}
.robomarket_profile .profile_top .title {
  line-height: 0.22rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
html.webview .robomarket_profile .profile_top .title {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .profile_top .title {
  color: #eeeeee;
}

.robomarket_profile .profile_top .date {
  line-height: 0.15rem;
  padding-top: 0.03rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .robomarket_profile .profile_top .date {
  padding-top: 0.06rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .profile_top .date {
  color: #bbbbbb;
}

.robomarket_profile .profile_top button {
  height: 0.18rem;
  padding-right: 0.18rem;
  background-image: url("../img/icon_list_title_arrow2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0rem top 0.01rem;
  background-size: 0.16rem;
  line-height: 0.16rem;
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
body.dark .robomarket_profile .profile_top button {
  background-image: url("../img/icon_list_title_arrow2_dm.png");
}

html.webview .robomarket_profile .profile_top button {
  background-position: right 0rem top 0.03rem;
}

html.webview .robomarket_profile .profile_top button {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .profile_top button {
  color: #eeeeee;
}

.robomarket_profile .chart_wrap {
  margin-bottom: 0.23rem;
  padding: 0.16rem;
  background-color: #F7F9FA;
  border-radius: 0.08rem;
}
body.dark .robomarket_profile .chart_wrap {
  background-color: #202024;
}

.robomarket_profile .chart_wrap .than {
  font-size: 0.18rem;
  color: #212121;
}
body.dark .robomarket_profile .chart_wrap .than {
  color: #eeeeee;
}

.robomarket_profile .chart_wrap .earning {
  line-height: 0.31rem;
  font-weight: 600;
  font-size: 0.18rem;
  color: #212121;
}
body.dark .robomarket_profile .chart_wrap .earning {
  color: #eeeeee;
}

.robomarket_profile .chart_wrap .earning strong {
  font-weight: 700;
  font-size: 0.18rem;
}
.robomarket_profile .chart_wrap .earning strong .profit_user {
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.24rem;
  letter-spacing: -0.006rem;
  color: #E22D72;
}
html.webview .robomarket_profile .chart_wrap .earning strong .profit_user {
  padding-top: 0.06rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .chart_wrap .earning strong .profit_user {
  color: #FF3482;
}

.robomarket_profile .chart_wrap .chart {
  height: 1.12rem;
  margin-top: 0.14rem;
  border-radius: 0.08rem;
}
.robomarket_profile .chart_wrap .chart .highcharts-grid {
  display: none;
}
.robomarket_profile .chart_wrap .chart .highcharts-axis {
  display: none;
}
.robomarket_profile .chart_wrap .info {
  padding-left: 0.16rem;
  background-image: url("../img/icon_info.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left 0rem top 0.13rem;
  background-size: 0.12rem;
  line-height: 0.15rem;
  padding-top: 0.12rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
body.dark .robomarket_profile .chart_wrap .info {
  background-image: url("../img/icon_info_dm.png");
}

html.webview .robomarket_profile .chart_wrap .info {
  background-position: left 0rem top 0.15rem;
}

html.webview .robomarket_profile .chart_wrap .info {
  padding-top: 0.15rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .chart_wrap .info {
  color: #dddddd;
}

.robomarket_profile .strategy {
  padding: 0.24rem 0.16rem;
}
.robomarket_profile .strategy .title {
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
html.webview .robomarket_profile .strategy .title {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .strategy .title {
  color: #eeeeee;
}

.robomarket_profile .strategy .summary {
  padding-top: 0.08rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
  white-space: pre-wrap;
}
html.webview .robomarket_profile .strategy .summary {
  padding-top: 0.12rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .strategy .summary {
  color: #bbbbbb;
}

.robomarket_profile .strategy .bar {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: calc(100% - 0.32rem);
  margin: 0.28rem 0.08rem 0;
  padding-top: 0.16rem;
}
.robomarket_profile .strategy .bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 0.16rem);
  height: 0.08rem;
  border-radius: 0.04rem;
  background-color: #E8E5FC;
}
body.dark .robomarket_profile .strategy .bar::before {
  background-color: #342E58;
}

.robomarket_profile .strategy .bar .gauge {
  content: "";
  position: absolute;
  top: -0.04rem;
  left: 0;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #4f3fc6;
}
body.dark .robomarket_profile .strategy .bar .gauge {
  background-color: #7664FF;
}

.robomarket_profile .strategy .list {
  display: flex;
  justify-content: space-between;
  padding: 0 0.08rem;
}
.robomarket_profile .strategy .list li {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .robomarket_profile .strategy .list li {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .strategy .list li {
  color: #bbbbbb;
}

.robomarket_profile .strategy .guide {
  position: relative;
  margin: 0.08rem 0.08rem 0;
  padding-left: 0.13rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .robomarket_profile .strategy .guide {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .strategy .guide {
  color: #bbbbbb;
}

.robomarket_profile .strategy .guide::before {
  content: "";
  position: absolute;
  top: 0.08rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #DEE2E6;
  border-radius: 50%;
}
body.dark .robomarket_profile .strategy .guide::before {
  background-color: #45464B;
}

.robomarket_profile .tab_list {
  display: flex;
  align-items: center;
  margin: 0 -0.16rem;
}
.robomarket_profile .tab_list li {
  position: relative;
  width: 100%;
  text-align: center;
}
.robomarket_profile .tab_list li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .robomarket_profile .tab_list li::after {
  border-color: #45464B;
}

.robomarket_profile .tab_list li .btn_tablist_item {
  display: inline-block;
  width: 100%;
  height: 0.48rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  background-color: #FFFFFF;
  color: #666666;
  font-weight: 600;
}
html.webview .robomarket_profile .tab_list li .btn_tablist_item {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .tab_list li .btn_tablist_item {
  background-color: #121212;
}

body.dark .robomarket_profile .tab_list li .btn_tablist_item {
  color: #bbbbbb;
}

.robomarket_profile .tab_list li.on {
  color: #4f3fc6;
}
body.dark .robomarket_profile .tab_list li.on {
  color: #7664FF;
}

.robomarket_profile .tab_list li.on .btn_tablist_item {
  color: #4f3fc6;
  font-weight: 700;
}
body.dark .robomarket_profile .tab_list li.on .btn_tablist_item {
  color: #7664ff;
}

.robomarket_profile .tab_list li.on::after {
  border-bottom: 0.02rem solid;
  border-color: #4f3fc6;
}
body.dark .robomarket_profile .tab_list li.on::after {
  border-color: #7664FF;
}

.robomarket_profile .tab_cont {
  padding-top: 0.24rem;
}
.robomarket_profile .base_day {
  margin: 0 0 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #999999;
  text-align: right;
}
html.webview .robomarket_profile .base_day {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .base_day {
  color: #a0a0a0;
}

.robomarket_profile .base_day time {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
}
html.webview .robomarket_profile .base_day time {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .contract_detail_content {
  margin-top: 0.24rem;
}
.robomarket_profile .contract_detail_content .line_chart {
  height: 2.1rem;
  border-bottom: 0.01rem solid;
  border-color: #DEE2E6;
}
body.dark .robomarket_profile .contract_detail_content .line_chart {
  border-color: #45464B;
}

.robomarket_profile .contract_detail_content .contract_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.16rem 0;
}
.robomarket_profile .contract_detail_content .contract_top p {
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
html.webview .robomarket_profile .contract_detail_content .contract_top p {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .contract_detail_content .contract_top p {
  color: #eeeeee;
}

.robomarket_profile .contract_detail_content .contract_top a {
  display: block;
  padding: 0 0.16rem;
  border: 0.01rem solid;
  border-color: #DEE2E6;
  border-radius: 0.04rem;
  font-weight: 600;
  padding-top: 0.07rem;
  padding-bottom: 0.07rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
}
body.dark .robomarket_profile .contract_detail_content .contract_top a {
  border-color: #45464B;
}

html.webview .robomarket_profile .contract_detail_content .contract_top a {
  padding-top: 0.11rem;
  padding-bottom: 0.08rem;
}

body.dark .robomarket_profile .contract_detail_content .contract_top a {
  color: #eeeeee;
}

.robomarket_profile .contract_detail_content .buy_sell_horizon_bar .label {
  margin-top: 0;
}
.robomarket_profile .contract_detail_content .contract_list {
  margin: 0.24rem 0 0;
}
.robomarket_profile .contract_detail_content .contract_item {
  display: flex;
  flex-direction: row;
  padding: 0.13rem 0 0.17rem;
  border-bottom: 0.01rem solid;
  border-color: #F0F2F4;
}
body.dark .robomarket_profile .contract_detail_content .contract_item {
  border-color: #292C2E;
}

.robomarket_profile .contract_detail_content .contract_item:first-child {
  padding-top: 0;
}
.robomarket_profile .contract_detail_content .contract_item .quantity {
  flex-grow: 1;
}
.robomarket_profile .contract_detail_content .contract_item .quantity .date {
  display: block;
  margin-bottom: 0.08rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #999999;
}
html.webview .robomarket_profile .contract_detail_content .contract_item .quantity .date {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .contract_detail_content .contract_item .quantity .date {
  color: #a0a0a0;
}

.robomarket_profile .contract_detail_content .contract_item .quantity p {
  display: flex;
  align-items: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #333333;
  font-weight: 600;
}
html.webview .robomarket_profile .contract_detail_content .contract_item .quantity p {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .contract_detail_content .contract_item .quantity p {
  color: #dddddd;
}

.robomarket_profile .contract_detail_content .contract_item .quantity p span {
  margin-right: 0.08rem;
}
.robomarket_profile .contract_detail_content .contract_item .price {
  width: 1rem;
  margin: 0.23rem 0 0;
  align-self: flex-end;
  text-align: right;
}
.robomarket_profile .contract_detail_content .contract_item .price > p {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
  white-space: nowrap;
}
html.webview .robomarket_profile .contract_detail_content .contract_item .price > p {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .contract_detail_content .contract_item .price > p {
  color: #eeeeee;
}

.robomarket_profile .contract_detail_content .contract_item .price > p + p {
  margin-top: 0.03rem;
}
.robomarket_profile .contract_detail_content .btn_more {
  display: block;
  width: 100%;
  padding-top: 0.16rem;
  font-size: 0;
}
.robomarket_profile .contract_detail_content .btn_more::after {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.04rem;
  background-image: url("../img/ic_arrow_down_16.png");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body.dark .robomarket_profile .contract_detail_content .btn_more::after {
  background-image: url("../img/ic_arrow_down_16_dm.png");
}

.robomarket_profile .contract_detail_content .btn_more > span {
  display: inline-block;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #212121;
  font-weight: 600;
  vertical-align: middle;
}
html.webview .robomarket_profile .contract_detail_content .btn_more > span {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .contract_detail_content .btn_more > span {
  color: #eeeeee;
}

.robomarket_profile .accordion_wrap li.accordion_list > button > div p {
  font-weight: 700 !important;
}
.robomarket_profile .accordion_wrap li.accordion_list > button[aria-expanded=true] + .accordion_content {
  overflow: visible;
  border-color: #F0F2F4;
}
body.dark .robomarket_profile .accordion_wrap li.accordion_list > button[aria-expanded=true] + .accordion_content {
  border-color: #292C2E;
}

.robomarket_profile .accordion_wrap .last_buy_box {
  display: flex;
  width: 100%;
  padding: 0.13rem 0.16rem;
  margin-bottom: 0.24rem;
  background-color: #F7F9FA;
  border-radius: 0.04rem;
}
body.dark .robomarket_profile .accordion_wrap .last_buy_box {
  background-color: #202024;
}

.robomarket_profile .accordion_wrap .last_buy_box p {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #666666;
}
html.webview .robomarket_profile .accordion_wrap .last_buy_box p {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .last_buy_box p {
  color: #bbbbbb;
}

.robomarket_profile .accordion_wrap .last_buy_box p:first-child {
  padding-right: 0.37rem;
}
.robomarket_profile .accordion_wrap .column_vs_chart {
  margin-bottom: 0.24rem;
}
.robomarket_profile .accordion_wrap .robo_ai .titgroup {
  margin: 0.25rem 0 0.15rem;
}
.robomarket_profile .accordion_wrap .robo_ai .titgroup:after {
  content: "";
  display: block;
  clear: both;
}
.robomarket_profile .accordion_wrap .robo_ai .titgroup p {
  position: relative;
}
.robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(1) {
  float: left;
  padding: 0 0.2rem 0 0;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #333333;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(1) {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(1) {
  color: #dddddd;
}

.robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(1) .btn_question {
  top: 0.03rem;
  /*test code*/
}
.robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(2) a {
  display: block;
  float: right;
  padding: 0.02rem 0 0 0;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #212121;
  font-weight: 600;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(2) a {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(2) a {
  color: #eeeeee;
}

.robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(2) a::after {
  content: "";
  display: inline-block;
  margin-top: -0.02rem;
  vertical-align: middle;
  background-image: url("../img/ic_arrow_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .titgroup p:nth-child(2) a::after {
  background-image: url("../img/ic_arrow_16_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper {
  overflow: hidden;
  margin-right: -0.16rem;
  margin-bottom: 0.15rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide {
  width: 1.52rem;
  height: 1.6rem;
  margin-right: 0.08rem;
  background-color: #F7F9FA;
  border-radius: 0.08rem;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide {
  background-color: #202024;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_tit {
  margin: 0.15rem 0 0.08rem;
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_tit * {
  position: relative;
  display: inline-block;
  color: #212121;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 600;
  text-align: center;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_tit * {
  color: #eeeeee;
}

html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_tit * {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_tit *::after {
  content: "";
  display: inline-block;
  margin-top: -0.03rem;
  vertical-align: middle;
  background-image: url("../img/ic_arrow_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_tit *::after {
  background-image: url("../img/ic_arrow_16_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_subtit {
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_subtit span {
  display: block;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #999999;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_subtit span {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .ai_subtit span {
  color: #a0a0a0;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 {
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_rank {
  margin: 0.15rem 0 0.1rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_rank strong {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.2rem;
  letter-spacing: -0.005rem;
  color: #333333;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_rank strong {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_rank strong {
  color: #dddddd;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_menu span {
  display: inline-block;
  height: 0.16rem;
  padding: 0.02rem 0.08rem 0;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #333333;
  font-weight: 600;
  background-color: #DEE2E6;
  border-radius: 0.08rem;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_menu span {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_menu span {
  color: #dddddd;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con1 .con1_menu span {
  background-color: #45464B;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 {
  padding: 0.1rem 0.23rem 0;
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 p:first-child {
  display: inline-block;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 p:nth-child(2) {
  display: inline-block;
  margin-left: 0.17rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Sun {
  background-image: url("../img/img_sign_sun.png");
  width: 0.42rem;
  height: 0.42rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Sun {
  background-image: url("../img/img_sign_sun_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Cloud {
  background-image: url("../img/img_cloud.png");
  width: 0.42rem;
  height: 0.42rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Cloud {
  background-image: url("../img/img_cloud_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Sun_Cloud {
  background-image: url("../img/img_sign_suncloud.png");
  width: 0.42rem;
  height: 0.42rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Sun_Cloud {
  background-image: url("../img/img_sign_suncloud_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Lightning_Cloud {
  background-image: url("../img/img_sign_lightning.png");
  width: 0.42rem;
  height: 0.42rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Lightning_Cloud {
  background-image: url("../img/img_sign_lightning_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Rain_Cloud {
  background-image: url("../img/img_sign_rain.png");
  width: 0.42rem;
  height: 0.42rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.Rain_Cloud {
  background-image: url("../img/img_sign_rain_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.weather_txt {
  margin-top: 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.weather_txt {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con2 span.weather_txt {
  color: #dddddd;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 {
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .ico_tradingg {
  margin: 0.15rem auto 0.1rem;
  text-indent: -9999px;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .ico_tradingg.up {
  background-image: url("../img/img_sign_buy.png");
  width: 0.71rem;
  height: 0.3rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .ico_tradingg.up {
  background-image: url("../img/img_sign_buy_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .ico_tradingg.down {
  background-image: url("../img/img_sign_sell.png");
  width: 0.71rem;
  height: 0.3rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .ico_tradingg.down {
  background-image: url("../img/img_sign_sell_dm.png");
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .txt_trading {
  margin-top: 0.05rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .txt_trading {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con3 .txt_trading {
  color: #dddddd;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 {
  margin-top: 0.07rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl {
  padding: 0.11rem 0.16rem 0;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl:after {
  content: "";
  display: block;
  clear: both;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dt {
  float: left;
  padding-top: 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  color: #333333;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dt {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dt {
  color: #dddddd;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dd {
  float: right;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dd strong {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 700;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dd strong {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dd span {
  margin-left: 0.04rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
  font-weight: 700;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con4 dl dd span {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 {
  margin-top: 0.14rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point {
  display: flex;
  justify-content: space-between;
  gap: 0.08rem;
  padding: 0 0.16rem;
  text-align: center;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point li {
  flex-basis: 0.35rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap {
  display: inline-block;
  height: 0.16rem;
  padding: 0.02rem 0.08rem 0;
  vertical-align: bottom;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #ffffff;
  font-weight: 700;
  border-radius: 0.08rem;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap {
  color: #ffffff;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap.badge_red {
  background-color: #E22D72;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap.badge_red {
  background-color: #FF3482;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap.badge_blue {
  background-color: #1C4FDE;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap.badge_blue {
  background-color: #225CFF;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap.badge_violet {
  background-color: #4f3fc6;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .badge_cap.badge_violet {
  background-color: #7664FF;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .txt {
  height: 0.17rem;
  padding-top: 0.02rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #999999;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .txt {
  padding-top: 0.02rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .txt {
  color: #a0a0a0;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .num {
  display: block;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con5 .merit_point .num {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 {
  margin-top: 0.07rem;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl {
  padding: 0.11rem 0.16rem 0;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl:after {
  content: "";
  display: block;
  clear: both;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dt {
  float: left;
  padding-top: 0.04rem;
  color: #333333;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.11rem;
  letter-spacing: -0.0028rem;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dt {
  color: #dddddd;
}

html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dt {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dd {
  float: right;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dd strong {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 700;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dd strong {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dd span {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  font-weight: 700;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .card_swiper .swiper-slide .robo_con6 dl dd span {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.robomarket_profile .accordion_wrap .robo_ai .card_swiper.one_slide .swiper-slide {
  width: 100%;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper.one_slide .swiper-slide .ai_subtit span {
  display: inline-block;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper.one_slide .swiper-slide .robo_con2 {
  padding: 0.1rem 0.67rem 0;
}
.robomarket_profile .accordion_wrap .robo_ai .card_swiper.one_slide .swiper-slide .robo_con4 {
  width: 1.45rem;
  margin: 0.07rem auto 0;
}
.robomarket_profile .accordion_wrap .robo_ai .listgroup {
  margin: 0 0 0.25rem;
}
.robomarket_profile .accordion_wrap .robo_ai .listgroup p {
  position: relative;
  padding-left: 0.11rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.13rem;
  letter-spacing: -0.0033rem;
  color: #666666;
}
html.webview .robomarket_profile .accordion_wrap .robo_ai .listgroup p {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .robomarket_profile .accordion_wrap .robo_ai .listgroup p {
  color: #bbbbbb;
}

.robomarket_profile .accordion_wrap .robo_ai .listgroup p::before {
  content: "";
  position: absolute;
  top: 0.08rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: #DEE2E6;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai .listgroup p::before {
  background-color: #45464B;
}

.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .ai_tit {
  position: relative;
}
.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .ai_tit::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 60%;
  height: 95%;
  margin: 0 20%;
  background-color: #E7EBEF;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .ai_tit::after {
  background-color: #35393C;
}

.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .ai_subtit span {
  position: relative;
}
.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .ai_subtit span::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 80%;
  height: 90%;
  margin: 0 10%;
  background-color: #E7EBEF;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .ai_subtit span::after {
  background-color: #35393C;
}

.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .con1_rank {
  position: relative;
}
.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .con1_rank::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  margin-left: 5%;
  background-color: #E7EBEF;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .con1_rank::after {
  background-color: #35393C;
}

.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .con1_menu {
  position: relative;
}
.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .con1_menu::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  margin-left: 5%;
  background-color: #E7EBEF;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .con1_menu::after {
  background-color: #35393C;
}

.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .robo_con2 p {
  position: relative;
  display: inline-block;
}
.robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .robo_con2 p::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: -0.05rem;
  width: 120%;
  height: 110%;
  background-color: #E7EBEF;
  border-radius: 0.1rem;
}
body.dark .robomarket_profile .accordion_wrap .robo_ai.skeleton .card_swiper .swiper-slide .robo_con2 p::after {
  background-color: #35393C;
}

.robomarket_profile .information {
  margin: 0.24rem -0.16rem 0;
}

.portfolio li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.12rem 0;
}
.portfolio li:first-child {
  padding-top: 0.04rem;
}
.portfolio li:last-child {
  padding-bottom: 0.08rem;
}
.portfolio li .title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.portfolio li .title img {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}
.portfolio li .title a {
  padding-right: 0.18rem;
  background-image: url("../img/icon_list_title_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 0.16rem 0.16rem;
  line-height: 0.19rem;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  color: #212121;
}
body.dark .portfolio li .title a {
  background-image: url("../img/icon_list_title_arrow_dm.png");
}

html.webview .portfolio li .title a {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .portfolio li .title a {
  color: #eeeeee;
}

.portfolio li .ranking {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #212121;
}
html.webview .portfolio li .ranking {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

body.dark .portfolio li .ranking {
  color: #eeeeee;
}

.column_dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}

.layer_column {
  display: none;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 200;
  max-width: 640px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: scroll;
  background: #fff;
  animation: columnListClose 0.5s 1 ease-in forwards;
}
.layer_column.active {
  display: block;
  animation: columnList 1s 1 ease-in-out forwards;
}
.layer_column .column_header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid;
  border-color: #B7BEC4;
  text-align: center;
  height: 0.56rem;
  line-height: 0.56rem;
}
body.dark .layer_column .column_header {
  border-color: #8E9298;
}

.layer_column .column_header h3 {
  font-weight: 600;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.18rem;
  letter-spacing: -0.0045rem;
  color: #212121;
}
html.webview .layer_column .column_header h3 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

body.dark .layer_column .column_header h3 {
  color: #eeeeee;
}

.layer_column .column_header .ico_close {
  position: absolute;
  top: 0.08rem;
  right: 0.1rem;
  z-index: 10;
  text-indent: -9999px;
  background-image: url("../img/ic_close_40.png");
  width: 0.4rem;
  height: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .layer_column .column_header .ico_close {
  background-image: url("../img/ic_close_40_dm.png");
}

.layer_column .column_tit {
  padding: 0.1rem 0.16rem;
  box-shadow: 0 0.03rem 0.06rem 0 rgba(0, 0, 0, 0.16);
}
.layer_column .column_tit > h4 {
  font-weight: 700;
  padding-top: 0.04rem;
  padding-bottom: 0.03rem;
  font-size: 0.16rem;
  letter-spacing: -0.004rem;
  line-height: 0.22rem;
  color: #000000;
  padding-left: 0.02rem;
}
html.webview .layer_column .column_tit > h4 {
  padding-top: 0.08rem;
  padding-bottom: 0.04rem;
}

.layer_column .column_tit .tit_date {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #888888;
  padding-left: 0.02rem;
}
html.webview .layer_column .column_tit .tit_date {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.layer_column .admin_content {
  padding: 0.2rem;
}
.layer_column .column_notice {
  background: #f8f8f8;
  padding: 0.3rem 0.16rem;
}
.layer_column .column_notice h4 {
  border-bottom: 1px solid;
  border-color: #333333;
  padding-top: 0rem;
  padding-bottom: 0.1rem;
  font-size: 0.14rem;
  letter-spacing: -0.0033rem;
  padding-left: 0.02rem;
  font-weight: 600;
  color: #1e1e1e;
}
body.dark .layer_column .column_notice h4 {
  border-color: #DDDDDD;
}

html.webview .layer_column .column_notice h4 {
  padding-top: 0.04rem;
  padding-bottom: 0.11rem;
}

.layer_column .column_notice ul {
  margin: 0.14rem 0;
}
.layer_column .column_notice ul li {
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  line-height: 0.18rem;
  padding-left: 0.1rem;
  color: #888888;
  margin-bottom: 0.07rem;
}
.layer_column .column_notice ul li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.08rem;
  background: #bbbbbb;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  opacity: 0.4;
}
html.webview .layer_column .column_notice ul li {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.layer_column .column_notice ul li:last-child {
  margin-bottom: 0;
}
.layer_column .column_notice ul li strong {
  color: #fb0c0d;
  font-weight: 700;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
}
html.webview .layer_column .column_notice ul li strong {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.layer_column .column_more_posts {
  padding: 0.2rem 0.16rem;
}
.layer_column .column_more_posts h4 {
  color: #000000;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.14rem;
  letter-spacing: -0.0033rem;
  font-weight: 600;
}
html.webview .layer_column .column_more_posts h4 {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.layer_column .column_more_posts ul {
  margin: 0.05rem 0 0;
}
.layer_column .column_more_posts ul li {
  position: relative;
  border-bottom: 1px solid #f5f5f5;
  padding: 0.1rem 0;
}
.layer_column .column_more_posts ul li .tit {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  color: #373539;
}
html.webview .layer_column .column_more_posts ul li .tit {
  padding-top: 0.03rem;
  padding-bottom: 0.01rem;
}

.layer_column .column_more_posts ul li .date {
  padding-top: 0.03rem;
  padding-bottom: 0rem;
  font-size: 0.1rem;
  letter-spacing: -0.0025rem;
  color: #888888;
}
html.webview .layer_column .column_more_posts ul li .date {
  padding-top: 0.05rem;
  padding-bottom: 0.01rem;
}

.layer_column .column_more_posts ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/ic_arrow_16.png");
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}
body.dark .layer_column .column_more_posts ul li::after {
  background-image: url("../img/ic_arrow_16_dm.png");
}

.layer_column .column_register {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.1rem 0.16rem;
  box-sizing: border-box;
  height: 0.68rem;
  background: #fff;
}
.layer_column .column_register:after {
  content: "";
  display: block;
  clear: both;
}
.layer_column .column_register .txt {
  float: left;
  color: #616161;
  padding-top: 0.03rem;
  padding-bottom: 0rem;
  font-size: 0.12rem;
  letter-spacing: -0.003rem;
  line-height: 0.18rem;
}
html.webview .layer_column .column_register .txt {
  padding-top: 0.06rem;
  padding-bottom: 0.01rem;
}

.layer_column .column_register .btn_register {
  float: right;
  display: block;
  text-align: center;
  width: 1.2rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border-radius: 0.08rem;
  background: #181949;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.14rem;
  letter-spacing: -0.0033rem;
  color: #ffffff;
  font-weight: 700;
}
html.webview .layer_column .column_register .btn_register {
  padding-top: 0.04rem;
  padding-bottom: 0.01rem;
}

.wrap.robo {
  margin-top: 0;
  padding-top: 0.34rem;
  background-color: #f3f4f6;
}
body.dark .wrap.robo {
  background-color: #1f1f1f;
}

.wrap.robo .container {
  margin-top: 0;
  padding: 0 0 0.4rem;
}
.wrap.robo .container > *:not(.category_list) {
  padding: 0 0.16rem;
}
.wrap.robo .container .col_category {
  display: flex;
  padding-left: 0.36rem;
  margin: 0 0.16rem 0.2rem;
}
.wrap.robo .container .col_category li {
  position: relative;
  padding-right: 0.1rem;
  margin-right: 0.1rem;
  font-weight: 600;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #bbbbbb;
}
body.dark .wrap.robo .container .col_category li {
  color: #555555;
}

.wrap.robo .container .col_category li.active {
  font-weight: bold;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #333333;
}
body.dark .wrap.robo .container .col_category li.active {
  color: #cccccc;
}

.wrap.robo .container .col_category li:last-child:before {
  display: none;
}
.wrap.robo .container .col_category li:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.01rem;
  height: 0.12rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #cccccc;
}
body.dark .wrap.robo .container .col_category li:before {
  background-color: #666666;
}

.wrap.robo .container .col_category.domestic {
  background-image: url("../img/icon_kr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 0.3rem 0.3rem;
  background-position: left center;
}
body.dark .wrap.robo .container .col_category.domestic {
  background-image: url("../img/icon_kr_dm.png");
}

.wrap.robo .container .col_category.global {
  background-image: url("../img/icon_global.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 0.3rem 0.3rem;
  background-position: left center;
}
body.dark .wrap.robo .container .col_category.global {
  background-image: url("../img/icon_global_dm.png");
}

.wrap.robo .container .category_wrap {
  padding: 0;
  overflow: hidden;
}
.wrap.robo .container .category_wrap .category_list {
  display: flex;
  gap: 0.08rem;
  overflow-x: scroll;
  white-space: nowrap;
}
.wrap.robo .container .category_wrap .category_list li {
  height: 0.39rem;
  padding: 0.14rem 0.16rem 0;
  border-radius: 0.2rem;
  background-color: #ffffff;
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 1;
  text-align: center;
  color: #666666;
}
body.dark .wrap.robo .container .category_wrap .category_list li {
  background-color: #2a2a2a;
}

body.dark .wrap.robo .container .category_wrap .category_list li {
  color: #cccccc;
}

.wrap.robo .container .category_wrap .category_list li.active {
  color: #222222;
  font-weight: bold;
}
body.dark .wrap.robo .container .category_wrap .category_list li.active {
  color: #eeeeee;
}

.wrap.robo .container .category_wrap .category_list li:first-child {
  margin-left: 0.16rem;
}
.wrap.robo .container .category_wrap .category_list li:last-child {
  margin-right: 0.16rem;
}
.wrap.robo .container .column {
  margin: 0.16rem 0.16rem 0;
  padding: 0.2rem 0.2rem 0.15rem 0.2rem;
  background-color: #ffffff;
  border-radius: 0.28rem;
}
body.dark .wrap.robo .container .column {
  background-color: #2a2a2a;
}

.wrap.robo .container .column .tit {
  margin: 0.15rem 0 0.04rem;
  color: #222222;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dark .wrap.robo .container .column .tit {
  color: #eeeeee;
}

.wrap.robo .container .column .img_box img {
  display: block;
  width: 100%;
  border-radius: 10px;
}
.wrap.robo .container .column .txt {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.dark .wrap.robo .container .column .txt {
  color: #cccccc;
}

.wrap.robo .container .column .profile {
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.wrap.robo .container .column .profile .icon_profile {
  display: flex;
  gap: 0.04rem;
}
.wrap.robo .container .column .profile .icon_profile img {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 100%; /* 추가 */
}
.wrap.robo .container .column .profile .icon_profile span {
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #222222;
}
body.dark .wrap.robo .container .column .profile .icon_profile span {
  color: #eeeeee;
}

.wrap.robo .container .column .profile .date {
  font-size: 0.13rem;
  line-height: 0.24rem;
  color: #999999;
}
body.dark .wrap.robo .container .column .profile .date {
  color: #666666;
}

.wrap.robo .container .robo_service {
  margin-top: 0.4rem;
  padding: 0;
}
.wrap.robo .container .robo_service dt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.15rem;
  padding: 0 0.16rem;
  color: #222222;
  font-weight: bold;
  font-size: 0.2rem;
  line-height: 0.28rem;
}
body.dark .wrap.robo .container .robo_service dt {
  color: #eeeeee;
}

.wrap.robo .container .robo_service dt button {
  display: block;
  width: 0.2rem;
  height: 0.28rem;
  background-image: url("../img/ic_arrow_20.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.2rem 0.2rem;
  font-size: 0;
  line-height: 0;
  text-indent: -9999rem;
}
body.dark .wrap.robo .container .robo_service dt button {
  background-image: url("../img/ic_arrow_20_dm.png");
}

.wrap.robo .container .robo_service .swiper-slide {
  display: flex;
  flex-direction: column;
  height: 1.1rem;
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  border-radius: 0.28rem;
  background-color: #ffffff;
}
body.dark .wrap.robo .container .robo_service .swiper-slide {
  background-color: #2a2a2a;
}

.wrap.robo .container .robo_service .swiper-slide:first-child {
  margin-left: 0.16rem;
}
.wrap.robo .container .robo_service .swiper-slide:last-child {
  margin-right: 0.16rem;
}
.wrap.robo .container .robo_service .swiper-slide img {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 18px; /* 이미지 동그랗게 처리 */
  margin: 0 auto; /* 가운데 정렬 처리 */
}
.wrap.robo .container .robo_service .swiper-slide span {
  display: block;
  margin: 0.08rem 0 0 0;
  font-size: 0.13rem;
  line-height: 0.17rem;
  color: #222222;
}
body.dark .wrap.robo .container .robo_service .swiper-slide span {
  color: #eeeeee;
}

.wrap.robo .container .robo_service .swiper-slide button {
  /* 오른쪽에 뜨는 > 제거 */
  /*padding-right: 0.14rem;*/
  font-size: 0.12rem;
  line-height: 1;
  color: #333333;
  /*background-image: url("../img/ic_arrow_12.png");*/
  /*background-size: contain;*/
  /*background-repeat: no-repeat;*/
  /*background-position: center right;*/
  /*background-size: 0.12rem 0.12rem;*/
}
body.dark .wrap.robo .container .robo_service .swiper-slide button {
  color: #cccccc;
}

body.dark .wrap.robo .container .robo_service .swiper-slide button {
  /*background-image: url("../img/ic_arrow_12_dm.png");*/
}

.wrap.robo_detail .container {
  padding: 0;
}
.wrap.robo_detail .container .visual {
  position: relative;
  margin-bottom: 0.2rem;
}
.wrap.robo_detail .container .visual .title_name {
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
}
.wrap.robo_detail .container .visual .title_name .title {
  color: #fff;
  font-size: 0.22rem;
  line-height: 0.28rem;
  font-weight: bold;
}
.wrap.robo_detail .container .visual .title_name .name {
  margin-top: 0.08rem;
  font-size: 0;
  line-height: 0;
}
.wrap.robo_detail .container .visual .title_name .name span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.04rem;
  padding-right: 0.04rem;
  color: #fff;
  opacity: 0.9;
  font-size: 0.13rem;
  line-height: 0.18rem;
  font-weight: 300;
}
.wrap.robo_detail .container .visual .title_name .name span:after {
  content: "";
  position: absolute;
  display: block;
  width: 0.02rem;
  height: 0.02rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.45);
}
.wrap.robo_detail .container .visual .title_name .name span:last-child:after {
  display: none;
}
.wrap.robo_detail .container .visual > div:first-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}
.wrap.robo_detail .container .content {
  margin: 0.32rem 0.2rem 0;
  padding-bottom: 0.32rem;
  border-bottom: 0.01rem solid;
  border-color: #eeeeee;
}
body.dark .wrap.robo_detail .container .content {
  border-color: #333333;
}

.wrap.robo_detail .container .content p {
  margin-top: 0.1rem;
  color: #666666;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
body.dark .wrap.robo_detail .container .content p {
  color: #cccccc;
}

.wrap.robo_detail .container .content p:first-child {
  margin-top: 0;
}
.wrap.robo_detail .container .notice {
  padding: 0.24rem 0.2rem;
}
.wrap.robo_detail .container .notice dt {
  margin-bottom: 0.07rem;
  font-weight: 600;
  font-size: 0.17rem;
  line-height: 0.24rem;
  color: #333333;
}
body.dark .wrap.robo_detail .container .notice dt {
  color: #cccccc;
}

.wrap.robo_detail .container .notice .list_dot li {
  position: relative;
  margin-top: 0.1rem;
  padding-left: 0.08rem;
  font-size: 0.13rem;
  line-height: 0.19rem;
  letter-spacing: -0.0026rem;
  color: #666666;
}
body.dark .wrap.robo_detail .container .notice .list_dot li {
  color: #cccccc;
}

.wrap.robo_detail .container .notice .list_dot li:first-child {
  margin-top: 0;
}
.wrap.robo_detail .container .notice .list_dot li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.08rem;
  width: 0.03rem;
  height: 0.03rem;
  border-radius: 50%;
  background-color: #999999;
}
body.dark .wrap.robo_detail .container .notice .list_dot li:before {
  background-color: #666666;
}

.wrap.robo_detail .container .notice .list_dot li.red {
  color: #b43a6b;
}
body.dark .wrap.robo_detail .container .notice .list_dot li.red {
  color: #b43a6b;
}

.wrap.robo_detail .container .notice .list_dot li.red:before {
  background-color: #b43a6b;
}
body.dark .wrap.robo_detail .container .notice .list_dot li.red:before {
  background-color: #b43a6b;
}

.wrap.robo_detail .container .other {
  padding: 0.32rem 0 1rem;
  background-color: #f2f4f8;
}
body.dark .wrap.robo_detail .container .other {
  background-color: #1f1f1f;
}

.wrap.robo_detail .container .other dt {
  margin: 0 0.2rem 0.16rem;
  color: #222222;
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: bold;
}
body.dark .wrap.robo_detail .container .other dt {
  color: #eeeeee;
}

.wrap.robo_detail .container .other .swiper-slide {
  width: 2.24rem;
}
.wrap.robo_detail .container .other .swiper-slide img {
  display: block;
  width: 2.24rem;
  margin-bottom: 0.12rem;
}
.wrap.robo_detail .container .other .swiper-slide .tit {
  display: block;
  margin-bottom: 0.02rem;
  font-weight: 600;
  font-size: 0.16rem;
  line-height: 0.23rem;
  color: #222222;
}
body.dark .wrap.robo_detail .container .other .swiper-slide .tit {
  color: #eeeeee;
}

.wrap.robo_detail .container .other .swiper-slide .date {
  font-size: 0.12rem;
  line-height: 0.17rem;
  color: #999999;
}
body.dark .wrap.robo_detail .container .other .swiper-slide .date {
  color: #666666;
}

.wrap.robo_detail .container .other .swiper-slide:first-child {
  margin-left: 0.2rem;
}
.wrap.robo_detail .container .other .swiper-slide:last-child {
  margin-right: 0.2rem;
}
.wrap.robo_detail .container .btn_box {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  padding: 0.2rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 2%, rgba(255, 255, 255, 0.44) 4%, rgba(255, 255, 255, 0.6) 7%, rgba(255, 255, 255, 0.86) 15%, #fff);
}
.wrap.robo_detail .container .btn_box button {
  display: block;
  width: 100%;
  height: 0.56rem;
  text-align: center;
  line-height: 0.56rem;
  background-color: #212266;
  font-size: 0.16rem;
  font-weight: 600;
  letter-spacing: -0.004rem;
  color: #ffffff;
  border-radius: 0.16rem;
}
body.dark .wrap.robo_detail .container .btn_box button {
  background-color: #222355;
}

body.dark .wrap.robo_detail .container .btn_box button {
  color: #cccccc;
}

body.dark .wrap.robo_detail .btn_box {
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0), rgba(18, 18, 18, 0.4) 2%, rgba(18, 18, 18, 0.44) 4%, rgba(18, 18, 18, 0.6) 7%, rgba(18, 18, 18, 0.86) 15%, #121212);
}