@charset "UTF-8";
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
/**
* 1.0 Mobile Reset
*
* -----------------------------------------------------------------------------
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: normal;
  font-weight: 400;
  letter-spacing: -0.015rem;
  color: #444;
  vertical-align: baseline;
  word-break: keep-all;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
}

body {
  word-break: break-all;
  margin: 0;
  padding: 0;
  position: relative;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

ul,
ol,
li {
  list-style: none;
}

blockquote,
q {
  quotes: "none";
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: "none";
}

fieldset,
img {
  border: 0;
}

hr {
  height: 0;
  box-sizing: content-box;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

address,
caption,
em,
var {
  font-style: normal;
  font-weight: 400;
}

a {
  text-decoration: none;
}

a[href^=tel] {
  font-style: normal;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

img {
  border: 0;
  vertical-align: top;
}

pre {
  overflow: auto;
}

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

td,
th {
  padding: 0;
}

legend {
  padding: 0;
  border: 0;
}

input {
  vertical-align: middle;
}

input[type=text],
input[type=password],
input[type=email] {
  border-radius: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: none;
}

input:checked[type=checkbox] {
  -moz-appearance: checkbox;
       appearance: checkbox;
  -webkit-appearance: checkbox;
}

input:checked[type=radio] {
  -moz-appearance: checkbox;
       appearance: checkbox;
  -webkit-appearance: checkbox;
}

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  border-radius: 0;
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

optgroup {
  font-weight: bold;
}

textarea {
  overflow: auto;
  border: 1px solid #bcbcbc;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

/* 그리드 grid */
body {
  counter-reset: section;
  background: #f7f7f8;
}
body .numCunt::before {
  counter-increment: section;
  content: counter(section);
}

#wrap {
  padding: 0;
}

body, #wrap {
  display: flex;
  flex-direction: column;
  min-height: -webkit-fill-available;
  min-height: 100vh;
}

#header {
  padding: 0;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 82;
  min-width: 1000px;
  box-sizing: border-box;
  background: #374b9d;
}
#header .bgWrap {
  margin: 0 auto;
  box-sizing: border-box;
  min-width: 1000px;
  max-width: 1138px;
  padding: 0 15px;
  padding: 0;
}

#container {
  margin: 0 auto;
  box-sizing: border-box;
  min-width: 1000px;
  max-width: 1138px;
  padding: 0 15px;
  padding: 0;
  min-height: auto;
  box-sizing: border-box;
  flex: 1;
  padding-top: 14px;
  position: relative;
}
#container .M_left {
  float: left;
  width: 200px;
  margin-right: 13px;
}
#container .M_right {
  position: relative;
  float: right;
  background-color: #fff;
  width: calc(100% - 213px);
}
#container .M_right .freeInfo_box {
  position: relative;
  margin: 56px auto;
  text-align: center;
}
#container .M_right .freeInfo_box p {
  overflow: hidden;
  border-radius: 5px;
  background-color: #E6E7F4;
  padding: 50px 15px;
  color: #222;
  z-index: 999;
}
#container .M_right .freeInfo_box b {
  color: #3655d6;
}
#container .M_right .freeInfo_box a {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  margin-top: 15px;
  width: 30%;
  background-color: #00d885;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
#container .M_right .freeInfo_box a::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
#container .M_right .freeInfo_box a b {
  color: #ff8d5a;
  font-weight: 700;
}
#container .M_right .freeInfo_box a::before {
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#container .M_right .freeInfo_box a:hover {
  background-color: #0a7b44;
}
#container .M_right .freeInfo_box.bicchart {
  min-height: 500px;
}
#container .M_right .freeInfo_box.bicchart p {
  overflow: hidden;
  border-radius: 5px;
  background-color: #E6E7F4;
  padding: 50px 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 240px;
  color: #222;
  z-index: 999;
}
#container .M_right .freeInfo_box.bicchart::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 300px;
  background: url("/img/freeInfo_box_bicchart.jpg") no-repeat 0 top;
}
#container .M_right .freeInfo_box.mri {
  min-height: 380px;
}
#container .M_right .freeInfo_box.mri p {
  overflow: hidden;
  border-radius: 5px;
  background-color: #E6E7F4;
  padding: 50px 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 170px;
  color: #222;
  z-index: 999;
}
#container .M_right .freeInfo_box.mri::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 300px;
  background: url("/img/freeInfo_box_mri.jpg") no-repeat 0 top;
}
#container .M_right .freeInfo_box::before {
  display: none;
}
#container .M_right .contents {
  padding: 32px 0 0;
}
#container::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}

#footer {
  padding: 0;
  padding-bottom: 24px;
  margin-top: 80px;
  min-height: 50px;
  background: #dee1ea;
}
#footer .w_box {
  margin: 0 auto;
  box-sizing: border-box;
  min-width: 1000px;
  max-width: 1138px;
  padding: 0 15px;
}

.sub_service .service_wrap {
  position: relative;
}
.sub_service .service_wrap .service_bg {
  position: absolute;
  right: -24px;
  top: 25px;
  width: 33%;
}
.sub_service .service_wrap .service_bg img {
  display: block;
  width: 100%;
}
.sub_service .service_wrap .premium_applybtn {
  position: sticky;
  bottom: 20px;
}
.sub_service .service_wrap .premium_applybtn img {
  display: block;
  border: 3px solid #fff;
}

.fix_wrap {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 6px;
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}
.fix_wrap::-webkit-scrollbar {
  height: 8px;
}
.fix_wrap::-webkit-scrollbar-thumb {
  background-color: #BDC8D8;
  border-radius: 8px;
}
.fix_wrap::-webkit-scrollbar-track {
  background-color: #E7EAF2;
}

.table {
  width: 100%;
  border: none;
}
.table tr.hide_line {
  visibility: visible;
}
.table th,
.table td {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  color: #222;
  background-color: #fff;
  padding: 8.5px 17px;
  min-width: 70px;
  box-sizing: border-box;
  background: #fff url("/img/gray_tdline.gif") repeat-x left bottom;
}
.table th strong,
.table td strong {
  font-size: 13px;
  font-weight: 700;
}
.table th .deci,
.table td .deci {
  display: inline;
}
.table th .unit,
.table td .unit {
  opacity: 0.9;
  padding-left: 1px;
}
.table th.txt_L,
.table td.txt_L {
  text-align: left;
}
.table th.txt_R,
.table td.txt_R {
  text-align: right;
}
.table th.va_cen,
.table td.va_cen {
  vertical-align: middle;
}
.table th.depth_1, .table th.depth_2, .table th.depth_3, .table th.depth_4,
.table td.depth_1,
.table td.depth_2,
.table td.depth_3,
.table td.depth_4 {
  display: block;
  min-width: 130px;
  box-sizing: border-box;
}
.table th.depth_2,
.table td.depth_2 {
  position: relative;
  padding-left: 16px !important;
}
.table th.depth_2::after,
.table td.depth_2::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  bottom: 0;
  display: inline-block;
  width: 8px;
  background-color: #edf3ff;
}
.table th.depth_3,
.table td.depth_3 {
  position: relative;
  padding-left: 24px !important;
}
.table th.depth_3::after,
.table td.depth_3::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  bottom: 0;
  display: inline-block;
  width: 16px;
  background-color: #edf3ff;
}
.table th.depth_4,
.table td.depth_4 {
  position: relative;
  padding-left: 32px !important;
}
.table th.depth_4::after,
.table td.depth_4::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  bottom: 0;
  display: inline-block;
  width: 24px;
  background-color: #edf3ff;
}
.table thead th,
.table thead td {
  font-size: 12px;
  color: #7389af;
  text-align: center;
  background: url("/img/gray_thline.gif") repeat-x left bottom;
}
.table thead th span,
.table thead td span {
  color: #7389af;
}
.table thead th strong,
.table thead td strong {
  color: #7389af;
  font-size: 13px;
  font-weight: 700;
}
.table tbody td:nth-child(2n) {
  background-color: #f7f9fc;
}
.table tbody td i {
  position: relative;
  top: -1px;
  left: -3px;
  vertical-align: middle;
  margin-left: 2px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.table tbody td i.up {
  border-bottom: 7px solid #97a3c9;
}
.table tbody td i.down {
  border-top: 7px solid #97a3c9;
}
.table.fix_table .fix {
  position: relative;
  background-color: #fff;
  position: sticky !important;
  display: table-cell;
  left: 0;
  z-index: 49;
}
.table.fix_table thead {
  z-index: 50;
}
.table.fix_table thead th,
.table.fix_table thead td {
  background-color: #fff;
}
.table.fix_table tbody .fix {
  background: #fff url("/img/gray_tdline.gif") repeat-x left bottom, #fff url("/img/gray_tdline.gif") repeat-y right top;
}
.table.fix_table tbody .fix::before {
  content: attr(data-content) " any other text you may want";
  font-size: 0;
  position: absolute;
  right: -12px;
  top: 1px;
  bottom: 0;
  width: 12px;
  height: 100%;
  background: url("/img/fix_shadow.svg") repeat-y 0 0;
  opacity: 0.75;
}
.table.fix_table.thead2_table {
  width: 1400px;
}
.table.fix_table.thead2_table .score_line {
  background-color: #7489af;
}
.table.fix_table.thead2_table .score_line td {
  background-color: #7489af !important;
  color: #fff;
}
.table.fix_table.thead2_table .score_line .fix {
  border-left: none;
}
.table.fix_table.thead2_table .score_line .fix::before {
  display: none;
}
.table.fix_table.thead2_table thead tr:nth-child(2) td {
  font-size: 12px;
  padding: 3.5px 17px;
}
.table.fix_table.thead2_table thead tr:nth-child(2) td:nth-child(2n-1) {
  background-color: #f7f9fc !important;
}
.table.fix_table.thead2_table thead .fix::before {
  content: "";
  position: absolute;
  right: -12px;
  top: 1px;
  bottom: 0;
  width: 12px;
  background: url("/img/fix_shadow.svg") repeat-y 0 0;
  opacity: 0.75;
}
.table.fix_table.thead2_table tbody td:nth-child(2n) {
  background-color: #fff;
}
.table.fix_table.thead2_table tbody .va_cen,
.table.fix_table.thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
.table.table_oneview th,
.table.table_oneview td {
  padding: 8.5px 4px;
}
.table.table_oneview th a,
.table.table_oneview td a {
  color: #527bea;
  padding: 8.5px 4px;
}
.table.table_oneview td.bdr_r {
  border-right: 1px solid #e7eaf2;
}
.table.table_oneview thead {
  background-color: #fff;
  z-index: 50;
}
.table.table_oneview tbody td.txt_name {
  background-color: #fff;
  padding: 0 10px;
}
.table.table_oneview tbody td.txt_name a {
  padding: 0;
  color: #527bea;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  box-sizing: border-box;
}
.table.data_txtR tbody td {
  text-align: right;
}
.table.data_txtR td span.ess {
  display: none;
}
.table.data_txtR td span.deci {
  display: block;
}
.table.txtInt td span.ess {
  display: block;
}
.table.txtInt td span.deci {
  display: none;
}

.table-scroll {
  position: relative;
  overflow: hidden;
}

.table-scroll table {
  width: 100%;
}

.paginate {
  text-align: center;
  margin-top: 40px;
}
.paginate a,
.paginate strong {
  display: inline-block;
  _position: relative;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 0 1px;
  vertical-align: top;
  font-size: 14px;
  letter-spacing: -0.7px;
  text-align: center;
  color: #b1b9cb;
  border-radius: 3px;
  border: 1px solid #e8eaf1;
  background-color: #fff;
}
.paginate a img,
.paginate strong img {
  display: inline-block;
  vertical-align: middle;
}
.paginate strong,
.paginate a:hover {
  color: #7389af;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #b2b9c9;
}
.paginate a:hover {
  font-size: 14px;
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=email]:focus {
  outline: none;
}

input.input_txt {
  box-sizing: border-box;
  padding: 2px 3px;
  border-radius: 3px;
  border: 1px solid #b2b9c9;
}
input.input_txt:focus {
  outline: none;
}

/*radio 버튼 색상변경 */
input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #b2b9c9;
  border-radius: 50%;
  outline: none;
  background: #fff;
}

input[type=radio]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 21% auto;
  border-radius: 50%;
}

input[type=radio]:checked:before {
  background: #3655d6;
}

/* selectBox */
.selectBoxList {
  position: relative;
  display: inline-block;
  margin-top: 6px;
}
.selectBoxList::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 1px solid #3555d5;
  border-right: 1px solid #3555d5;
  transform: rotate(135deg);
  display: inline-block;
  right: 7px;
  top: 9px;
  z-index: 99;
}
.selectBoxList select {
  position: relative;
  width: 200px;
  height: 24px;
  padding: 0 6px;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  border: 1px solid #b2b9c9;
  background-color: #fff;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.selectBoxList select:focus {
  outline: none;
}
.selectBoxList select option {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
  padding: 3px 0;
}
.selectBoxList select::-ms-expand {
  /* for IE 11 */
  display: none;
}

.user_inputBox .selectBoxList::after {
  background-color: yellow;
  display: none;
}

/* 별점 */
.star_area .starRev {
  font-size: 0;
  vertical-align: top;
}
.star_area .starR {
  background: url("/img/ico_review.svg") no-repeat 50% 0;
  background-size: auto 100%;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
  margin: 0 1px;
  width: 20px;
  height: 20px;
}
.star_area .starR.on {
  background-position: 0 0;
}
.star_area .starR.half {
  background-position: right 0 !important;
}
.star_area.w12 .starR {
  background-position: -14px 0;
  background-size: auto 12px;
  width: 12px;
  height: 12px;
}
.star_area.w12 .starR.on {
  background-position: 0 0;
}
.star_area.w12 .starR.half {
  background-position: right 0 !important;
}

.highcharts-label.highcharts-tooltip span img {
  display: inline-block;
  padding: 3px 2px 0;
}

.tab_container {
  clear: both;
  float: left;
  width: 100%;
}

.tab_content {
  display: none;
}

.tab_content:first-child {
  display: block;
}

.layer_pop {
  display: none;
  position: fixed;
  z-index: 51;
  background: #fff;
  border-radius: 5px;
  border: solid 1px #e7eaf2;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px #93add3;
}
.layer_pop .pop_top {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 0;
  background-color: #f4f6fa;
}
.layer_pop .pop_top .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 0.71;
  letter-spacing: -0.7px;
  color: #3655d6;
}
.layer_pop .pop_top .clse {
  display: inline-block;
  cursor: pointer;
}
.layer_pop .pop_top .clse img {
  display: inline-block;
  width: 14px;
  height: 14px;
}
.layer_pop .pop_mid {
  padding: 15px 16px;
}
.layer_pop .pop_mid ul li {
  font-size: 13px;
  line-height: 24px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.layer_pop .pop_mid .txt_guide {
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-pagination .swiper-pagination-bullet {
  background-color: #bdc8d8;
  opacity: 1;
  width: 6px;
  height: 6px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #3655d6;
  width: 22px;
  border-radius: 3px;
}

/* select */
.selectbox {
  position: relative;
  width: 70%;
  height: 26px;
  line-height: 26px;
  margin-bottom: 8px;
  border: none;
  z-index: 1;
  background: #fff;
  box-sizing: border-box;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before {
  cursor: pointer;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background: url("/img/select.png") no-repeat 0 0;
}

.selectbox label {
  position: absolute;
  top: 1px;
  left: 5px;
  padding: 0 3px;
  color: #939393;
  z-index: -1;
}

.selectbox select {
  cursor: pointer;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 1px solid #E0E4E9;
  opacity: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.selectbox select option {
  line-height: 40px;
  color: #939393;
  font-size: 14px;
}

/* 텍스트 필터 */
.detail_box .data_area .remark {
  padding-left: 0;
}

.valueline .remark {
  display: inline-block;
  padding-left: 5px;
}

.valueline .remark i {
  display: inline-block;
  width: 7px;
  height: 7px;
  opacity: 0.67;
  border-radius: 50%;
  background-color: #999;
  margin: 0 2px 2px;
  border: none !important;
}

.valueline .adsbygoogle {
  float: none;
  display: table;
  table-layout: fixed;
  clear: both;
  position: relative;
}
.valueline .adsbygoogle[data-ad-status=unfilled] {
  display: none !important;
}
.valueline .adsbygoogle.ads-top-main {
  height: 280px;
  margin-bottom: 20px;
}
.valueline .adsbygoogle.ads-mid-main {
  margin-top: 20px;
}
.valueline .adsbygoogle.ads-right-main {
  width: 254px;
  height: 600px;
}
.valueline .adsbygoogle.ads-rightBtm-main {
  margin-top: 20px;
}
.valueline .adsbygoogle.ads-btm-main {
  margin-top: 20px;
}
.valueline .adsbygoogle.ads-top-sub {
  margin-bottom: 20px;
  height: 280px;
}
.valueline .adsbygoogle.ads-btm-sub {
  margin-top: 20px;
  height: 280px;
}
.valueline .adsbygoogle.ads-right-sub {
  width: 254px;
  height: 600px;
}
.valueline .adsbygoogle.ads-left-sub {
  margin-top: 20px;
  height: 600px;
}

.valueline .ads-right-box {
  position: absolute;
  right: -270px;
  top: 72px;
  width: 254px;
  height: 600px;
  transition: all 0.35s ease-out;
}

.valueline .ads-btm-box {
  margin: 0 auto;
  max-width: 1138px;
  width: 100%;
}

/* 헤더 header */
#header .bgWrap {
  background-color: #374b9d;
}
#header .bgWrap .title {
  display: inline-block;
  width: 13%;
  padding-left: 5px;
  box-sizing: border-box;
  vertical-align: top;
  margin-top: 12px;
}
#header .bgWrap .title .h1_logo {
  display: inline-block;
  font-size: 18px;
}
#header .bgWrap .title .h1_logo a, #header .bgWrap .title .h1_logo img {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  height: 100%;
}
#header .bgWrap .gnb {
  display: inline-block;
  vertical-align: bottom;
}
#header .bgWrap .gnb ul {
  display: flex;
  justify-content: space-between;
}
#header .bgWrap .gnb ul li {
  margin-left: 15px;
  display: inline-block;
}
#header .bgWrap .gnb ul li:first-child {
  margin-left: 0;
}
#header .bgWrap .gnb ul li a {
  display: inline-block;
  height: 42px;
  padding: 10px 1px 0;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
}
#header .bgWrap .gnb ul li.active a {
  border-bottom: 4px solid #fff;
  font-weight: 700;
}
#header .bgWrap .searchArea {
  position: relative;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
@media (min-width: 1100px) {
  #header .bgWrap .searchArea {
    margin-left: 40px;
  }
}
#header .bgWrap .searchArea form {
  position: relative;
}
#header .bgWrap .searchArea form .searchInput {
  width: 210px;
  height: 28px;
  box-sizing: border-box;
  padding: 7px 6px 7px 28px;
  border-radius: 4px;
  border: solid 1px rgba(137, 160, 255, 0.51);
  background-color: #273986;
  color: #fff;
  font-size: 12px;
}
#header .bgWrap .searchArea form .searchInput::-moz-placeholder {
  color: #fff;
  font-size: 12px;
}
#header .bgWrap .searchArea form .searchInput::placeholder {
  color: #fff;
  font-size: 12px;
}
#header .bgWrap .searchArea form .searchInput:focus {
  outline: none;
}
#header .bgWrap .searchArea form .searchBtn {
  position: absolute;
  left: 7px;
  top: 7px;
  display: inline-block;
  width: 14px;
  height: 14px;
}
#header .bgWrap .searchArea .AutoComplete {
  border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  background: #fff;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #ececec;
  z-index: 85;
  width: 500px;
  max-height: 185px;
  overflow: auto;
  overflow-x: hidden;
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.09);
}
#header .bgWrap .searchArea .AutoComplete .no_result {
  font-size: 15px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding: 5px 10px;
}
#header .bgWrap .searchArea .AutoComplete li {
  line-height: 1;
  padding: 5px 10px;
  padding-bottom: 5px;
}
#header .bgWrap .searchArea .AutoComplete li a {
  display: block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#header .bgWrap .searchArea .AutoComplete li a strong {
  font-weight: 700;
}
#header .bgWrap .searchArea .AutoComplete li:nth-child(2n) {
  background: #f4f6fa;
}
#header .bgWrap .searchArea .AutoComplete li .schCode {
  padding-right: 7px;
}
#header .bgWrap .searchArea .AutoComplete li._on {
  background-color: #273986;
}
#header .bgWrap .searchArea .AutoComplete li._on a, #header .bgWrap .searchArea .AutoComplete li._on strong, #header .bgWrap .searchArea .AutoComplete li._on span {
  color: #fff;
}
#header .bgWrap .premium {
  float: right;
  vertical-align: top;
  margin-top: 12px;
}
#header .bgWrap .premium a.join_pay {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.35px;
  padding-left: 20px;
  color: #fff;
  position: relative;
  vertical-align: top;
}
#header .bgWrap .premium a.join_pay::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  display: inline-block;
  width: 10.4px;
  height: 14px;
  background: url("/img/premium_join_bg.png") no-repeat 0 0;
  background-size: cover;
}
#header .bgWrap .premium .loginId {
  padding-left: 20px;
  display: inline-block;
  position: relative;
  top: -2px;
}
#header .bgWrap .premium .loginId .login, #header .bgWrap .premium .loginId .my_info {
  display: inline-block;
}
#header .bgWrap .premium .loginId .login span, #header .bgWrap .premium .loginId .my_info span {
  font-size: 12px;
  letter-spacing: -0.35px;
  color: #fff;
}
#header .bgWrap .premium .loginId .login img, #header .bgWrap .premium .loginId .my_info img {
  display: inline-block;
  width: 24px;
  height: 24px;
}
#header .bgWrap .premium .title_tama {
  display: inline-block;
  font-size: 14px;
  letter-spacing: -0.35px;
  padding-right: 20px;
  color: #fff;
  position: relative;
  vertical-align: top;
}

/* 푸터 footer */
#footer .w_box .service_info {
  padding: 12px 0 10px;
  border-bottom: 1px solid #b1b9cb;
}
#footer .w_box .service_info p {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: -0.33px;
  color: #7389af;
}
#footer .w_box .f_btm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#footer .w_box .terms_list {
  padding: 15px 0 0;
}
#footer .w_box .terms_list .terms {
  display: flex;
  gap: 18px;
}
#footer .w_box .terms_list .terms li {
  display: inline-block;
}
#footer .w_box .terms_list .terms li a {
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#footer .w_box .terms_list .terms li a strong {
  font-weight: 700;
}
#footer .w_box .info {
  margin-top: 20px;
}
#footer .w_box .info .info_tel_box {
  display: flex;
  align-items: center;
  gap: 10px;
}
#footer .w_box .info .info_tel_box span, #footer .w_box .info .info_tel_box a {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#footer .w_box .info .info_tel_box a {
  text-decoration: underline;
}
#footer .w_box .foot_info {
  margin-top: 35px;
  width: 100%;
}
#footer .w_box .foot_info .info_tel_box {
  display: flex;
  align-items: center;
  gap: 10px;
}
#footer .w_box .foot_info .info_tel_box span, #footer .w_box .foot_info .info_tel_box a {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#footer .w_box .foot_info .info_tel_box a {
  text-decoration: underline;
}
#footer .w_box .foot_info .copyright, #footer .w_box .foot_info .copyright a {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#footer .w_box .foot_info .copyright i, #footer .w_box .foot_info .copyright a i {
  display: inline-block;
  margin: 0 8px;
  width: 1px;
  height: 13px;
  background-color: #b1b9cb;
  vertical-align: middle;
}
#footer .w_box .family_site .title {
  display: inline-block;
  font-family: "SpoqaHanSansNeo";
  font-size: 13px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: -0.33px;
  text-align: left;
  color: #39509a;
}
#footer .w_box .family_site ul {
  display: inline-block;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #b1b9cb;
}
#footer .w_box .family_site ul li a {
  position: relative;
  display: inline-block;
  font-size: 13px;
  padding: 3px 0;
  padding-right: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#footer .w_box .family_site ul li a::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #b1b9cb;
  border-right: 1px solid #b1b9cb;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 1px;
  top: 10px;
}

/* 주요 내용 container */
#container .M_left {
  z-index: 51;
}
#container .M_left .detail_box {
  border-radius: 5px;
  border: solid 1px #e2e7f2;
  background-color: #eaedf5;
  box-sizing: border-box;
  padding: 40px 15px 16px;
}
#container .M_left .detail_box .data_area {
  position: relative;
}
#container .M_left .detail_box .data_area .attention {
  cursor: pointer;
  background-color: #bfc8d6;
  position: absolute;
  top: -20px;
  left: 4px;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  animation-name: beat;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#container .M_left .detail_box .data_area .attention:after {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  left: 5px;
}
#container .M_left .detail_box .data_area .attention:before {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  top: -5px;
  left: 0px;
}
#container .M_left .detail_box .data_area .attention.on, #container .M_left .detail_box .data_area .attention.on:after, #container .M_left .detail_box .data_area .attention.on:before {
  background-color: #ff6f6f;
}
#container .M_left .detail_box .data_area .name {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
}
#container .M_left .detail_box .data_area .name a {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
}
#container .M_left .detail_box .data_area .code_line .code {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #656d7e;
  vertical-align: top;
}
#container .M_left .detail_box .data_area .code_line .code.category {
  padding-left: 4px;
}
#container .M_left .detail_box .data_area .detail .price {
  display: block;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.85px;
  color: #222;
}
#container .M_left .detail_box .data_area .detail .price .btn_joinPop .remark i {
  width: 12px;
  height: 12px;
  background-color: #222;
  vertical-align: middle;
}
#container .M_left .detail_box .data_area .detail .gap,
#container .M_left .detail_box .data_area .detail .per {
  vertical-align: top;
  font-size: 14px;
  letter-spacing: -0.35px;
}
#container .M_left .detail_box .data_area .detail.up .gap,
#container .M_left .detail_box .data_area .detail.up .per {
  color: #d30000;
}
#container .M_left .detail_box .data_area .detail.down .gap,
#container .M_left .detail_box .data_area .detail.down .per {
  color: #26ABFF;
}
#container .M_left .detail_box .data_area .detail.same .gap,
#container .M_left .detail_box .data_area .detail.same .per {
  color: #222;
}
#container .M_left .detail_box .data_area .table_update {
  display: block;
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: -0.3px;
  color: #656d7e;
}
#container .M_left .detail_box .data_area .dtcon {
  margin-top: 16px;
}
#container .M_left .detail_box .data_area .dtcon li {
  padding-bottom: 7px;
}
#container .M_left .detail_box .data_area .dtcon li:last-child {
  padding-bottom: 0;
}
#container .M_left .detail_box .data_area .dtcon li dl {
  display: flex;
  justify-content: space-between;
}
#container .M_left .detail_box .data_area .dtcon li dl dt,
#container .M_left .detail_box .data_area .dtcon li dl dd {
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #222;
}
#container .M_left .detail_box .data_area .dtcon li dl dd {
  font-weight: 700;
}
#container .M_left .detail_box .data_area .summary {
  position: relative;
}
#container .M_left .detail_box .data_area .summary .summary_txtShow {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-top: 5px;
  padding: 4px 22px 4px 12px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dcdfec;
  font-size: 12px;
  letter-spacing: -0.33px;
  text-align: center;
  color: #222;
  cursor: pointer;
}
#container .M_left .detail_box .data_area .summary .summary_txtShow::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #7389AF;
  border-right: 1px solid #7389AF;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 9px;
}
#container .M_left .detail_box .data_area .summary .txtBox {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  min-width: 320px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  border: solid 1px #e7eaf2;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px #93add3;
  z-index: 51;
}
#container .M_left .detail_box .data_area .summary .txtBox .top {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 0;
  background-color: #f4f6fa;
}
#container .M_left .detail_box .data_area .summary .txtBox .top .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 0.71;
  letter-spacing: -0.7px;
  color: #3655d6;
  display: block;
  padding-bottom: 7px;
  word-break: break-all;
  word-wrap: break-word;
}
#container .M_left .detail_box .data_area .summary .txtBox .mid {
  padding: 15px 16px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.65px;
  color: #656d7e;
  word-break: break-all;
  word-wrap: break-word;
}
#container .M_left .detail_box .data_area .summary .txtBox .clse {
  display: inline-block;
  cursor: pointer;
}
#container .M_left .detail_box .data_area .summary .txtBox .clse img {
  display: inline-block;
  width: 14px;
  height: 14px;
}
#container .M_left .update_acc {
  margin-top: 8px;
  padding: 3px 5px;
  border-radius: 4px;
  border: solid 1px #dcdfec;
  background: #fff url("/img/icon_update.svg") no-repeat 10px center;
}
#container .M_left .update_acc p {
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: -0.3px;
  text-align: center;
  color: #222;
}
#container .M_left .update_acc p strong {
  font-weight: 700;
  color: #37c60c;
}
#container .M_left .sub_nav {
  margin-top: 23px;
}
#container .M_left .sub_nav ul.depth_1 li a {
  font-size: 15px;
  letter-spacing: -0.38px;
  color: #222;
}
#container .M_left .sub_nav ul.depth_1 li a b {
  font-weight: 400;
  font-size: 12px;
}
#container .M_left .sub_nav ul.depth_1 li:first-child .title {
  border-top: 1px solid #d9e0ea;
}
#container .M_left .sub_nav ul.depth_1 li .title {
  position: relative;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #d9e0ea;
}
#container .M_left .sub_nav ul.depth_1 li .title a {
  display: inline-block;
  width: 100%;
  padding: 6px 15px;
  box-sizing: border-box;
  color: #222;
  font-size: 15px;
  letter-spacing: -0.38px;
  color: #222;
}
#container .M_left .sub_nav ul.depth_1 li .title.open::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 3px solid #BFC6D9;
  border-right: 3px solid #BFC6D9;
  display: inline-block;
  transform: rotate(135deg);
  position: absolute;
  right: 15px;
  top: 11px;
}
#container .M_left .sub_nav ul.depth_1 li.active .title {
  border-radius: 4px;
  background-color: #374b9d;
  font-size: 15px;
  letter-spacing: -0.38px;
  color: #fff;
}
#container .M_left .sub_nav ul.depth_1 li.active .title a {
  color: #fff;
}
#container .M_left .sub_nav ul.depth_1 li.active .title a b {
  color: #fff;
}
#container .M_left .sub_nav ul.depth_1 li.active .title.open::after {
  border-color: #fff;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 {
  border-bottom: 1px solid #d9e0ea;
  padding: 7px 0 17px 0;
  position: relative;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 31px;
  width: 1px;
  background: url("/img/sub_dotline.svg") repeat-y 0 0;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 li {
  border: none;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 li a {
  position: relative;
  display: block;
  padding: 5px 0 5px 30px;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 li a::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 11px;
  display: inline-block;
  background: #BFC6D9;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
  z-index: 50;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 li a::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 13px;
  display: inline-block;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
  z-index: 51;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 li.active a {
  color: #3655d6;
  font-weight: 700;
}
#container .M_left .sub_nav ul.depth_1 ul.depth_2 li.active a::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 11px;
  display: inline-block;
  background: #3655D6;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
  z-index: 50;
}
#container .M_left .service_box {
  border-radius: 5px;
  background-color: #eceff5;
  margin-top: 55px;
  padding: 12px 15px;
}
#container .M_left .service_box li {
  display: block;
  padding: 3px 0;
}
#container .M_left .service_box li a {
  padding-left: 26px;
  display: inline-block;
  font-size: 13px;
  line-height: 1.69;
  letter-spacing: -0.33px;
  color: #656d7e;
  background: url("/img/service_box_icon.svg") no-repeat left top;
}
#container .M_left .service_box li:nth-child(1) a {
  background-position-y: 2px;
}
#container .M_left .service_box li:nth-child(2) a {
  background-position-y: -29px;
}
#container .M_left .service_box li:nth-child(3) a {
  background-position-y: calc(100% - 4px);
}
#container .M_left .serviceBanner_area {
  padding-top: 95px;
}
#container .M_left .serviceBanner_area .box {
  display: block;
  margin-bottom: 8px;
}
#container .M_left .serviceBanner_area .box img {
  display: inline-block;
  width: 100%;
}
#container .M_right {
  border-radius: 5px;
  padding: 17px 24px 20px;
  box-sizing: border-box;
  z-index: 50;
}
#container .M_right .path_area li {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
#container .M_right .path_area li::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #b1b9cb;
  border-right: 1px solid #b1b9cb;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 1px;
  top: 6px;
}
#container .M_right .path_area li:last-child {
  font-weight: 700;
}
#container .M_right .path_area li:last-child:after {
  display: none;
}
#container .M_right .group_nav {
  position: relative;
  margin-top: 23px;
  padding-bottom: 7px;
  background: url("/img/dot_gray.png") repeat-x left bottom;
}
#container .M_right .group_nav ul {
  display: flex;
}
#container .M_right .group_nav ul li {
  padding-right: 20px;
}
#container .M_right .group_nav ul li:last-child {
  padding-right: 0;
}
#container .M_right .group_nav ul li a {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.4px;
  padding: 0 1px 7px;
  color: #222;
  font-weight: 400;
  z-index: 999;
}
#container .M_right .group_nav ul li.active a {
  color: #3655d6;
  font-weight: 700;
  border-bottom: 2px solid #3655d6;
}
#container .M_right .blue_stocks_area {
  position: relative;
  width: 100%;
  margin-top: 23px;
  background: url("/img/dot_gray.png") repeat-x left bottom;
}
#container .M_right .blue_stocks_area::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
#container .M_right .blue_stocks_area .left {
  float: left;
  box-sizing: border-box;
  padding-top: 6px;
}
#container .M_right .blue_stocks_area .left ul {
  display: inline-block;
  vertical-align: bottom;
}
#container .M_right .blue_stocks_area .left ul li {
  padding-right: 20px;
}
#container .M_right .blue_stocks_area .left ul li:last-child {
  padding-right: 0;
}
#container .M_right .blue_stocks_area .left ul li a {
  display: inline-block;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.4px;
  padding: 0 1px 5px;
  color: #7389af;
  font-weight: 400;
  z-index: 999;
}
#container .M_right .blue_stocks_area .left ul li.active a {
  color: #7389af;
  font-weight: 700;
  border-bottom: 2px solid #7389af;
}
#container .M_right .blue_stocks_area .left .blue_stocks {
  display: inline-block;
  padding-top: 2px;
  vertical-align: top;
}
#container .M_right .blue_stocks_area .left .blue_stocks .name {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #ff8d5a;
}
#container .M_right .blue_stocks_area .left .blue_stocks .name::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #ff8d5a;
  border-right: 1px solid #ff8d5a;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 10px;
}
#container .M_right .blue_stocks_area .stocks_filter {
  box-sizing: border-box;
  float: right;
}
#container .M_right .blue_stocks_area .stocks_filter .path {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.33px;
  color: #7389af;
  padding-right: 23px;
  margin-bottom: 6px;
  margin-right: 15px;
  background: url("/img/bg_blue.jpg") repeat-x 0 calc(100% + 2px);
}
#container .M_right .blue_stocks_area .stocks_filter .path::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #97a3c9;
  border-right: 1px solid #97a3c9;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 4px;
  top: 6px;
}
#container .M_right .blue_stocks_area .stocks_filter .path:last-of-type {
  margin-right: 0;
}
#container .M_right .blue_stocks_area .stocks_filter .form_box {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}
#container .M_right .blue_stocks_area .stocks_filter .form_box .searchInput {
  width: 230px;
  height: 34px;
  box-sizing: border-box;
  padding: 7px 30px 7px 12px;
  border-radius: 4px;
  border: solid 1px #e7eaf2;
  background-color: #f4f6fa;
  color: #b1b9cb;
  font-size: 12px;
}
#container .M_right .blue_stocks_area .stocks_filter .form_box .searchInput::-moz-placeholder {
  color: #b1b9cb;
  font-size: 12px;
}
#container .M_right .blue_stocks_area .stocks_filter .form_box .searchInput::placeholder {
  color: #b1b9cb;
  font-size: 12px;
}
#container .M_right .blue_stocks_area .stocks_filter .form_box .searchInput:focus {
  outline: none;
}
#container .M_right .blue_stocks_area .stocks_filter .form_box .searchBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu {
  border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: none;
  position: absolute;
  left: auto;
  right: 0;
  top: 36px;
  background: #fff;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #ececec;
  z-index: 81;
  width: 300px;
  max-height: 185px;
  overflow: auto;
  overflow-x: hidden;
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.09);
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete .no_result,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu .no_result {
  font-size: 15px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding: 5px 10px;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li {
  line-height: 1;
  padding: 5px 10px;
  padding-bottom: 5px;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li a,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li a {
  display: block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li a strong,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li a strong {
  font-weight: 700;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li:nth-child(2n),
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li:nth-child(2n) {
  background: #f4f6fa;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li .schCode,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li .schCode {
  padding-right: 7px;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li._on,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li._on {
  background-color: #273986;
}
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li._on a,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li._on strong,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete li._on span,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li._on a,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li._on strong,
#container .M_right .blue_stocks_area .stocks_filter .AutoComplete_indu li._on span {
  color: #fff;
}
#container .M_right .sum_box {
  position: relative;
  padding: 13.5px 70px 13.5px 19px;
  box-sizing: border-box;
  background-color: #f4f6fa;
}
#container .M_right .sum_box .sum_title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.38px;
  color: #222;
  margin-bottom: 15px;
}
#container .M_right .sum_box p {
  overflow: hidden;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
  height: 20px;
  line-height: 22px;
}
#container .M_right .sum_box.lineView_2 p {
  height: auto;
}
#container .M_right .sum_box.small .more::after {
  transform: rotate(135deg);
}
#container .M_right .sum_box.big .more::after {
  top: 4px;
  transform: rotate(315deg);
}
#container .M_right .sum_box .more {
  position: absolute;
  right: 20px;
  bottom: 13px;
  border-bottom: 1px solid #b1b9cb;
  font-size: 10px;
  letter-spacing: -0.5px;
  color: #b1b9cb;
  padding-right: 12px;
  padding-bottom: 2px;
  cursor: pointer;
}
#container .M_right .sum_box .more::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 1px solid #BFC6D9;
  border-right: 1px solid #BFC6D9;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1px;
}
#container .M_right .page_drop {
  text-align: center;
  margin: 40px auto 0;
  position: relative;
}
#container .M_right .page_drop .select_active {
  position: relative;
  border-bottom: 2px solid #f09365;
  text-align: left;
  padding-right: 50px;
  padding-bottom: 3px;
  display: inline-block;
  min-width: 460px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
}
#container .M_right .page_drop .select_active i {
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  width: 41px;
  height: 39px;
  line-height: 39px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(240, 147, 101, 0.1);
  font-size: 20px;
  font-weight: 700;
  color: #ff8d5a;
}
#container .M_right .page_drop .select_active::after {
  cursor: pointer;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #e8eaf1;
}
#container .M_right .page_drop .select_active::before {
  cursor: pointer;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 3px solid #ff8d5a;
  border-right: 3px solid #ff8d5a;
  display: inline-block;
  transform: rotate(135deg);
  position: absolute;
  right: 12px;
  top: 15px;
}
#container .M_right .page_drop ul {
  padding: 14px 9px;
  box-sizing: border-box;
  position: absolute;
  display: none;
  min-width: 460px;
  box-sizing: border-box;
  left: auto;
  right: auto;
  top: 46px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #e8eaf1;
  background: #fff;
  z-index: 51;
}
#container .M_right .page_drop ul li {
  position: relative;
  text-align: left;
  margin-bottom: 8px;
}
#container .M_right .page_drop ul li:last-child {
  margin-bottom: 0;
}
#container .M_right .page_drop ul li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #222;
}
#container .M_right .page_drop ul li a i {
  font-style: normal;
  display: inline-block;
  margin-right: 13px;
  width: 33px;
  height: 31px;
  line-height: 31px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(147, 173, 211, 0.1);
  font-size: 20px;
  font-weight: 700;
  color: #93add3;
}
#container .M_right .page_drop ul li a:hover {
  font-weight: 700;
  color: #ff8d5a;
}
#container .M_right .page_drop ul li a:hover i {
  background-color: rgba(240, 147, 101, 0.1);
  color: #ff8d5a;
}
#container .M_right .contents_header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-top: 28px;
}
#container .M_right .contents_header .data_filter {
  padding-bottom: 10px;
  position: relative;
}
#container .M_right .contents_header .data_filter .data {
  display: inline-block;
}
#container .M_right .contents_header .data_filter .data ul {
  float: left;
  border: solid 1px #e7eaf2;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 7px;
}
#container .M_right .contents_header .data_filter .data li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 8.5px 8px;
  box-sizing: border-box;
  font-size: 13px;
  letter-spacing: -0.33px;
  text-align: left;
  color: #656d7e;
}
#container .M_right .contents_header .data_filter .data li::after {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  position: absolute;
  right: -3px;
  top: 16px;
  background: #e7eaf2;
  border-radius: 50%;
}
#container .M_right .contents_header .data_filter .data li:last-child:after {
  display: none;
}
#container .M_right .contents_header .data_filter .data .set {
  display: inline-block;
  cursor: pointer;
  padding: 7.5px 14px;
  box-sizing: border-box;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #f4f6fa;
}
#container .M_right .contents_header .data_filter .data .set img {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding-top: 3px;
}
#container .M_right .contents_header .data_filter .table_search {
  position: relative;
  display: inline-block;
  margin-left: 7px;
  vertical-align: top;
}
#container .M_right .contents_header .data_filter .table_search .searchInput {
  width: 230px;
  height: 34px;
  box-sizing: border-box;
  padding: 7px 30px 7px 12px;
  border-radius: 4px;
  border: solid 1px #e7eaf2;
  background-color: #f4f6fa;
  color: #b1b9cb;
  font-size: 12px;
}
#container .M_right .contents_header .data_filter .table_search .searchInput::-moz-placeholder {
  color: #b1b9cb;
  font-size: 12px;
}
#container .M_right .contents_header .data_filter .table_search .searchInput::placeholder {
  color: #b1b9cb;
  font-size: 12px;
}
#container .M_right .contents_header .data_filter .table_search .searchInput:focus {
  outline: none;
}
#container .M_right .contents_header .data_filter .table_search .searchBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu {
  border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  background: #fff;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #ececec;
  z-index: 81;
  width: 300px;
  max-height: 185px;
  overflow: auto;
  overflow-x: hidden;
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.09);
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete .no_result,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu .no_result {
  font-size: 15px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding: 5px 10px;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li {
  line-height: 1;
  padding: 5px 10px;
  padding-bottom: 5px;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li a,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li a {
  display: block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li a strong,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li a strong {
  font-weight: 700;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li:nth-child(2n),
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li:nth-child(2n) {
  background: #f4f6fa;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li .schCode,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li .schCode {
  padding-right: 7px;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li._on,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li._on {
  background-color: #273986;
}
#container .M_right .contents_header .data_filter .table_search .AutoComplete li._on a,
#container .M_right .contents_header .data_filter .table_search .AutoComplete li._on strong,
#container .M_right .contents_header .data_filter .table_search .AutoComplete li._on span,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li._on a,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li._on strong,
#container .M_right .contents_header .data_filter .table_search .AutoComplete_indu li._on span {
  color: #fff;
}
#container .M_right .contents_header .data_filter .set_box {
  z-index: 51;
  display: none;
  position: absolute;
  left: -2px;
  right: 0;
  margin-top: 2px;
  min-width: 396px;
  max-width: 410px;
  border-radius: 5px;
  border: solid 1px #e7eaf2;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px #93add3;
}
#container .M_right .contents_header .data_filter .set_box .set_filter input.input_txt {
  width: 90px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .top {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 0;
  background-color: #f4f6fa;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .top .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 0.71;
  letter-spacing: -0.7px;
  color: #3655d6;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .top .clse {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: -2px;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .top .clse img {
  display: inline-block;
  width: 14px;
  height: 14px;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 16px 5px;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid > div {
  min-height: 38px;
  line-height: 38px;
  box-sizing: border-box;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid > div::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid > div.gray_input .input_txt {
  border: solid 1px #b2b9c9;
  background-color: #f4f6fa;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .title {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
  display: inline-block;
  width: 95px;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid select {
  position: relative;
  min-width: 90px;
  width: auto;
  padding-right: 20px;
  box-sizing: border-box;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid label {
  cursor: pointer;
  padding-right: 10px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid label span {
  padding-left: 5px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box {
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e7eaf2;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .mid_title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.7px;
  color: #3655d6;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort {
  margin-top: 15px;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li {
  flex: 1;
  height: 46px;
  padding-top: 7px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: 3px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #e8eaf1;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li span {
  display: inline-block;
  line-height: 15px;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #656d7e;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li:nth-child(1), #container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li:nth-child(5) {
  padding-top: 8px;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li:first-child {
  margin-left: 0;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li:first-child span {
  font-weight: 700;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li.active {
  background-color: #3655d6;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .mid .sort_box .sort li.active span {
  color: #fff;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .btm {
  overflow: hidden;
  padding: 5px 16px 15px;
}
#container .M_right .contents_header .data_filter .set_box .set_filter .btm .btn_submit {
  float: right;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #374b9d;
  padding: 3px 20px;
  color: #fff;
}
#container .M_right .contents_header .table_filter {
  display: flex;
  align-items: center;
  gap: 0 6px;
  margin-left: auto;
  padding-bottom: 10px;
  box-sizing: border-box;
}
#container .M_right .contents_header .table_filter .term {
  display: inline-block;
  font-size: 0;
  border-radius: 5px;
}
#container .M_right .contents_header .table_filter .term span {
  display: inline-block;
  font-size: 13px;
  letter-spacing: -0.33px;
  text-align: left;
  color: #656d7e;
  background-color: #f4f6fa;
  padding: 8px 13px;
  cursor: pointer;
  border-right: 1px solid #e7eaf2;
}
#container .M_right .contents_header .table_filter .term span.active {
  color: #3655d6;
  font-weight: bold;
  background-color: #e7eaf2;
}
#container .M_right .contents_header .table_filter .term span:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#container .M_right .contents_header .table_filter .term span:last-child {
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#container .M_right .contents_header .table_filter .detail {
  display: inline-block;
  padding-left: 24px;
}
#container .M_right .contents_header .table_filter .detail span {
  position: relative;
  padding: 0 6px 0 18px;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .contents_header .table_filter .detail span i {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  background: url("/img/check_img.svg") no-repeat 0 100%;
}
#container .M_right .contents_header .table_filter .detail span.active {
  color: #3655d6;
}
#container .M_right .contents_header .table_filter .detail span.active i {
  background-position: 0 0;
}
#container .M_right .contents_header .table_filter .save_excel {
  height: 34px;
  padding: 0 16px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #3c55ce;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.33px;
  text-align: center;
  color: #3655d6;
  cursor: pointer;
}
#container .M_right .contents_header .table_filter .save_excel.disabled {
  border: 1px solid #B1B9CB;
  color: #B1B9CB;
  cursor: not-allowed;
}

.guidePop_box {
  position: fixed;
  bottom: 15px;
  right: 15px;
  cursor: move;
  display: block;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  text-align: center;
  background-color: #Fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  transition: All 0.7s ease;
  z-index: 97;
  opacity: 0;
  right: -300px;
}
.guidePop_box.on {
  right: 30px;
  opacity: 1;
}
.guidePop_box .btn_guide_pop {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.33px;
  text-align: center;
  color: #3655d6;
  cursor: pointer;
}
.guidePop_box .btn_guide_pop .img {
  border: 1px solid #f7f9fc;
  display: inline-block;
  height: 40px;
  padding: 5px 5px;
}
.guidePop_box .close {
  padding: 12px 15px;
  margin-left: 7px;
}
.guidePop_box .close:after {
  display: inline-block;
  content: "×";
  font-size: 18px;
  font-weight: 700;
}

.premiumLock_cunt {
  position: fixed;
  bottom: 25px;
  right: 25px;
  cursor: move;
  display: block;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  text-align: center;
  background-color: #Fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  transition: All 0.7s ease;
  z-index: 97;
  opacity: 0;
  right: -300px;
}
.premiumLock_cunt.on {
  right: 30px;
  opacity: 1;
}
.premiumLock_cunt .more {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 410px;
  padding: 12px 15px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.33px;
  text-align: center;
  color: #3655d6;
  cursor: default;
}
.premiumLock_cunt .go_link {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  width: 180px;
  padding: 8px 0;
  font-size: 14px;
}
.premiumLock_cunt .go_link::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.premiumLock_cunt .go_link b {
  color: #ff8d5a;
  font-weight: 700;
}
.premiumLock_cunt .go_link::before {
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 20px;
  top: 16px;
}

.ui-datepicker-div {
  z-index: 11;
}

.ui-datepicker-trigger {
  display: inline-block;
  vertical-align: sub;
  height: 22px;
  margin-left: 3px;
  position: relative;
  top: 3px;
}

.ui-datepicker-year,
.ui-datepicker-month {
  font-size: 12px;
  color: #656d7e;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 0 3px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #374b9d;
  background: #374b9d;
  color: #fff;
}

.ui-datepicker-calendar,
.ui-datepicker-current {
  display: none;
}

.guide_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-125%, 10%);
  box-shadow: 0px 0px 7px 2px #dfdfdf;
  border-radius: 8px;
  padding: 35px 15px 15px;
  background: #fff;
  width: 340px;
  box-sizing: border-box;
  z-index: 81;
  text-align: left;
  display: none;
}
.guide_box li,
.guide_box p {
  line-height: 1.6;
}

.guide_box .clse {
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  position: absolute;
  right: -7px;
  top: -8px;
  background-color: #d3d3d3;
  padding: 2px;
  border-radius: 50%;
}

.guide_box .clse {
  display: inline-block;
  font-size: 0;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  position: absolute;
  right: -7px;
  top: -8px;
  background-color: #d3d3d3;
  padding: 2px;
  border-radius: 50%;
}

.guide_box .clse::after {
  content: "";
  height: 14px;
  border-left: 1px solid #fff;
  position: absolute;
  transform: rotate(45deg);
  top: 5px;
  left: 12px;
}

.guide_box .clse::before {
  content: "";
  height: 14px;
  border-left: 1px solid #fff;
  position: absolute;
  transform: rotate(-45deg);
  top: 5px;
  left: 12px;
}

.guide_box .txt strong {
  font-size: 12px;
  line-height: 1.42;
  color: #6a6a6a;
}

.guide_box li.list_txt {
  font-size: 12px;
  line-height: 1.42;
  text-align: left;
  color: #6a6a6a;
  padding-left: 10px;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}

.guide_box li.list_txt::before {
  content: "";
  width: 5px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #6a6a6a;
}

.guide_box .txt {
  font-size: 12px;
  line-height: 1.42;
  color: #6a6a6a;
  text-align: left;
  margin-bottom: 13px;
}

.free_sampleBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.free_sampleBox img {
  display: block;
  width: 100%;
  height: 100%;
}
.free_sampleBox::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.free_sampleBox .btn_freePop {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  position: absolute;
  display: block;
  width: 45%;
  margin: 0 auto;
  padding: 30px 30px;
  box-sizing: border-box;
  background-color: #404fc3;
  opacity: 0.8;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  font-size: 18px;
  color: #fff;
}
.free_sampleBox .btn_freePop::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.free_sampleBox .btn_freePop b {
  color: #ff8d5a;
  font-weight: 700;
}
.free_sampleBox .btn_freePop::before {
  display: none;
}

.valueline #wrap #container {
  padding-top: 72px;
}
.valueline #wrap #container .top_banner {
  margin-bottom: 30px;
}
.valueline #wrap #container .top_banner a, .valueline #wrap #container .top_banner img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.valueline #wrap #container .attention_area {
  position: relative;
  padding: 19px 70px 19px 26px;
  border-radius: 5px;
  background-color: #eceff5;
}
.valueline #wrap #container .attention_area.sub_attention {
  margin-bottom: 13px;
}
.valueline #wrap #container .attention_area .no_data {
  padding: 25px 0;
  font-size: 16px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}
.valueline #wrap #container .attention_area .swiper-button-next, .valueline #wrap #container .attention_area .swiper-button-prev {
  width: 9px;
  height: 9px;
  border-top: 1px solid #374b9d;
  border-right: 1px solid #374b9d;
  display: inline-block;
  background-color: #eceff5;
  top: 69px;
}
.valueline #wrap #container .attention_area .swiper-button-next {
  transform: rotate(45deg);
  left: auto;
  right: 24px;
}
.valueline #wrap #container .attention_area .swiper-button-prev {
  transform: rotate(-135deg);
  left: auto;
  right: 44px;
}
.valueline #wrap #container .attention_area .main_attboxswiper {
  position: relative;
  overflow: hidden;
}
.valueline #wrap #container .attention_area .main_attboxswiper .swiper-slide:first-child .data_area::before {
  display: none;
}
.valueline #wrap #container .attention_area .data_area {
  display: inline-block;
  position: relative;
  padding-left: 12px;
}
.valueline #wrap #container .attention_area .data_area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 66px;
  background-color: #dbdfed;
}
.valueline #wrap #container .attention_area .data_area .name {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 110px;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
  vertical-align: top;
}
.valueline #wrap #container .attention_area .data_area .name.update {
  max-width: 136px;
  padding-right: 46px;
}
.valueline #wrap #container .attention_area .data_area .name.update::after {
  content: "update";
  position: absolute;
  right: 0;
  top: 2px;
  width: 36px;
  height: 17px;
  padding: 2px 2px 1px;
  box-sizing: border-box;
  background-color: #2ec400;
  border-radius: 3px;
  font-size: 10px;
  text-align: center;
  font-weight: 300;
  color: #fff;
}
.valueline #wrap #container .attention_area .data_area .detail .price {
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
  margin: 5px 0;
}
.valueline #wrap #container .attention_area .data_area .detail .price .unit {
  display: inline-block;
  padding-left: 1px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .attention_area .data_area .detail .gap, .valueline #wrap #container .attention_area .data_area .detail .per {
  vertical-align: top;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #d30000;
}
.valueline #wrap #container .attention_area .data_area .detail.up .gap, .valueline #wrap #container .attention_area .data_area .detail.up .per {
  color: #d30000;
}
.valueline #wrap #container .attention_area .data_area .detail.down .gap, .valueline #wrap #container .attention_area .data_area .detail.down .per {
  color: #0052ff;
}
.valueline #wrap #container .attention_area .data_area .detail.up .gap, .valueline #wrap #container .attention_area .data_area .detail.up .per {
  color: #d30000;
}
.valueline #wrap #container .attention_area .data_area .detail.same .gap, .valueline #wrap #container .attention_area .data_area .detail.same .per {
  color: #222;
}
.valueline #wrap #container .indices_area {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.valueline #wrap #container .indices_area .table_box {
  width: calc(100% - 254px - 25px);
}
.valueline #wrap #container .indices_area .table_box .indices_table {
  width: 100%;
}
.valueline #wrap #container .indices_area .table_box .indices_table thead th {
  border-bottom: 2px solid #7389af;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.3px;
  color: #7389af;
  text-align: center;
}
.valueline #wrap #container .indices_area .table_box .indices_table thead .title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
}
.valueline #wrap #container .indices_area .table_box .indices_table tbody td {
  border-bottom: 1px solid #e7eaf2;
  padding: 10px 8px 10px 5px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #222;
  text-align: right;
}
.valueline #wrap #container .indices_area .table_box .indices_table tbody td:first-child {
  background-color: #fff;
}
.valueline #wrap #container .indices_area .table_box .indices_table tbody td.cospi, .valueline #wrap #container .indices_area .table_box .indices_table tbody td.kosdaq {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #7389af;
}
.valueline #wrap #container .indices_area .table_box .indices_table tbody td.up .per {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #d30000;
}
.valueline #wrap #container .indices_area .table_box .indices_table tbody td.down .per {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #0052ff;
}
.valueline #wrap #container .indices_area .table_box .indices_table tbody td.same .per {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #444;
}
.valueline #wrap #container .indices_area .table_box .table_unitdate {
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
.valueline #wrap #container .indices_area .banner_top_right {
  width: 254px;
  height: 116px;
  margin-left: 25px;
}
.valueline #wrap #container .indices_area .banner_top_right a, .valueline #wrap #container .indices_area .banner_top_right img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.valueline #wrap #container .new_listing {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.valueline #wrap #container .new_listing .left {
  border-radius: 5px;
  background-color: #fff;
  width: 50%;
  padding: 20px 30px;
  box-sizing: border-box;
}
.valueline #wrap #container .new_listing .left .new_tabs tbody td:nth-child(2) {
  padding-right: 0;
}
.valueline #wrap #container .new_listing .left .new_tabs .tab_area ul {
  display: flex;
  background: url("/img/dot_gray.png") repeat-x left calc(100% + 1px);
}
.valueline #wrap #container .new_listing .left .new_tabs .tab_area ul li {
  cursor: pointer;
  font-size: 20px;
  letter-spacing: -0.5px;
  color: #656d7e;
  margin-left: 22px;
  padding-bottom: 8px;
  box-sizing: border-box;
}
.valueline #wrap #container .new_listing .left .new_tabs .tab_area ul li:first-child {
  margin-left: 0;
}
.valueline #wrap #container .new_listing .left .new_tabs .tab_area ul li.active {
  padding-bottom: 8px;
  border-bottom: 3px solid #3655d6;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #3655d6;
}
.valueline #wrap #container .new_listing .right {
  width: calc(50% - 25px);
}
.valueline #wrap #container .new_listing .right .top {
  padding: 20px 30px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
}
.valueline #wrap #container .new_listing .right .top .turn_tabs .tab_area ul {
  display: flex;
  background: url("/img/dot_gray.png") repeat-x left calc(100% + 1px);
}
.valueline #wrap #container .new_listing .right .top .turn_tabs .tab_area ul li {
  cursor: pointer;
  font-size: 20px;
  letter-spacing: -0.5px;
  color: #656d7e;
  margin-left: 22px;
  padding-bottom: 8px;
  box-sizing: border-box;
}
.valueline #wrap #container .new_listing .right .top .turn_tabs .tab_area ul li:first-child {
  margin-left: 0;
}
.valueline #wrap #container .new_listing .right .top .turn_tabs .tab_area ul li.active {
  padding-bottom: 8px;
  border-bottom: 3px solid #3655d6;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #3655d6;
}
.valueline #wrap #container .new_listing .right .top .turn_tabs .tab_content {
  position: relative;
}
.valueline #wrap #container .new_listing .right .top .turn_tabs .tab_content .tabs_info {
  position: absolute;
  right: 0;
  top: -42px;
  font-size: 12px;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .right .btm {
  margin-top: 15px;
  padding: 20px 30px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  padding: 0;
}
.valueline #wrap #container .new_listing .right .btm .title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 9px 36px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
  background: #eceff5 url("/img/icon_chartFill.svg") no-repeat 13px center;
}
.valueline #wrap #container .new_listing .right .btm .title strong {
  color: #3655d6;
  font-weight: 700;
}
.valueline #wrap #container .new_listing .right .btm .table_box {
  overflow: hidden;
  padding: 0 13px 15px;
}
.valueline #wrap #container .new_listing .newListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .newListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .newListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .newListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .newListing_table:last-child thead th, .valueline #wrap #container .new_listing .newListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .newListing_table th, .valueline #wrap #container .new_listing .newListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .newListing_table th.txt_c, .valueline #wrap #container .new_listing .newListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .newListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .newListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .newListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .newListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .newListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .newListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .newListing_table tbody td.up .price, .valueline #wrap #container .new_listing .newListing_table tbody td.down .price, .valueline #wrap #container .new_listing .newListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .newListing_table tbody td.up .per, .valueline #wrap #container .new_listing .newListing_table tbody td.down .per, .valueline #wrap #container .new_listing .newListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .newListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .newListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .alloListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .alloListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .alloListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .alloListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .alloListing_table:last-child thead th, .valueline #wrap #container .new_listing .alloListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .alloListing_table th, .valueline #wrap #container .new_listing .alloListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .alloListing_table th.txt_c, .valueline #wrap #container .new_listing .alloListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .alloListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .alloListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .alloListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td.up .price, .valueline #wrap #container .new_listing .alloListing_table tbody td.down .price, .valueline #wrap #container .new_listing .alloListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td.up .per, .valueline #wrap #container .new_listing .alloListing_table tbody td.down .per, .valueline #wrap #container .new_listing .alloListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .alloListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .alloListing_table tr td:nth-child(3),
.valueline #wrap #container .new_listing .alloListing_table tr th:nth-child(3) {
  width: 110px;
  box-sizing: border-box;
}
.valueline #wrap #container .new_listing .aiListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .aiListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .aiListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .aiListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .aiListing_table:last-child thead th, .valueline #wrap #container .new_listing .aiListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .aiListing_table th, .valueline #wrap #container .new_listing .aiListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .aiListing_table th.txt_c, .valueline #wrap #container .new_listing .aiListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .aiListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .aiListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .aiListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td.up .price, .valueline #wrap #container .new_listing .aiListing_table tbody td.down .price, .valueline #wrap #container .new_listing .aiListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td.up .per, .valueline #wrap #container .new_listing .aiListing_table tbody td.down .per, .valueline #wrap #container .new_listing .aiListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .aiListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .aiListing_table .increase {
  color: #d30000;
}
.valueline #wrap #container .new_listing .aiListing_table .decrease {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .aiListing_table .평가 {
  display: inline-block;
  padding: 4px 4px;
  border-radius: 6px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  width: 38px;
}
.valueline #wrap #container .new_listing .aiListing_table .attention_box {
  position: relative;
  padding-left: 14px;
}
.valueline #wrap #container .new_listing .aiListing_table .attention_box .attention {
  background-color: #bfc8d6;
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  animation-name: beat;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.valueline #wrap #container .new_listing .aiListing_table .attention_box .attention:after {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0px;
  left: 4px;
}
.valueline #wrap #container .new_listing .aiListing_table .attention_box .attention:before {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -4px;
  left: 0px;
}
.valueline #wrap #container .new_listing .aiListing_table .attention_box .attention.on, .valueline #wrap #container .new_listing .aiListing_table .attention_box .attention.on:after, .valueline #wrap #container .new_listing .aiListing_table .attention_box .attention.on:before {
  background-color: #ff6f6f;
}
.valueline #wrap #container .new_listing .aiListing_table td.txt_L {
  text-align: left;
}
.valueline #wrap #container .new_listing .hotListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .hotListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .hotListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .hotListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .hotListing_table:last-child thead th, .valueline #wrap #container .new_listing .hotListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .hotListing_table th, .valueline #wrap #container .new_listing .hotListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .hotListing_table th.txt_c, .valueline #wrap #container .new_listing .hotListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .hotListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .hotListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .hotListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td.up .price, .valueline #wrap #container .new_listing .hotListing_table tbody td.down .price, .valueline #wrap #container .new_listing .hotListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td.up .per, .valueline #wrap #container .new_listing .hotListing_table tbody td.down .per, .valueline #wrap #container .new_listing .hotListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .hotListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .hotListing_table .attention_box {
  position: relative;
  padding-left: 14px;
}
.valueline #wrap #container .new_listing .hotListing_table .attention_box .attention {
  background-color: #bfc8d6;
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  animation-name: beat;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.valueline #wrap #container .new_listing .hotListing_table .attention_box .attention:after {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0px;
  left: 4px;
}
.valueline #wrap #container .new_listing .hotListing_table .attention_box .attention:before {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -4px;
  left: 0px;
}
.valueline #wrap #container .new_listing .hotListing_table .attention_box .attention.on, .valueline #wrap #container .new_listing .hotListing_table .attention_box .attention.on:after, .valueline #wrap #container .new_listing .hotListing_table .attention_box .attention.on:before {
  background-color: #ff6f6f;
}
.valueline #wrap #container .new_listing .hotListing_table td.txt_L {
  text-align: left;
}
.valueline #wrap #container .new_listing .turnListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child thead th, .valueline #wrap #container .new_listing .turnListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .turnListing_table th, .valueline #wrap #container .new_listing .turnListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .turnListing_table th.txt_c, .valueline #wrap #container .new_listing .turnListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .turnListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .turnListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .turnListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td.up .price, .valueline #wrap #container .new_listing .turnListing_table tbody td.down .price, .valueline #wrap #container .new_listing .turnListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td.up .per, .valueline #wrap #container .new_listing .turnListing_table tbody td.down .per, .valueline #wrap #container .new_listing .turnListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .turnListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child {
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child::before {
  display: none;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child thead {
  visibility: initial;
}
.valueline #wrap #container .new_listing .turnListing_table:last-child thead th, .valueline #wrap #container .new_listing .turnListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .new_tabs tbody td {
  padding: 0 12px;
  box-sizing: border-box;
  text-align: right;
}
.valueline #wrap #container .new_listing .new_tabs tbody td:nth-child(1) {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .new_tabs tbody td:nth-child(2) {
  padding: 5px 0;
  padding-right: 30px;
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
}
.valueline #wrap #container .new_listing .new_tabs tbody td:nth-child(2) .price {
  min-width: 100px;
}
.valueline #wrap #container .new_listing .new_tabs tbody td:nth-child(2) .per {
  text-align: left;
  width: auto;
}
.valueline #wrap #container .new_listing .mriListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child thead th, .valueline #wrap #container .new_listing .mriListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .mriListing_table th, .valueline #wrap #container .new_listing .mriListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .mriListing_table th.txt_c, .valueline #wrap #container .new_listing .mriListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .mriListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .mriListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .mriListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td.up .price, .valueline #wrap #container .new_listing .mriListing_table tbody td.down .price, .valueline #wrap #container .new_listing .mriListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td.up .per, .valueline #wrap #container .new_listing .mriListing_table tbody td.down .per, .valueline #wrap #container .new_listing .mriListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .mriListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .mriListing_table td.txt_c {
  padding: 0 10px !important;
}
.valueline #wrap #container .new_listing .mriListing_table td.up, .valueline #wrap #container .new_listing .mriListing_table td.down, .valueline #wrap #container .new_listing .mriListing_table td.same {
  display: flex;
  gap: 3px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.valueline #wrap #container .new_listing .mriListing_table td.up .price, .valueline #wrap #container .new_listing .mriListing_table td.down .price, .valueline #wrap #container .new_listing .mriListing_table td.same .price {
  display: inline-block;
  text-align: right;
  width: 30px;
}
.valueline #wrap #container .new_listing .mriListing_table td.up .per, .valueline #wrap #container .new_listing .mriListing_table td.down .per, .valueline #wrap #container .new_listing .mriListing_table td.same .per {
  display: inline-block;
  text-align: left;
  width: 30px;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child {
  margin-top: 15px;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child::before {
  display: none;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child thead {
  visibility: initial;
}
.valueline #wrap #container .new_listing .mriListing_table:last-child thead th, .valueline #wrap #container .new_listing .mriListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .perListing_table {
  position: relative;
  width: 100%;
  margin-top: 15px;
  float: left;
  width: calc(50% - 20px);
}
.valueline #wrap #container .new_listing .perListing_table:last-child {
  margin-top: 40px;
}
.valueline #wrap #container .new_listing .perListing_table:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .perListing_table:last-child thead {
  visibility: collapse;
}
.valueline #wrap #container .new_listing .perListing_table:last-child thead th, .valueline #wrap #container .new_listing .perListing_table:last-child thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .new_listing .perListing_table th, .valueline #wrap #container .new_listing .perListing_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .perListing_table th.txt_c, .valueline #wrap #container .new_listing .perListing_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .new_listing .perListing_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .new_listing .perListing_table thead th.yield {
  text-align: center;
}
.valueline #wrap #container .new_listing .perListing_table thead th.num {
  text-align: center;
}
.valueline #wrap #container .new_listing .perListing_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.name {
  width: 140px;
  max-width: 140px;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 160px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.up .price, .valueline #wrap #container .new_listing .perListing_table tbody td.down .price, .valueline #wrap #container .new_listing .perListing_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.up .per, .valueline #wrap #container .new_listing .perListing_table tbody td.down .per, .valueline #wrap #container .new_listing .perListing_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.same .per {
  color: #444;
}
.valueline #wrap #container .new_listing .perListing_table thead th {
  padding-bottom: 6px !important;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.txt_c {
  font-size: 14px;
  padding: 0 2px;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.txt_c .price {
  font-size: 14px;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.name {
  width: 110px;
  max-width: 110px;
}
.valueline #wrap #container .new_listing .perListing_table tbody td.name a {
  max-width: 110px;
  padding-right: 10px;
}
.valueline #wrap #container .new_listing .perListing_table:last-child {
  margin-top: 15px;
  float: right;
}
.valueline #wrap #container .new_listing .perListing_table:last-child::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 1px;
  height: 118px;
  background-color: #e7eaf2;
}
.valueline #wrap #container .new_listing .perListing_table:last-child thead {
  visibility: inherit;
}
.valueline #wrap #container .btm_layBox {
  clear: both;
  position: relative;
  margin-top: 55px;
}
.valueline #wrap #container .btm_layBox::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
.valueline #wrap #container .btm_layBox .left {
  min-height: 100px;
  float: left;
  width: calc(100% - 254px - 26px);
}
.valueline #wrap #container .btm_layBox .left .ratio_box {
  margin-bottom: 55px;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #3655d6;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox {
  position: relative;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_update {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div {
  position: relative;
  float: left;
  width: calc(50% - 20px);
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div:last-child {
  float: right;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div:last-child::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 47px;
  width: 1px;
  height: 106px;
  background-color: #e7eaf2;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table {
  width: 100%;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table th, .valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table td {
  padding: 9px 0 6px;
  background: none;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table thead th {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table tbody td {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #656d7e;
  padding: 5px 0;
  padding-right: 5px;
  box-sizing: border-box;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table tbody td.name {
  width: 150px;
  max-width: 150px;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .table_div .table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 150px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .ratio_boxboxswiper .swiper-wrapper .swiper-slide {
  border-top: 2px solid #7389af;
  border-bottom: 1px solid #bdc8d8;
  padding-bottom: 10px;
  margin-top: 15px;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .swiper-container-horizontal > .swiper-pagination-bullets {
  top: 6px;
  bottom: auto;
  text-align: left;
  padding-left: 145px;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.valueline #wrap #container .btm_layBox .left .ratio_box .line_swbox .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 90px;
}
.valueline #wrap #container .btm_layBox .left .market_box {
  margin-top: 55px;
  position: relative;
}
.valueline #wrap #container .btm_layBox .left .market_box .title {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .left .market_box .table_update {
  position: absolute;
  right: 0;
  top: 13px;
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .market_box .chart_stand .tab_area {
  position: absolute;
  left: 60px;
  top: 3px;
  display: inline-block;
  padding-left: 25px;
}
.valueline #wrap #container .btm_layBox .left .market_box .chart_stand .tab_area ul li {
  display: inline-block;
}
.valueline #wrap #container .btm_layBox .left .market_box .chart_stand label {
  cursor: pointer;
}
.valueline #wrap #container .btm_layBox .left .market_box .chart_stand label:last-child {
  margin-left: 15px;
}
.valueline #wrap #container .btm_layBox .left .market_box .chart_stand label span {
  padding: 0 3px 0 5px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.valueline #wrap #container .btm_layBox .left .market_box .line_swbox {
  border-top: 2px solid #7389af;
  margin-top: 15px;
}
.valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style {
  height: 555px;
}
.valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style text, .valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style a {
  color: #fff !important;
  fill: #fff !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px;
}
.valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style text tspan, .valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style a tspan {
  color: #fff !important;
  fill: #fff !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px;
  stroke: none;
}
.valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style text .highcharts-br, .valueline #wrap #container .btm_layBox .left .market_box .line_swbox .treemap_style a .highcharts-br {
  background-color: red;
}
.valueline #wrap #container .btm_layBox .left .result_box {
  margin-top: 45px;
}
.valueline #wrap #container .btm_layBox .left .result_box .title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #3655d6;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox {
  position: relative;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_update {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div {
  position: relative;
  float: left;
  width: calc(50% - 20px);
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div:last-child {
  float: right;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div:last-child::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 47px;
  width: 1px;
  height: 106px;
  background-color: #e7eaf2;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table {
  width: 100%;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table th, .valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table td {
  padding: 9px 0 6px;
  background: none;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table thead th {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table tbody td {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #656d7e;
  padding: 5px 0;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table tbody td.name {
  width: 150px;
  max-width: 150px;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .table_div .table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 150px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .result_boxswiper .swiper-wrapper .swiper-slide {
  border-top: 2px solid #7389af;
  border-bottom: 1px solid #bdc8d8;
  padding-bottom: 10px;
  margin-top: 15px;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .swiper-container-horizontal > .swiper-pagination-bullets {
  top: 6px;
  bottom: auto;
  text-align: left;
  padding-left: 185px;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.valueline #wrap #container .btm_layBox .left .result_box .line_swbox .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 90px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data {
  display: flex;
  justify-content: space-between;
  padding: 9px 0 0;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table:nth-child(2) {
  margin-left: 30px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table:first-child::after {
  content: "";
  position: absolute;
  right: -12px;
  bottom: 5px;
  width: 1px;
  height: 107px;
  background-color: #e7eaf2;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table th, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table th.txt_c, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table th.txt_R, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table td.txt_R {
  text-align: right;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table thead th {
  padding-bottom: 5px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td {
  padding: 5px 2px;
  font-size: 14px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.dvsion {
  display: inline-block;
  border-radius: 3px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: bottom;
  color: #656d7e;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.dvsion.import {
  background-color: #d9e6ff;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.dvsion.all {
  color: #fff;
  background-color: #97a3c9;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.dvsion.result {
  color: #fff;
  background-color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.name {
  padding-left: 10px;
  width: 80px;
  max-width: 80px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 95px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.up, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.down, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.same {
  text-align: right;
  padding-right: 5px;
  display: flex;
  gap: 3px;
  align-items: center;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.up .price, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.down .price, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.same .price {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #222;
  min-width: 76px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.up .per, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.down .per, .valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #d30000;
  text-align: left;
  width: auto;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.same .per {
  padding-left: 5px;
  color: #444;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.cpson {
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.35px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.cpson.deficit {
  color: #d30000;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.cpson.bk_check {
  color: #0052ff;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.trans {
  text-align: center;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.trans span {
  display: inline-block;
  padding: 1px 3px;
  font-size: 12px;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 3px;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.trans.deficit span {
  color: #0052ff;
}
.valueline #wrap #container .btm_layBox .left .result_box .season_data .season_table tbody td.trans.bk_check span {
  color: #d30000;
}
.valueline #wrap #container .btm_layBox .right {
  float: right;
  width: 254px;
  min-height: 100px;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul {
  display: flex;
  background: url("/img/dot_gray.png") repeat-x left bottom;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li {
  flex: 1;
  cursor: pointer;
  padding: 7px 0 8px;
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.45px;
  color: #656d7e;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li:first-child::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 3px 3px;
  box-sizing: border-box;
  background: url("/img/tabcon_up.svg") no-repeat center bottom;
  filter: grayscale(100%);
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li:first-child.active {
  border-bottom: 2px solid #d30000;
  color: #d30000;
  font-weight: 700;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li:first-child.active::after {
  filter: grayscale(0%);
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li:last-child::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 3px 3px;
  box-sizing: border-box;
  background: url("/img/tabcon_down.svg") no-repeat center bottom;
  background-size: 12px 13px;
  filter: grayscale(100%);
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li:last-child.active {
  border-bottom: 2px solid #3655d6;
  color: #3655d6;
  font-weight: 700;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_area ul li:last-child.active::after {
  filter: grayscale(0%);
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content {
  padding: 10px 0 0;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li {
  display: flex;
  justify-content: space-between;
  padding: 5px 12px;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li a.name {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
  max-width: 110px;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #656d7e;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .up, .valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .down {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .up .price, .valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .down .price {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #656d7e;
  min-width: 50px;
  text-align: right;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .up .per, .valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .down .per {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.25px;
  color: #d30000;
  min-width: 50px;
}
.valueline #wrap #container .btm_layBox .right .updown_tabs .tab_content li .down .per {
  color: #0052ff;
}
.valueline #wrap #container .btm_layBox .right .spider_area {
  margin-top: 30px;
  border-radius: 5px;
  padding: 15px 0;
  box-sizing: border-box;
  background-color: #eceff5;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area {
  position: relative;
  padding: 0 15px 10px;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .name a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #374b9d;
  border-right: 1px solid #374b9d;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 8px;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .detail .price {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .detail .price .unit {
  display: inline-block;
  padding-left: 1px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .detail .per {
  padding-left: 3px;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #d30000;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .detail.up .per {
  color: #d30000;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .detail.down .per {
  color: #0052ff;
}
.valueline #wrap #container .btm_layBox .right .spider_area .data_area .detail.same .per {
  color: #222;
}
.valueline #wrap #container .btm_layBox .right .spider_area .perlist_area {
  border-top: 1px solid #dbdfed;
  padding: 10px 0 0;
  margin: 0 15px;
}
.valueline #wrap #container .btm_layBox .right .spider_area .perlist_area .perListing_table {
  width: 100%;
}
.valueline #wrap #container .btm_layBox .right .spider_area .perlist_area .perListing_table th, .valueline #wrap #container .btm_layBox .right .spider_area .perlist_area .perListing_table td {
  text-align: left;
}
.valueline #wrap #container .btm_layBox .right .spider_area .perlist_area .perListing_table th {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
.valueline #wrap #container .btm_layBox .right .spider_area .perlist_area .perListing_table td {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .btm_layBox .right .spider_area .chart_box {
  text-align: center;
}
.valueline #wrap #container .btm_layBox .right .spider_area .chart_box .containercharm1 {
  padding-top: 30px;
  height: 200px;
}
.valueline #wrap #container .btm_banner {
  background-color: #dbdfed;
}
.valueline #wrap #container .btm_banner a, .valueline #wrap #container .btm_banner img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.valueline #wrap #container .left .btm_banner {
  margin-top: 30px;
}
.valueline #wrap #container .resultdata_area {
  margin-top: 25px;
  margin-bottom: 65px;
  background-color: #fff;
}
.valueline #wrap #container .resultdata_area .season {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 4px solid #374b9d;
  border-bottom: 4px solid #e2e7f2;
  background-color: #f7f7f8;
}
.valueline #wrap #container .resultdata_area .season .box {
  flex: 1;
  position: relative;
  padding: 13px 25px 13px 45px;
  border-right: 1px solid #e2e7f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 45px;
}
.valueline #wrap #container .resultdata_area .season .box:first-child {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 100px;
}
.valueline #wrap #container .resultdata_area .season .box:first-child::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 83px;
  height: 100%;
  background: #374b9d url("/img/bg_filechart.svg") no-repeat center center;
}
.valueline #wrap #container .resultdata_area .season .box .title {
  font-size: 24px;
  font-weight: 700;
  color: #37c60c;
}
.valueline #wrap #container .resultdata_area .season .box .txt {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .resultdata_area .season .box .txt .update {
  float: right;
  font-size: 12px;
  line-height: 23px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
  padding-left: 40px;
}
.valueline #wrap #container .resultdata_area .season .box .sub_title {
  flex: 1;
  display: inline-block;
  border-radius: 3px;
  background-color: #d9e6ff;
  font-weight: 300;
  padding: 2px 0;
  font-size: 10px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #656d7e;
}
.valueline #wrap #container .resultdata_area .season .box .sub_title.all {
  background-color: #97a3c9;
  color: #fff;
}
.valueline #wrap #container .resultdata_area .season .box .subject {
  flex: 2;
}
.valueline #wrap #container .resultdata_area .season .box .subject dt {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.55px;
  color: #3655d6;
}
.valueline #wrap #container .resultdata_area .season .box .subject dt.same {
  color: #444;
}
.valueline #wrap #container .resultdata_area .season .box .subject dt .num {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #3655d6;
}
.valueline #wrap #container .resultdata_area .season .box .subject dd {
  padding-top: 5px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #656d7e;
}
.valueline #wrap #container .resultdata_area .season_data {
  padding: 25px 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table {
  flex: 1 1 40%;
  position: relative;
  width: 100%;
  max-width: calc(50% - 30px);
  box-sizing: border-box;
}
.valueline #wrap #container .resultdata_area .season_data .season_table::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e7eaf2;
}
.valueline #wrap #container .resultdata_area .season_data .season_table thead {
  visibility: collapse;
}
.valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(1)::before, .valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(2)::before {
  display: none;
}
.valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(1) thead, .valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(2) thead {
  visibility: visible;
}
.valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(1) thead th, .valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(1) thead td, .valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(2) thead th, .valueline #wrap #container .resultdata_area .season_data .season_table:nth-child(2) thead td {
  padding: 0;
  height: 0;
}
.valueline #wrap #container .resultdata_area .season_data .season_table th, .valueline #wrap #container .resultdata_area .season_data .season_table td {
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .resultdata_area .season_data .season_table th.txt_c, .valueline #wrap #container .resultdata_area .season_data .season_table td.txt_c {
  text-align: center;
}
.valueline #wrap #container .resultdata_area .season_data .season_table th.txt_R, .valueline #wrap #container .resultdata_area .season_data .season_table td.txt_R {
  text-align: right;
  padding-right: 16px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table thead th {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
  box-sizing: border-box;
}
.valueline #wrap #container .resultdata_area .season_data .season_table thead th:nth-child(1) {
  padding-left: 3px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table thead th:nth-child(2) {
  padding-left: 32px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td {
  padding: 5px 0;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.dvsion {
  display: inline-block;
  border-radius: 3px;
  padding: 2px 7px;
  background-color: #d9e6ff;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  text-align: center;
  color: #656d7e;
  position: relative;
  top: -2px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.dvsion.all {
  color: #fff;
  background-color: #97a3c9;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.dvsion.result {
  color: #fff;
  background-color: #b1b9cb;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.name {
  width: 130px;
  max-width: 130px;
  text-indent: 5px;
  padding: 6px 0;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.name a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #222;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.up, .valueline #wrap #container .resultdata_area .season_data .season_table tbody td.down, .valueline #wrap #container .resultdata_area .season_data .season_table tbody td.same {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  width: 150px;
  box-sizing: border-box;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.up .price, .valueline #wrap #container .resultdata_area .season_data .season_table tbody td.down .price, .valueline #wrap #container .resultdata_area .season_data .season_table tbody td.same .price {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
  text-align: right;
  width: 77px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.up .per, .valueline #wrap #container .resultdata_area .season_data .season_table tbody td.down .per, .valueline #wrap #container .resultdata_area .season_data .season_table tbody td.same .per {
  padding-left: 2px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #d30000;
  text-align: left;
  width: 55px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.down .per {
  color: #0052ff;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.same .per {
  padding-left: 5px;
  color: #444;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.cpson {
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.35px;
  width: 100px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.cpson.deficit {
  color: #d30000;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.cpson.bk_check {
  color: #0052ff;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.trans {
  text-align: center;
  width: 100px;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.trans span {
  display: inline-block;
  padding: 1px 3px;
  font-size: 10px;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 3px;
  width: 50px;
  box-sizing: border-box;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.trans.deficit span {
  border: 1px solid rgba(30, 81, 245, 0.2);
  color: #0052ff;
}
.valueline #wrap #container .resultdata_area .season_data .season_table tbody td.trans.bk_check span {
  border: 1px solid rgba(211, 0, 0, 0.2);
  color: #d30000;
}
.valueline #wrap #container .resultdata_area + .indices_area + .btm_layBox {
  margin-top: 0;
}

#container .M_right .contents.sub_con .tab_content {
  position: relative;
}
#container .M_right .contents.sub_con .tab_content .table_update {
  position: absolute;
  right: 0;
  top: -22px;
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents.sub_con .fix_table.clone thead th,
#container .M_right .contents.sub_con .fix_table.clone thead td {
  pointer-events: all;
}
#container .M_right .contents.sub_con .summary_Box .top {
  display: flex;
  gap: 0 9px;
}
#container .M_right .contents.sub_con .summary_Box .top .left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 50px;
  flex: 1;
  padding: 16px 25px;
  box-sizing: border-box;
  border-radius: 10px;
  border: solid 1px #efeff2;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box {
  flex: 1 1 25%;
  max-width: 23%;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box div.line1 .th {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.46px;
  color: #222;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box div.line1 .sum {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box div.line2 {
  margin-top: 2px;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box div.line2 .th {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #b1b9cb;
}
#container .M_right .contents.sub_con .summary_Box .top .left .box div.line2 .sum {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #656d7e;
}
#container .M_right .contents.sub_con .summary_Box .top .right {
  flex-basis: 250px;
  border-radius: 10px;
  background-color: #f4f6fa;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData {
  box-sizing: border-box;
  padding: 16px 22px;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_cunt a {
  display: block;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.33px;
  color: #222;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_cunt a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 3px solid #bfc6d9;
  border-right: 3px solid #bfc6d9;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: 5px;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_num {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 15px;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_num .num {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.65px;
  color: #656d7e;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_num .num strong {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.65px;
  color: #222;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_num .all {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.92;
  letter-spacing: -0.33px;
  color: #222;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_num .all strong {
  color: #3655d6;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_compare {
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: -0.5px;
  color: #656d7e;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_compare.up strong {
  color: #d30000;
}
#container .M_right .contents.sub_con .summary_Box .top .right .chartData .charm_compare.down strong {
  color: #26ABFF;
}
#container .M_right .contents.sub_con .summary_Box .mid {
  margin-top: 19px;
  display: flex;
  gap: 0 9px;
}
#container .M_right .contents.sub_con .summary_Box .mid .left {
  flex: 1;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box {
  margin-top: 28px;
  padding: 15px 5px;
  box-sizing: border-box;
  border-radius: 10px;
  min-height: 579px;
  border: solid 1px #efeff2;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .period_tabs {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  margin: 0 15px 30px;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .period_tabs li {
  cursor: pointer;
  flex: 1;
  padding: 8px 0;
  border-bottom: 1px solid #000;
  font-size: 13px;
  letter-spacing: -0.65px;
  text-align: center;
  color: #222;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .period_tabs li.active {
  font-weight: 700;
  border-bottom: 3px solid #000;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style {
  width: 100%;
  height: 480px;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-button-box {
  cursor: pointer;
  flex: 1;
  padding: 8px 0;
  border-bottom: 1px solid #000;
  font-size: 13px;
  letter-spacing: -0.65px;
  text-align: center;
  color: #222;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-navigator-xaxis {
  font-size: 0;
  opacity: 0;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-series-label text {
  font-size: 0 !important;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-input-group,
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-navigator {
  display: none;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-range-selector-group .highcharts-label {
  display: none !important;
  font-size: 0 !important;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-point-up {
  fill: rgb(252, 79, 79);
  stroke: rgb(252, 79, 79);
}
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-point-down,
#container .M_right .contents.sub_con .summary_Box .mid .left .chart_box .BICchart_style .highcharts-point-down-bearish-up {
  fill: rgb(54, 85, 214);
  stroke: rgb(54, 85, 214);
}
#container .M_right .contents.sub_con .summary_Box .mid .left .period_Data {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 10px;
  background-color: #f4f6fa;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .period_Data div strong {
  display: inline-block;
  padding-right: 13px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.54;
  letter-spacing: -0.65px;
  color: #656d7e;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .period_Data div span {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.92;
  letter-spacing: -0.33px;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .period_Data div span.up {
  color: #fc4f4f;
}
#container .M_right .contents.sub_con .summary_Box .mid .left .period_Data div span.down {
  color: #3655d6;
}
#container .M_right .contents.sub_con .summary_Box .mid .right {
  flex-basis: 250px;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding-left: 6px;
  margin-top: 28px;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .c_title {
  margin-top: 25px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.33px;
  color: #222;
  padding: 0 9px;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .c_title:first-child {
  margin-top: 0;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .unit {
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style {
  width: 100%;
  height: 240px;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style:last-child {
  border-bottom: none;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style .highcharts-label text,
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style .highcharts-label tspan {
  font-size: 12px !important;
  color: #707070 !important;
  fill: #707070 !important;
  font-weight: normal !important;
  text-shadow: none;
  stroke-width: 0;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style rect.highcharts-point {
  fill: #3655d6;
  background: #3655d6;
  stroke-width: 0;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style rect.highcharts-point.point_color {
  fill: #dbdfed !important;
  background: #dbdfed !important;
}
#container .M_right .contents.sub_con .summary_Box .mid .right .chart_box .financials_style .highcharts-point.highcharts-negative.highcharts-color-0 {
  fill: rgba(0, 147, 255, 0.35);
  background: rgba(0, 147, 255, 0.35);
}

#container .M_right .contents .bic_chartbox .chart_line {
  margin-top: 56px;
}
#container .M_right .contents .bic_chartbox .chart_line:first-child {
  margin-top: 0;
}
#container .M_right .contents .bic_chartbox .chart_line .title_box {
  padding: 21px 24px;
  background-color: #edf3ff;
}
#container .M_right .contents .bic_chartbox .chart_line .title_box .title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #3655d6;
}
#container .M_right .contents .bic_chartbox .chart_line .title_box .title i {
  font-style: normal;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #fff;
  background-color: #3655d6;
  min-width: 24px;
  height: 24px;
  padding: 0 5px;
  box-sizing: border-box;
  line-height: 24px;
  text-align: center;
  margin-right: 12px;
}
#container .M_right .contents .bic_chartbox .chart_line .title_box .sub_title {
  display: inline-block;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #656d7e;
  padding-left: 6px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .left {
  width: 500px;
  flex-grow: 1;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .left .chart_BIC .BICchart_style {
  background-color: #f7f7f8;
  height: 340px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .left .chart_BIC .BICchart_style.simple {
  height: 420px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .left .chart_BIC .BICchart_style .highcharts-title {
  font-family: "Spoqa Han Sans Neo";
  font-size: 17px !important;
  font-weight: 700;
  letter-spacing: -0.85px;
  text-align: center;
  color: #222 !important;
  fill: #222 !important;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .left .chart_BIC .BICchart_style .highcharts-title tspan {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.6px;
  fill: #3655d6;
  color: #3655d6;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .left .chart_BIC .BICchart_style .highcharts-point {
  stroke-width: 1;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right {
  width: calc(100% - 540px);
  padding-right: 5px;
  overflow: auto;
  max-height: 340px;
  box-sizing: border-box;
  margin-left: 40px;
  transition: width 0.35s;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right::-webkit-scrollbar {
  width: 8px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right::-webkit-scrollbar-thumb {
  background-color: #BDC8D8;
  border-radius: 8px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right::-webkit-scrollbar-track {
  background-color: #E7EAF2;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right.hide {
  width: 0;
  height: 0;
  margin-left: 0;
  overflow: hidden;
  transition: width 0.35s;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right.hide .title,
#container .M_right .contents .bic_chartbox .chart_line .con_box .right.hide .txt {
  color: #fff;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #374b9d;
  padding-top: 24px;
  padding-bottom: 13px;
  border-top: 1px solid #e8eaf1;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .title:first-child {
  padding-top: 6px;
  border-top: none;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .txt {
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding-bottom: 17px;
  word-break: break-all;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .txt span {
  color: #656d7e;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .txt b {
  color: #656d7e;
  font-weight: 700;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .tip {
  background: #edf3ff;
  padding: 3px 8px;
  margin-bottom: 15px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .tip .title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #374b9d;
  padding: 0;
  padding-bottom: 4px;
  border-top: 1px solid #e8eaf1;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .tip .txt {
  font-size: 12px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding: 0;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .table_sum {
  width: 100%;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .table_sum th,
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .table_sum td {
  padding: 2px 2px;
  border: 1px solid #bdc8d8;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .table_sum thead th {
  padding: 3px 2px;
  background-color: #7489af;
  color: #fff;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .table_sum tbody th,
#container .M_right .contents .bic_chartbox .chart_line .con_box .right .table_sum tbody td {
  font-size: 12px;
}
#container .M_right .contents .bic_chartbox .chart_line .con_box::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}

#container .M_right .contents .turn_box .thead2_table thead tr:first-child th,
#container .M_right .contents .turn_box .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .turn_box .thead2_table thead tr:nth-child(2) th,
#container .M_right .contents .turn_box .thead2_table thead tr:nth-child(2) td {
  background: #fff url("/img/gray_tdline.gif") repeat-x left top;
}
#container .M_right .contents .turn_box .thead2_table thead th.fix::before {
  display: none;
}
#container .M_right .contents .turn_box .thead2_table.fix_table thead .fix::before {
  content: "";
  position: absolute;
  right: -12px;
  top: 1px;
  bottom: 1px;
  width: 12px;
  height: 52px;
  background: url("/img/fix_shadow.svg") repeat-y 0 0;
}

#container .M_right .contents .excavation_area {
  position: relative;
}
#container .M_right .contents .excavation_area .table_update {
  position: absolute;
  right: 0;
  top: -19px;
  display: block;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents .excavation_area .thead2_table .fix {
  padding: 0 10px;
}
#container .M_right .contents .excavation_area .thead2_table td.bdr_r {
  border-right: 1px solid #e7eaf2;
}
#container .M_right .contents .excavation_area .thead2_table thead tr:nth-child(2) td {
  padding: 8.5px 3px;
}
#container .M_right .contents .excavation_area .thead2_table tbody td.txt_name a {
  color: #527bea;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}

#container .M_right .contents .excavation_area.blue_box .thead2_table {
  background: url("/img/gray_tdline.gif") repeat-x left bottom;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:first-child th, #container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:first-child th.fix::before, #container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:first-child td.fix::before {
  height: 68px;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:nth-child(2) th, #container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:nth-child(2) td {
  background: #fff url("/img/gray_tdline.gif") repeat-x left top !important;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:nth-child(2) td:first-child {
  background-color: #edf3ff !important;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead tr:nth-child(2) td:first-child strong {
  color: #374b9d;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table thead th.fix::before {
  display: none;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table tbody tr:first-child th, #container .M_right .contents .excavation_area.blue_box .thead2_table tbody tr:first-child td {
  background-image: url("/img/gray_thline.gif");
  background-position: left top;
  background-repeat: repeat-x;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table tbody th, #container .M_right .contents .excavation_area.blue_box .thead2_table tbody td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  height: 34px;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table tbody th.fix::before, #container .M_right .contents .excavation_area.blue_box .thead2_table tbody td.fix::before {
  min-height: 34px;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table tbody td:first-child {
  background-color: #fff;
}
#container .M_right .contents .excavation_area.blue_box .thead2_table tbody tr:last-child {
  border-bottom: 1px solid #e7eaf2;
}

#container .M_right .contents .excavation_area.ex_turn .thead2_table th, #container .M_right .contents .excavation_area.ex_turn .thead2_table td {
  padding: 8.5px 12px;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table thead th.fix::before, #container .M_right .contents .excavation_area.ex_turn .thead2_table thead td.fix::before {
  display: none;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table thead tr:nth-child(2) th, #container .M_right .contents .excavation_area.ex_turn .thead2_table thead tr:nth-child(2) td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table thead tr:nth-child(2) td:first-child {
  background-color: #edf3ff !important;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table thead tr:nth-child(2) td:first-child strong {
  color: #374b9d;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table tbody th, #container .M_right .contents .excavation_area.ex_turn .thead2_table tbody td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  height: 34px;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table tbody th.fix::before, #container .M_right .contents .excavation_area.ex_turn .thead2_table tbody td.fix::before {
  min-height: 34px;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table tbody td:first-child {
  background-color: #fff;
}
#container .M_right .contents .excavation_area.ex_turn .thead2_table tbody tr:last-child {
  border-bottom: 1px solid #e7eaf2;
}

#container .M_right .contents .excavation_area.turn_box .thead2_table thead tr:nth-child(2) td {
  padding: 3.5px 3px;
}

#container .M_right .contents .excavation_area.result .thead2_table th, #container .M_right .contents .excavation_area.result .thead2_table td {
  padding: 8.5px 12px;
}
#container .M_right .contents .excavation_area.result .thead2_table thead {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .excavation_area.result .thead2_table thead tr:first-child th, #container .M_right .contents .excavation_area.result .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .excavation_area.result .thead2_table thead tr:first-child th.fix, #container .M_right .contents .excavation_area.result .thead2_table thead tr:first-child td.fix {
  height: 60px;
}
#container .M_right .contents .excavation_area.result .thead2_table thead tr:first-child th.fix::before, #container .M_right .contents .excavation_area.result .thead2_table thead tr:first-child td.fix::before {
  height: 59px;
}
#container .M_right .contents .excavation_area.result .thead2_table thead tr:nth-child(2) th, #container .M_right .contents .excavation_area.result .thead2_table thead tr:nth-child(2) td {
  padding: 4px 3px;
  background: #fff url("/img/gray_tdline.gif") repeat-x left top !important;
}
#container .M_right .contents .excavation_area.result .thead2_table thead th.fix::before {
  display: none;
}
#container .M_right .contents .excavation_area.result .thead2_table tbody tr:first-child th, #container .M_right .contents .excavation_area.result .thead2_table tbody tr:first-child td {
  background-image: url("/img/gray_thline.gif");
  background-position: left top;
  background-repeat: repeat-x;
}
#container .M_right .contents .excavation_area.result .thead2_table tbody th, #container .M_right .contents .excavation_area.result .thead2_table tbody td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  height: 34px;
}
#container .M_right .contents .excavation_area.result .thead2_table tbody th.fix::before, #container .M_right .contents .excavation_area.result .thead2_table tbody td.fix::before {
  min-height: 34px;
}
#container .M_right .contents .excavation_area.result .thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .excavation_area.result .thead2_table tbody td:first-child {
  background-color: #fff;
}
#container .M_right .contents .excavation_area.result .thead2_table tbody tr:last-child {
  border-bottom: 1px solid #e7eaf2;
}

.top_shopping {
  margin-top: 25px;
}
.top_shopping .shop_title {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #45a528;
  padding-left: 20px;
}
.top_shopping .shop_title::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 100%;
  background: url("/img/icon_shop.svg") no-repeat 0 5px;
}
.top_shopping .shop_radio {
  display: inline-block;
  margin-left: 45px;
}
.top_shopping .shop_radio label {
  padding-right: 15px;
}
.top_shopping .shop_radio label span {
  padding-left: 5px;
  font-size: 13px;
  line-height: 2.85;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.top_shopping .shop_radio label input[type=radio]:checked:before {
  background: #45a528;
}
.top_shopping .shopping_list {
  border-radius: 10px;
}
.top_shopping .shopping_list .form_box .set_filter {
  position: relative;
  margin-top: 8px;
  background-color: #f5faf3;
  padding: 20px 24px;
}
.top_shopping .shopping_list .form_box .set_filter .help_box {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 20px;
  font-size: 10px;
  letter-spacing: -0.5px;
  padding-bottom: 1px;
  margin-left: 15px;
  color: #656d7e;
  border-bottom: 1px solid #656d7e;
}
.top_shopping .shopping_list .form_box .set_filter .help_box::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -15px;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_help.svg") no-repeat 0 0;
}
.top_shopping .shopping_list .form_box .set_filter .mid {
  position: relative;
  float: left;
  display: flex;
  gap: 16px 22px;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 20px;
  width: calc(100% - 170px);
  box-sizing: border-box;
}
.top_shopping .shopping_list .form_box .set_filter .mid::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #45a528;
  opacity: 0.1;
}
.top_shopping .shopping_list .form_box .set_filter .mid .box .th {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #222;
}
.top_shopping .shopping_list .form_box .set_filter .mid .box .sum {
  padding-left: 2px;
  font-size: 10px;
  letter-spacing: -0.25px;
  color: #656d7e;
}
.top_shopping .shopping_list .form_box .set_filter .mid .box label {
  margin-top: 5px;
  display: inline-block;
  color: #b1b9cb;
}
.top_shopping .shopping_list .form_box .set_filter .mid .box .input_txt {
  width: 40px;
  padding: 3px 5px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #45a528;
}
.top_shopping .shopping_list .form_box .set_filter .mid .box .input_txt:focus {
  border: 1px solid #90c480;
  box-shadow: 0px 0px 1px 2px #DCEDD6;
}
.top_shopping .shopping_list .form_box .set_filter .btm {
  text-align: right;
  width: 170px;
  position: absolute;
  right: 24px;
  bottom: 20px;
}
.top_shopping .shopping_list .form_box .set_filter .btm .btn_submit {
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #3655d6;
  padding: 7px 25px;
  color: #fff;
  font-size: 13px;
}
.top_shopping .shopping_list .form_box .set_filter .btm .reset {
  vertical-align: bottom;
  margin-left: 9px;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.5px;
  padding-bottom: 1px;
  color: #656d7e;
  border-bottom: 1px solid #656d7e;
}
.top_shopping .shopping_list .form_box .set_filter::after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}

#container .M_right .contents .excavation_area.shopping .thead2_table th, #container .M_right .contents .excavation_area.shopping .thead2_table td {
  padding: 8.5px 12px;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead tr:first-child th, #container .M_right .contents .excavation_area.shopping .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead tr:first-child th.fix, #container .M_right .contents .excavation_area.shopping .thead2_table thead tr:first-child td.fix {
  height: 60px;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead tr:first-child th.fix::before, #container .M_right .contents .excavation_area.shopping .thead2_table thead tr:first-child td.fix::before {
  height: 59px;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead tr:nth-child(2) th, #container .M_right .contents .excavation_area.shopping .thead2_table thead tr:nth-child(2) td {
  padding: 4px 3px;
  background: #fff url("/img/gray_tdline.gif") repeat-x left top !important;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead th.fix::before {
  display: none;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead td.order {
  position: relative;
  cursor: pointer;
  padding-right: 22px;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead td.order span.order_arow {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  right: 9px;
  vertical-align: middle;
  margin-left: 2px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead td.order.disabled span.order_disabled {
  opacity: 0.4;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  position: absolute;
  top: calc(50% + 3px);
  right: 7px;
  vertical-align: middle;
  margin-left: 2px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #97a3c9;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead td.order.disabled span.order_disabled::before {
  content: "";
  position: absolute;
  right: -4px;
  top: -16px;
  vertical-align: middle;
  margin-left: 2px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 7px solid #97a3c9;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead td.order.high span.order_arow {
  top: calc(50% + 2px);
  border-bottom: none;
  border-top: 7px solid #97a3c9;
}
#container .M_right .contents .excavation_area.shopping .thead2_table thead td.order.lower span.order_arow {
  border-bottom: 7px solid #97a3c9;
  border-top: none;
}
#container .M_right .contents .excavation_area.shopping .thead2_table tbody tr:first-child th, #container .M_right .contents .excavation_area.shopping .thead2_table tbody tr:first-child td {
  background-image: url("/img/gray_thline.gif");
  background-position: left top;
  background-repeat: repeat-x;
}
#container .M_right .contents .excavation_area.shopping .thead2_table tbody th, #container .M_right .contents .excavation_area.shopping .thead2_table tbody td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  height: 34px;
}
#container .M_right .contents .excavation_area.shopping .thead2_table tbody th.fix::before, #container .M_right .contents .excavation_area.shopping .thead2_table tbody td.fix::before {
  min-height: 34px;
}
#container .M_right .contents .excavation_area.shopping .thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .excavation_area.shopping .thead2_table tbody td:first-child {
  background-color: #fff;
}
#container .M_right .contents .excavation_area.shopping .thead2_table tbody tr:last-child {
  border-bottom: 1px solid #e7eaf2;
}

#container .M_right .contents .excavation_area.pattern .tab_content .BICchart_ptnStyle {
  display: inline-block;
  background-color: #f7f7f8;
  width: calc(50% - 10px);
  margin-bottom: 10px;
  height: 340px;
}
#container .M_right .contents .excavation_area.pattern .tab_content .BICchart_ptnStyle:nth-of-type(2n) {
  float: right;
}
#container .M_right .contents .excavation_area.pattern .tab_content .BICchart_ptnStyle .highcharts-title {
  font-family: "Spoqa Han Sans Neo";
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: -0.85px;
  text-align: center;
  color: #222 !important;
  fill: #222 !important;
}
#container .M_right .contents .excavation_area.pattern .tab_content .BICchart_ptnStyle .highcharts-title tspan {
  display: block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.6px;
  fill: #3655d6;
  color: #3655d6;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table {
  border-top: none;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table thead {
  background-color: #fff;
  z-index: 50;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table thead th, #container .M_right .contents .excavation_area.pattern .tab_content .thead2_table thead td {
  padding: 8.5px 3px;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table thead .fix::before {
  display: none;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table thead td:nth-child(3) {
  vertical-align: top;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td {
  border-right: 1px solid #e7eaf2;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td:nth-child(2n+1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td:first-child {
  width: 40px;
  box-sizing: border-box;
  padding: 8.5px 3px;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td:first-child, #container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td:nth-child(2n) {
  background-color: #fff;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td.txt_name {
  position: relative;
  padding-left: 10px;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td.txt_name a {
  max-width: 180px;
}
#container .M_right .contents .excavation_area.pattern .tab_content .thead2_table tbody td.txt_name::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 100%;
  background: url("/img/fix_shadow.svg") repeat-y 0 0;
}
#container .M_right .contents .excavation_area.pattern .paginate {
  margin-top: 30px;
}

#container .M_right .contents .excavation_area.pattern_gra .tab_content .thead2_table tbody td.txt_name a {
  max-width: 100px;
}

#container .M_right .top_invest.buffett .invest_box {
  position: relative;
  padding: 0 70px 13.5px 0;
  box-sizing: border-box;
  background-color: #f4f6fa;
}
#container .M_right .top_invest.buffett .invest_box p {
  overflow: hidden;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
  height: 72px;
}
#container .M_right .top_invest.buffett .invest_box.small .more::after {
  transform: rotate(135deg);
}
#container .M_right .top_invest.buffett .invest_box.big .more::after {
  top: 5px;
  transform: rotate(315deg);
}
#container .M_right .top_invest.buffett .invest_box .more {
  position: absolute;
  right: 20px;
  bottom: 13px;
  border-bottom: 1px solid #b1b9cb;
  font-size: 10px;
  letter-spacing: -0.5px;
  color: #b1b9cb;
  padding-right: 12px;
  padding-bottom: 2px;
  cursor: pointer;
}
#container .M_right .top_invest.buffett .invest_box .more::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 1px solid #BFC6D9;
  border-right: 1px solid #BFC6D9;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 3px;
}

#container .M_right .contents .invest_area.buffett {
  position: relative;
}
.top_invest {
  background: #f4f6fa;
  padding: 7px 7px;
}
.top_invest .sum_txt {
  padding: 2px 7px 0;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.top_invest .stand_standard {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding: 22px 0 22px 22px;
  border-radius: 10px;
}
.top_invest .stand_standard.face_buffett {
  background: #fff url("/img/face_buffett.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_graham {
  background: #fff url("/img/face_graham.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_templeton {
  background: #fff url("/img/face_templeton.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_lynch {
  background: #fff url("/img/face_lynch.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_greenblatt {
  background: #fff url("/img/face_greenblatt.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard .left {
  width: 150px;
  padding: 0 15px;
  box-sizing: border-box;
}
.top_invest .stand_standard .left .title {
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #3655d6;
}
.top_invest .stand_standard .cen {
  position: relative;
  text-align: left;
  width: calc(100% - 150px);
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
.top_invest .stand_standard .cen::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e7eaf2;
}
.top_invest .stand_standard .cen .stand_from {
  display: flex;
  justify-content: space-between;
}
.top_invest .stand_standard .cen .stand_from .from_box {
  width: calc(100% - 110px);
}
.top_invest .stand_standard .cen .stand_from .from_box .label {
  font-size: 0;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk {
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: calc(50% - 5px);
  padding-right: 30px;
  margin-top: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk:nth-child(1), .top_invest .stand_standard .cen .stand_from .from_box .label .label_chk:nth-child(2) {
  margin-top: 0;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox] {
  display: none;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding-left: 18px;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox] + label i {
  position: absolute;
  left: 0;
  top: 0px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/icon_agreecheck.svg") no-repeat right 0;
  filter: grayscale(100%) opacity(30%);
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox]:checked + label {
  display: inline-block;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox]:checked + label i {
  filter: grayscale(0%) opacity(100%);
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk .vote-num {
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.top_invest .stand_standard .cen .right {
  position: relative;
  width: 110px;
  padding-top: 2px;
  box-sizing: border-box;
  text-align: center;
}
.top_invest .stand_standard .cen .right::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e7eaf2;
}
.top_invest .stand_standard .cen .right .btn_submit {
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #3655d6;
  padding: 7px 25px;
  color: #fff;
  font-size: 13px;
}
.top_invest .stand_standard .cen .right .help_box {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 10px;
  letter-spacing: -0.5px;
  padding-bottom: 1px;
  margin-top: 10px;
  margin-left: 15px;
  color: #656d7e;
  border-bottom: 1px solid #656d7e;
  opacity: 0.4;
}
.top_invest .stand_standard .cen .right .help_box::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -16px;
  top: 0px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_help.svg") no-repeat 0 0;
}
#container .M_right .contents .invest_area.buffett .table_update {
  position: absolute;
  right: 0;
  top: -19px;
  display: block;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents .invest_area.buffett .thead2_table {
  border-top: none;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead .fix::before {
  display: none;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead th, #container .M_right .contents .invest_area.buffett .thead2_table thead td {
  padding: 8.5px 8px;
  vertical-align: middle;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:first-child th strong {
  color: #fff;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:first-child th:nth-child(1) {
  background: #374b9d;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:first-child th:nth-child(2) {
  background: #7489af;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:first-child th:nth-child(3) {
  background: #7b93f4;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:last-child th strong, #container .M_right .contents .invest_area.buffett .thead2_table thead tr:last-child td strong {
  font-size: 12px;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:last-child td:nth-child(n+3) {
  font-size: 12px;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:last-child td:nth-child(2) {
  position: relative;
  height: 50px;
}
#container .M_right .contents .invest_area.buffett .thead2_table thead tr:last-child td:nth-child(2)::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 49px;
  background: url("/img/fix_shadow.svg") repeat-y 0 0;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td {
  padding: 8.5px 8px;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td:nth-child(2n+1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td:first-child {
  width: 40px;
  box-sizing: border-box;
  padding: 8.5px 8px;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td:first-child, #container .M_right .contents .invest_area.buffett .thead2_table tbody td:nth-child(2n) {
  background-color: #fff;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td.txt_name {
  position: relative;
  padding: 8.5px 12px 8.5px 7px;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td.txt_name a {
  color: #527bea;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td.txt_name::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 100%;
  background: url("/img/fix_shadow.svg") repeat-y 0 0;
}
#container .M_right .contents .invest_area.buffett .thead2_table tbody td .check {
  display: inline-block;
  width: 16px;
  height: 12px;
  background: url("/img/icon_check.svg") no-repeat center center;
  background-size: 12px auto;
}
#container .M_right .contents .invest_area.buffett .paginate {
  margin-top: 30px;
}

#container .M_right .contents .invest_area.greenblatt {
  position: relative;
}
.top_invest {
  background: #f4f6fa;
  padding: 7px 7px;
}
.top_invest .sum_txt {
  padding: 2px 7px 0;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.top_invest .stand_standard {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding: 22px 0 22px 22px;
  border-radius: 10px;
}
.top_invest .stand_standard.face_buffett {
  background: #fff url("/img/face_buffett.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_graham {
  background: #fff url("/img/face_graham.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_templeton {
  background: #fff url("/img/face_templeton.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_lynch {
  background: #fff url("/img/face_lynch.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard.face_greenblatt {
  background: #fff url("/img/face_greenblatt.png") no-repeat left bottom;
  background-size: 102px auto;
}
.top_invest .stand_standard .left {
  width: 150px;
  padding: 0 15px;
  box-sizing: border-box;
}
.top_invest .stand_standard .left .title {
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #3655d6;
}
.top_invest .stand_standard .cen {
  position: relative;
  text-align: left;
  width: calc(100% - 150px);
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
.top_invest .stand_standard .cen::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e7eaf2;
}
.top_invest .stand_standard .cen .stand_from {
  display: flex;
  justify-content: space-between;
}
.top_invest .stand_standard .cen .stand_from .from_box {
  width: calc(100% - 110px);
}
.top_invest .stand_standard .cen .stand_from .from_box .label {
  font-size: 0;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk {
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: calc(50% - 5px);
  padding-right: 30px;
  margin-top: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk:nth-child(1), .top_invest .stand_standard .cen .stand_from .from_box .label .label_chk:nth-child(2) {
  margin-top: 0;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox] {
  display: none;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding-left: 18px;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox] + label i {
  position: absolute;
  left: 0;
  top: 0px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/icon_agreecheck.svg") no-repeat right 0;
  filter: grayscale(100%) opacity(30%);
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox]:checked + label {
  display: inline-block;
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk input[type=checkbox]:checked + label i {
  filter: grayscale(0%) opacity(100%);
}
.top_invest .stand_standard .cen .stand_from .from_box .label .label_chk .vote-num {
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.top_invest .stand_standard .cen .right {
  position: relative;
  width: 110px;
  padding-top: 2px;
  box-sizing: border-box;
  text-align: center;
}
.top_invest .stand_standard .cen .right::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e7eaf2;
}
.top_invest .stand_standard .cen .right .btn_submit {
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #3655d6;
  padding: 7px 25px;
  color: #fff;
  font-size: 13px;
}
.top_invest .stand_standard .cen .right .help_box {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 10px;
  letter-spacing: -0.5px;
  padding-bottom: 1px;
  margin-top: 10px;
  margin-left: 15px;
  color: #656d7e;
  border-bottom: 1px solid #656d7e;
  opacity: 0.4;
}
.top_invest .stand_standard .cen .right .help_box::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -16px;
  top: 0px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_help.svg") no-repeat 0 0;
}
.top_invest.greenblatt .stand_standard .left {
  width: 100px;
}
.top_invest.greenblatt .stand_standard .cen {
  width: calc(100% - 100px);
}
.top_invest.greenblatt .stand_standard .cen .title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #222;
}
.top_invest.greenblatt .stand_standard .cen .title span {
  font-weight: 700;
  color: #3655d6;
}
.top_invest.greenblatt .stand_standard .cen ul {
  margin-top: 5px;
}
.top_invest.greenblatt .stand_standard .cen ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.62;
  letter-spacing: -0.33px;
  color: #656d7e;
  padding-left: 16px;
}
.top_invest.greenblatt .stand_standard .cen ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-style: normal;
  color: #656d7e;
}

#container .M_right .contents .invest_area.greenblatt .table_update {
  position: absolute;
  right: 0;
  top: -19px;
  display: block;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table td.bdr_r {
  position: relative;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table td.bdr_r::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff url("/img/gray_tdline.gif") repeat-y right top;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table th, #container .M_right .contents .invest_area.greenblatt .thead2_table td {
  padding: 8.5px 12px;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table thead {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:first-child th, #container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:first-child th.fix, #container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:first-child td.fix {
  height: 60px;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:first-child th.fix::before, #container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:first-child td.fix::before {
  height: 59px;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:nth-child(2) th, #container .M_right .contents .invest_area.greenblatt .thead2_table thead tr:nth-child(2) td {
  padding: 4px 3px;
  background: #fff url("/img/gray_tdline.gif") repeat-x left top !important;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table thead th.fix::before {
  display: none;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody tr:first-child th, #container .M_right .contents .invest_area.greenblatt .thead2_table tbody tr:first-child td {
  background-image: url("/img/gray_thline.gif");
  background-position: left top;
  background-repeat: repeat-x;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody th, #container .M_right .contents .invest_area.greenblatt .thead2_table tbody td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  height: 34px;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody th.fix::before, #container .M_right .contents .invest_area.greenblatt .thead2_table tbody td.fix::before {
  min-height: 34px;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody td:first-child {
  background-color: #fff;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody td.txt_name a {
  color: #527bea;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
#container .M_right .contents .invest_area.greenblatt .thead2_table tbody tr:last-child {
  border-bottom: 1px solid #e7eaf2;
}

#container .M_right .contents .sectors_area {
  position: relative;
}
#container .M_right .contents .sectors_area .table_update {
  position: absolute;
  right: 0;
  top: -19px;
  display: block;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents .sectors_area .thead2_table td.bdr_r {
  border-right: 1px solid #e7eaf2;
}
#container .M_right .contents .sectors_area .thead2_table th, #container .M_right .contents .sectors_area .thead2_table td {
  padding: 8.5px 12px;
}
#container .M_right .contents .sectors_area .thead2_table thead {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .sectors_area .thead2_table thead tr:first-child th, #container .M_right .contents .sectors_area .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .sectors_area .thead2_table thead tr:first-child th.fix, #container .M_right .contents .sectors_area .thead2_table thead tr:first-child td.fix {
  height: 60px;
}
#container .M_right .contents .sectors_area .thead2_table thead tr:nth-child(2) th, #container .M_right .contents .sectors_area .thead2_table thead tr:nth-child(2) td {
  padding: 4px 3px;
  background: #fff url("/img/gray_tdline.gif") repeat-x left top !important;
}
#container .M_right .contents .sectors_area .thead2_table thead th.fix::before {
  display: none;
}
#container .M_right .contents .sectors_area .thead2_table tbody tr:first-child th, #container .M_right .contents .sectors_area .thead2_table tbody tr:first-child td {
  background-image: url("/img/gray_thline.gif");
  background-position: left top;
  background-repeat: repeat-x;
}
#container .M_right .contents .sectors_area .thead2_table tbody th, #container .M_right .contents .sectors_area .thead2_table tbody td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  height: 34px;
}
#container .M_right .contents .sectors_area .thead2_table tbody th.fix::before, #container .M_right .contents .sectors_area .thead2_table tbody td.fix::before {
  min-height: 34px;
}
#container .M_right .contents .sectors_area .thead2_table tbody td:nth-child(2n-1) {
  background-color: #f7f9fc;
}
#container .M_right .contents .sectors_area .thead2_table tbody td:first-child {
  background-color: #fff;
}
#container .M_right .contents .sectors_area .thead2_table tbody td.txt_name a {
  color: #527bea;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
#container .M_right .contents .sectors_area .thead2_table tbody tr:last-child {
  border-bottom: 1px solid #e7eaf2;
}
#container .M_right .contents .sectors_area .tab_content .scatterchart_style .highcharts-axis text {
  color: #656d7e !important;
  font-size: 13px !important;
  fill: #656d7e !important;
  font-weight: 700;
}
#container .M_right .contents .sectors_area.matrix h2 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.45px;
  color: #656d7e;
  padding-bottom: 30px;
}
#container .M_right .contents .sectors_area.matrix .table_update {
  top: -28px;
}

.top_swbox {
  position: relative;
  padding: 19px 24px 0;
  margin-bottom: 32px;
  box-sizing: border-box;
  background-color: #f7f9fd;
}
.top_swbox .table_update {
  position: absolute;
  right: 0;
  top: -19px;
  display: block;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: right;
  color: #b1b9cb;
}
.top_swbox .top_swboxswiper {
  padding-bottom: 38px;
}
.top_swbox .table_div {
  display: flex;
  justify-content: space-between;
}
.top_swbox .table_div .table {
  width: 50%;
}
.top_swbox .table_div .table th, .top_swbox .table_div .table td {
  padding: 5px 5px;
  vertical-align: middle;
}
.top_swbox .table_div .table:first-child {
  margin-right: 15px;
}
.top_swbox .table_div .table tbody th.sectors {
  cursor: pointer;
  border-right: 2px solid #e7eaf2;
  background-color: #fff;
}
.top_swbox .table_div .table tbody th.sectors strong {
  display: inline-block;
  box-sizing: border-box;
  min-width: 130px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
  vertical-align: sub;
}
.top_swbox .table_div .table tbody td {
  background-color: #fff;
}
.top_swbox .table_div .table tbody td:nth-child(2n) {
  background-color: #f7f9fc;
}

#container .M_right .contents .sectors_area.ratio .table_update {
  position: absolute;
  right: 0;
  top: -19px;
  display: block;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: right;
  color: #b1b9cb;
}
#container .M_right .contents .sectors_area.ratio .thead2_table {
  border-top: none;
  border-top: 2px solid #374b9d;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .order_select {
  display: inline-block;
  width: 56px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .order_select .ascend, #container .M_right .contents .sectors_area.ratio .thead2_table .order_select .descend {
  display: inline-block;
  width: 24px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .order_select .ascend {
  margin-right: 3px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .order_select .ascend i {
  border-bottom: 5px solid #97a3c9;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .order_select .descend i {
  border-top: 5px solid #97a3c9;
}
#container .M_right .contents .sectors_area.ratio .thead2_table td.bdr_r {
  border-right: 1px solid #e7eaf2;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead th, #container .M_right .contents .sectors_area.ratio .thead2_table thead td {
  padding: 7.5px 8px !important;
  vertical-align: middle;
  background: none;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th, #container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child td {
  background: #fff url("/img/gray_thline.gif") repeat-x left top;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th.fix, #container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child td.fix {
  height: auto;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th.fix::before, #container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child td.fix::before {
  height: auto;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th strong {
  color: #fff;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th:nth-child(1) {
  background: #374b9d;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th:nth-child(1) strong {
  font-size: 10px;
  font-weight: 400;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th:nth-child(2) {
  background: #7b93f4;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th:nth-child(3) {
  background: #fff;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:first-child th:nth-child(3) strong {
  color: #656d7e;
  font-weight: normal;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:nth-child(2) td:nth-child(2) {
  position: relative;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:nth-child(2) td:nth-child(2).fix {
  height: 65px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:nth-child(2) td:nth-child(2).fix::before {
  height: 64px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table thead tr:nth-child(3) td {
  background-image: url("/img/gray_tdline.gif");
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #fff;
}
#container .M_right .contents .sectors_area.ratio .thead2_table tbody td {
  padding: 8.5px 7px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table tbody td:first-child, #container .M_right .contents .sectors_area.ratio .thead2_table tbody td:nth-child(2n) {
  background-color: #fff;
}
#container .M_right .contents .sectors_area.ratio .thead2_table tbody td.txt_name {
  padding: 8.5px 12px 8.5px 7px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table tbody td.txt_name a {
  color: #527bea;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table tbody td .check {
  display: inline-block;
  width: 16px;
  height: 12px;
  background: url("/img/icon_check.svg") no-repeat 0 0;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown {
  display: inline-block;
  padding: 0 13px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown span {
  display: inline-block;
  padding: 0 1px;
  font-size: 13px;
  letter-spacing: -0.33px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown .name {
  color: #656d7e;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown .gap {
  color: #222;
  padding-left: 6px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown .per {
  font-size: 11px;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown .per.up {
  color: #d30000;
}
#container .M_right .contents .sectors_area.ratio .thead2_table .updown .per.down {
  color: #26ABFF;
}
#container .M_right .contents .sectors_area.ratio .paginate {
  margin-top: 30px;
}

#container .M_right .contents .ML_banner {
  background-color: #dbdfed;
  margin-top: 60px;
}
#container .M_right .contents .ML_banner a, #container .M_right .contents .ML_banner img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
#container .M_right .contents .inform_area.list .listWrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e7eaf2;
  padding: 13px 0;
}
#container .M_right .contents .inform_area.list .listWrap li:last-child {
  border-bottom: 1px solid #e7eaf2;
}
#container .M_right .contents .inform_area.list .listWrap li .category {
  position: relative;
  text-align: center;
  flex: 1;
}
#container .M_right .contents .inform_area.list .listWrap li .category::after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  display: inline-block;
  width: 1px;
  height: 17px;
  background-color: #e7eaf2;
}
#container .M_right .contents .inform_area.list .listWrap li .category span {
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
  color: #3655d6;
}
#container .M_right .contents .inform_area.list .listWrap li .iTitle {
  padding-left: 24px;
  flex-basis: 640px;
}
#container .M_right .contents .inform_area.list .listWrap li .iTitle a {
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #222;
}
#container .M_right .contents .inform_area.list .listWrap li .iTitle a:hover {
  text-decoration: underline;
}
#container .M_right .contents .inform_area.list .listWrap li .iTitle .file {
  display: inline-block;
  line-height: 16px;
  vertical-align: sub;
}
#container .M_right .contents .inform_area.list .listWrap li .iTitle .file img {
  display: inline-block;
}
#container .M_right .contents .inform_area.list .listWrap li .iTitle .re_cmt {
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #656d7e;
}
#container .M_right .contents .inform_area.list .listWrap li.lock .iTitle a {
  padding-left: 24px;
  background: url("/img/icon_lock.svg") no-repeat 0 4px;
}
#container .M_right .contents .inform_area.list .listWrap li .regDay {
  flex-basis: 100px;
  padding: 0 9px;
  text-align: right;
  box-sizing: border-box;
}
#container .M_right .contents .inform_area.list .listWrap li .regDay span {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view {
  margin-top: 18px;
  padding: 0 23px;
}
#container .M_right .contents .inform_area.view .viewWrap .top {
  border-bottom: 1px solid #e7eaf2;
  padding: 8px 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#container .M_right .contents .inform_area.view .viewWrap .top .category {
  width: 100%;
  display: block;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #3655d6;
}
#container .M_right .contents .inform_area.view .viewWrap .top .title {
  flex: 1 1 40%;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: left;
  color: #222;
}
#container .M_right .contents .inform_area.view .viewWrap .top .wtr_info {
  width: 120px;
  text-align: right;
  align-items: flex-end;
}
#container .M_right .contents .inform_area.view .viewWrap .top .wtr_info .day {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.35px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view .viewWrap .mid {
  border-bottom: 1px solid #F4F4F5;
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
}
#container .M_right .contents .inform_area.view .viewWrap .mid address, #container .M_right .contents .inform_area.view .viewWrap .mid caption, #container .M_right .contents .inform_area.view .viewWrap .mid em, #container .M_right .contents .inform_area.view .viewWrap .mid var {
  font-style: italic;
}
#container .M_right .contents .inform_area.view .viewWrap .mid ol {
  list-style: decimal;
  padding-left: 15px;
}
#container .M_right .contents .inform_area.view .viewWrap .mid ol li {
  list-style: list-item;
}
#container .M_right .contents .inform_area.view .viewWrap .mid blockquote:before, #container .M_right .contents .inform_area.view .viewWrap .mid blockquote:after, #container .M_right .contents .inform_area.view .viewWrap .mid q:before, #container .M_right .contents .inform_area.view .viewWrap .mid q:after {
  content: "";
}
#container .M_right .contents .inform_area.view .viewWrap .mid blockquote {
  margin: 20px 0 20px 15px;
  padding: 5px 15px;
  border-left: 3px solid #ccc;
}
#container .M_right .contents .inform_area.view .viewWrap .mid a {
  color: #06c;
  text-decoration: none;
}
#container .M_right .contents .inform_area.view .viewWrap .mid ul li {
  font-size: 0.875rem;
  padding-left: 13px;
  line-height: 22px;
  position: relative;
}
#container .M_right .contents .inform_area.view .viewWrap .mid ul li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #333;
  border-radius: 50%;
}
#container .M_right .contents .inform_area.view .viewWrap .mid p, #container .M_right .contents .inform_area.view .viewWrap .mid div {
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
}
#container .M_right .contents .inform_area.view .viewWrap .mid img {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}
#container .M_right .contents .inform_area.view .viewWrap .mid .iframe_video {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#container .M_right .contents .inform_area.view .viewWrap .mid .iframe_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
#container .M_right .contents .inform_area.view .viewWrap .mid .fileDown {
  display: block;
  padding: 15px 0;
  text-align: right;
}
#container .M_right .contents .inform_area.view .viewWrap .mid .fileDown a {
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  border: solid 1px #b1b9cb;
  padding: 7px 50px 0 30px;
  box-sizing: border-box;
  height: 35px;
  border-radius: 5px;
  background-color: #fff;
  background: #fff url("/img/icon_file.svg") no-repeat 10px center;
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: left;
  color: #656d7e;
  cursor: pointer;
}
#container .M_right .contents .inform_area.view .viewWrap .mid .fileDown a::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: #B1B9CB url("/img/icon_fileDown.svg") no-repeat center center;
}
#container .M_right .contents .inform_area.view .viewWrap .goLink {
  padding: 12px 0;
  text-align: right;
}
#container .M_right .contents .inform_area.view .viewWrap .goLink a {
  font-size: 14px;
  line-height: 0.71;
  letter-spacing: -0.7px;
  color: #656d7e;
  text-decoration: underline;
}
#container .M_right .contents .inform_area.view .recmtWrap {
  margin-top: 35px;
  text-align: left;
}
#container .M_right .contents .inform_area.view .recmtWrap .replyBox {
  padding: 8px 0;
  border-bottom: 1px solid #e7eaf2;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #656d7e;
}
#container .M_right .contents .inform_area.view .recmtWrap .replyBox strong {
  padding: 0 3px;
  font-weight: 700;
}
#container .M_right .contents .inform_area.view .recmtWrap .comment_area {
  position: relative;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_list li {
  padding: 20px 0;
  border-bottom: 1px solid #e7eaf2;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_nick_box {
  display: inline-block;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_nick_box .name {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #3655d6;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_info_box {
  display: inline-block;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_info_box .comment_info_date {
  padding-left: 3px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box {
  display: inline-block;
  position: relative;
  padding-left: 24px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention {
  background-color: #bfc8d6;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  animation-name: beat;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention:after {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0px;
  left: 4px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention:before {
  background-color: #bfc8d6;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -4px;
  left: 0px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention.on, #container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention.on:after, #container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention.on:before {
  background-color: #ff6f6f;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention + em {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .attention_box .attention.on + em {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #ff6f6f;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_text_box {
  display: block;
  margin-top: 15px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .comment_text_box .text_comment {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #222;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_article {
  position: absolute;
  right: 0;
  top: 0;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_article .button {
  display: inline-block;
  padding: 3px 0;
  margin-left: 5px;
  font-size: 12px;
  line-height: 0.83;
  letter-spacing: -0.6px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set {
  overflow: hidden;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box {
  z-index: 50;
  display: none;
  position: absolute;
  top: 30px;
  left: auto;
  right: -8px;
  margin-top: 2px;
  width: 300px;
  border-radius: 5px;
  border: solid 1px #e7eaf2;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px #93add3;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter input.input_txt {
  width: 90px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .top {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 0;
  background-color: #f4f6fa;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .top .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 0.71;
  letter-spacing: -0.7px;
  color: #3655d6;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .top .clse {
  display: inline-block;
  cursor: pointer;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .top .clse img {
  display: inline-block;
  width: 14px;
  height: 14px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid {
  padding: 10px 16px 5px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .title {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
  display: inline-block;
  width: 95px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid label {
  flex: 1 1 calc(50% - 30px);
  padding: 7px 0;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid label:nth-child(2n) {
  margin-left: 30px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid label span {
  padding-left: 5px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box {
  height: auto;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e7eaf2;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .mid_title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.7px;
  color: #3655d6;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort {
  margin-top: 15px;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li {
  flex: 1;
  height: 46px;
  padding-top: 7px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: 3px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #e8eaf1;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li span {
  display: inline-block;
  line-height: 15px;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #656d7e;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li:nth-child(1), #container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li:nth-child(5) {
  padding-top: 8px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li:first-child {
  margin-left: 0;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li:first-child span {
  font-weight: 700;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li.active {
  background-color: #3655d6;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .mid .sort_box .sort li.active span {
  color: #fff;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .btm {
  overflow: hidden;
  padding: 5px 16px 15px;
  margin-top: 10px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .btm .btn_submit {
  float: right;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #374b9d;
  padding: 3px 20px;
  color: #fff;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .report_set .set_box .set_filter .btm .btn_submit.btn_cncl {
  background-color: #bdc8d8;
  margin-right: 8px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter {
  border: 1px solid #98acd0;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_inbox {
  padding: 10px 18px;
  border-bottom: 1px solid #e7eaf2;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_inbox .name {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #3655d6;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach {
  padding: 15px 18px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .comment_inbox_text {
  resize: none;
  overflow: hidden;
  border: none;
  width: 100%;
  height: 100%;
  min-height: 40px;
  max-height: 300px;
  box-sizing: border-box;
  outline: none;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #222;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .comment_inbox_text::-moz-placeholder {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .comment_inbox_text::placeholder {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #b1b9cb;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .register_box {
  margin-top: 25px;
  text-align: right;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach.login .register_box .btn_register {
  background-color: #93add3;
  cursor: not-allowed;
  opacity: 0.35;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .register_box .btn_register {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 8px 13px;
  width: auto;
  font-size: 13px;
  letter-spacing: -0.33px;
  text-align: center;
  color: #fff;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .register_box .btn_register::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .register_box .btn_register b {
  color: #ff8d5a;
  font-weight: 700;
}
#container .M_right .contents .inform_area.view .recmtWrap .commentBox .commentWriter .comment_attach .register_box .btn_register::before {
  display: none;
}
#container .M_right .contents .inform_area.view .recmtWrap .reportWrap .comment_text_view {
  text-align: center;
  background-color: #F7F9FD;
  padding: 13px 0;
}
#container .M_right .contents .inform_area.view .recmtWrap .reportWrap .comment_text_view .text_comment {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #656d7e;
}

/* 전반적인 스타일 요소를 담당하는 파일 */
.종목명 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 20px;
}
.종목명 .company_logo {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-color: #f4f6fa;
  border-radius: 50%;
}
.종목명 .company_logo .logo {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #e7eaf2;
  box-sizing: border-box;
}
.종목명 .company_info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px 10px;
  flex-direction: column;
  align-content: flex-start;
  padding: 3px 0;
  width: calc(100% - 90px);
}
.종목명 .company_info .company_nm {
  display: flex;
  align-items: center;
  gap: 0 10px;
  max-width: 90%;
}
.종목명 .company_info .company_nm a {
  width: 100%;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.7px !important;
  color: #222;
}
.종목명 .company_info .ticker {
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.4px !important;
  color: #b1b9cb;
}
.종목명 .company_info .detail {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 9.5px;
  width: 100%;
}
.종목명 .company_info .detail .num > span {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.5px;
  text-align: left;
  color: #222;
}
.종목명 .company_info .detail .per {
  display: inline-block;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.35px !important;
  text-align: left;
}
.종목명 .company_info .detail .day {
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: -0.3px !important;
  color: #b1b9cb;
}
.종목명 .업데이트소식 {
  position: relative;
  width: 100%;
  margin-top: 30px;
  background-color: #fdfbf7;
  padding: 0 60px 0 80px;
  border-radius: 10px;
  box-sizing: border-box;
  border: solid 1px #fbf4ea;
}
.종목명 .업데이트소식 .more_box {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px 20px 17px;
}
.종목명 .업데이트소식 .more_box .more {
  font-size: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #bfc6d9;
  border-right: 2px solid #bfc6d9;
  display: inline-block;
  transform: rotate(135deg);
}
.종목명 .업데이트소식 .updata,
.종목명 .업데이트소식 .performance {
  position: absolute;
  left: 15px;
  top: 10px;
  display: inline-block;
  margin-right: 10px;
  padding: 4px 6px;
  border-radius: 6px;
  background-color: #ffea97;
  font-size: 11px;
  line-height: 1.27;
  text-align: center;
  color: #222;
}
.종목명 .업데이트소식 .performance_box {
  position: relative;
  margin-top: 25px;
}
.종목명 .업데이트소식 .performance_box::before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 36px);
  margin: 0 auto 25px;
  background-color: #bfc6d9;
}
.종목명 .업데이트소식 .performance_box .performance {
  background-color: #3655d6;
  color: #fff;
  top: 25px;
}
.종목명 .업데이트소식 .upData_Swiper {
  overflow: hidden;
  height: 40px;
}
.종목명 .업데이트소식 .upData_Swiper > .swiper-wrapper {
  transition-timing-function: linear;
}
.종목명 .업데이트소식 .upData_Swiper .swiper-slide {
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.종목명 .업데이트소식 .upData_Swiper .swiper-slide:first-child .txt {
  margin-left: 0;
}
.종목명 .업데이트소식 .txt {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #656d7e;
  margin: 10px 0;
  box-sizing: border-box;
  max-width: 100%;
  white-space: nowrap; /* 텍스트가 줄 바꿈되지 않도록 설정 */
  overflow: hidden; /* 텍스트를 넘어간 부분을 숨김 */
  text-overflow: ellipsis;
}
.종목명 .업데이트소식 .txt b {
  color: #222;
  padding: 0 2px;
}
.종목명 .업데이트소식 .txt b.increase {
  font-size: 13px;
  color: #ff545b;
}
.종목명 .업데이트소식 .txt b.decrease {
  font-size: 13px;
  color: #3655d6;
}
.종목명 .업데이트소식 .updata_allList {
  display: none;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: solid 1px #fbf4ea;
  background-color: #fdfbf7;
  z-index: 99;
}
.종목명 .업데이트소식 .updata_allList ul {
  margin-left: 80px;
}
.종목명 .업데이트소식 .updata_allList ul li {
  position: relative;
  padding-left: 14px;
  margin: 10px 0 15px;
  white-space: normal;
  overflow: initial;
}
.종목명 .업데이트소식 .updata_allList ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #b1b9cb;
}
.종목명 .업데이트소식 .updata_allList .clse {
  cursor: pointer;
  position: relative;
  display: block;
  text-align: right;
  padding: 0 20px 20px;
  font-size: 12px;
  color: #b1b9cb;
}
.종목명 .업데이트소식 .updata_allList .clse::after {
  content: "";
  position: relative;
  top: 2px;
  margin-left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #bfc6d9;
  border-right: 2px solid #bfc6d9;
  display: inline-block;
  transform: rotate(-45deg);
}

.주가차트 {
  margin-top: 30px;
}
.주가차트 .summary_Box {
  display: flex;
  justify-content: space-between;
  gap: 0 19.5px;
}
.주가차트 .chart_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 11px;
  box-sizing: border-box;
  border-radius: 10px;
  border: solid 1px #e7eaf2;
}
.주가차트 .chart_box .period_tabs {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  padding: 0 19px;
}
.주가차트 .chart_box .period_tabs li {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-bottom: 1px solid #222;
}
.주가차트 .chart_box .period_tabs li.active {
  padding-bottom: 9px;
  font-weight: 700;
  border-bottom: 3px solid #222;
}
.주가차트 .chart_box .period_Data {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0 20px;
  margin-top: 20px;
  padding: 15px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f4f6fa;
}
.주가차트 .chart_box .period_Data dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}
.주가차트 .chart_box .period_Data .title {
  font-size: 11px;
  color: #656d7e;
}
.주가차트 .chart_box .period_Data .increase {
  font-size: 0.75rem;
  font-weight: 700;
  color: #fc4f4f;
}
.주가차트 .chart_box .period_Data .decrease {
  font-size: 0.75rem;
  font-weight: 700;
  color: #3655d6;
}
.주가차트 .chart_box .period_Data .same {
  font-size: 12px;
  font-weight: 700;
  color: #656d7e;
}
.주가차트 .chart_box .period_Data .총액 {
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.주가차트 .chart_box .period_Data .추세 {
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.주가차트 .BICchart_style {
  margin-top: 30px;
  width: 100%;
  height: 380px;
  box-sizing: border-box;
  padding: 0 19px;
}
.주가차트 .BICchart_style .highcharts-button-box {
  cursor: pointer;
  flex: 1;
  padding: 8px 0;
  border-bottom: 1px solid #000;
  font-size: 13px;
  letter-spacing: -0.65px;
  text-align: center;
  color: #222;
}
.주가차트 .BICchart_style .highcharts-navigator-xaxis {
  font-size: 0;
  opacity: 0;
}
.주가차트 .BICchart_style .highcharts-series-label text {
  font-size: 0 !important;
}
.주가차트 .BICchart_style .highcharts-input-group,
.주가차트 .BICchart_style .highcharts-navigator {
  display: none;
}
.주가차트 .BICchart_style .highcharts-range-selector-group .highcharts-label {
  display: none !important;
  font-size: 0 !important;
}
.주가차트 .BICchart_style .highcharts-point-up {
  fill: rgb(252, 79, 79);
  stroke: rgb(252, 79, 79);
}
.주가차트 .BICchart_style .highcharts-point-down,
.주가차트 .BICchart_style .highcharts-point-down-bearish-up {
  fill: rgb(54, 85, 214);
  stroke: rgb(54, 85, 214);
}
.주가차트 .오른쪽차트영역 {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.주가차트 .오른쪽차트영역 .박스레이아웃 {
  cursor: pointer;
  width: 260px;
  padding: 19px 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #f4f6fa;
}
.주가차트 .오른쪽차트영역 .박스레이아웃 .title {
  cursor: pointer;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  color: #222;
  width: 100%;
}
.주가차트 .오른쪽차트영역 .박스레이아웃 .title::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #bfc6d9;
  border-right: 2px solid #bfc6d9;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 3px;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .box {
  position: relative;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .box .평가 {
  position: absolute;
  right: 13px;
  top: -3px;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart {
  margin-top: 45px;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line {
  position: relative;
  width: calc(100% - 30px);
  box-sizing: border-box;
  height: 2px;
  border-radius: 20px;
  background-color: #e6e7f4;
  margin: 0 auto;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line::after {
  left: auto;
  right: -15px;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line .situation {
  position: absolute;
  left: auto;
  right: auto;
  top: -35px;
  width: 56px;
  text-align: center;
  margin-left: -27px;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line .situation span {
  position: relative;
  font-size: 12px;
  line-height: 2.5;
  color: #b1b9cb;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line .situation span::after {
  content: "";
  top: 100%;
  left: 50%;
  margin-left: -6px;
  content: " ";
  position: absolute;
  top: 24px;
  pointer-events: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff545b;
  z-index: 90;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line .g_action {
  position: absolute;
  left: 0;
  top: -3px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #ff545b;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  font-size: 0;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .line .g_action::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  font-size: 0;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .adequate {
  text-align: center;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .adequate span {
  display: inline-block;
  padding-top: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 2.5;
  letter-spacing: -0.3px;
  color: #222;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .adequate i {
  display: inline-block;
  border-radius: 50%;
  background-color: #999;
  width: 8px;
  height: 8px;
  margin: 0 1px 1px;
  opacity: 0.67;
}
.주가차트 .오른쪽차트영역 .밸류에이션 .value_chart .no_data {
  position: relative;
  top: -20px;
  width: calc(100% - 30px);
  margin: 0 auto;
  padding: 5px 5px;
  border-radius: 2px;
  background-color: #e6e7f4;
  text-align: center;
  font-size: 13px;
  color: #222;
}
.주가차트 .오른쪽차트영역 .수급분석시그널 .box {
  position: relative;
}
.주가차트 .오른쪽차트영역 .수급분석시그널 .box .평가 {
  position: absolute;
  right: 13px;
  top: -3px;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
.주가차트 .오른쪽차트영역 .투자매력 {
  cursor: pointer;
}
.주가차트 .오른쪽차트영역 .투자매력 .star_area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 7px;
  margin-top: 25px;
}
.주가차트 .오른쪽차트영역 .투자매력 .star_area .star_ranking span {
  font-size: 12px;
  color: #656d7e;
}
.주가차트 .오른쪽차트영역 .투자매력 .star_area .star_ranking span strong {
  font-size: 16px;
  font-weight: 700;
  color: #ff545b;
}
.주가차트 .오른쪽차트영역 .AI주가예측 {
  border: solid 1px #e7eaf2;
  background-color: #fff;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box {
  position: relative;
  display: flex;
  gap: 0 11px;
  align-items: stretch;
  justify-content: flex-start;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .day {
  font-size: 12px;
  color: #b1b9cb;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .title {
  width: auto;
  cursor: text;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .title::after {
  display: none;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .txt_guide {
  position: absolute;
  right: 0;
  cursor: pointer;
  display: inline-block;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .tooltip {
  display: none;
  position: absolute;
  right: 5px;
  top: 20px;
  padding: 20px;
  width: 280px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(101, 109, 126, 0.08);
  border: solid 1px #222;
  background-color: #fff;
  z-index: 1;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .tooltip .t_title {
  font-size: 15px;
  font-weight: 700;
  color: #333;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .tooltip .t_txt {
  margin-top: 15px;
  font-size: 13px;
  line-height: 1.62;
  color: #656d7e;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .tooltip .clse_tooltip {
  position: absolute;
  right: 15px;
  top: 15px;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  width: 24px;
  height: 24px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .tooltip .clse_tooltip::before {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(-45deg);
  top: 5px;
  left: 12px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .box .tooltip .clse_tooltip::after {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(45deg);
  top: 5px;
  left: 12px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .sum_topchart_band_nodata {
  margin-top: 10px;
  margin-bottom: 10px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .sum_topchart_band_nodata .img {
  display: block;
  width: 218px;
  height: 121px;
  background: url("/img/bandchart_nodata.jpg") no-repeat center top;
  background-size: auto;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .chart_layout {
  margin-top: 10px;
  width: 100%;
  height: 100px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .chart_layout .highcharts-grid-line {
  display: none;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .chart_layout .highcharts-label text,
.주가차트 .오른쪽차트영역 .AI주가예측 .chart_layout .highcharts-label tspan {
  font-size: 11px !important;
  color: #656d7e !important;
  fill: #656d7e !important;
  font-weight: normal !important;
  text-shadow: none;
  stroke-width: 0;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 {
  display: flex;
  margin-top: 10px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .주가추세,
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .기간상승률 {
  display: flex;
  flex-direction: column;
  gap: 2px 0;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .주가추세 {
  width: 110px;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .기간상승률 {
  gap: 3px 0;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .sub_title {
  font-size: 11px;
  letter-spacing: -0.28px;
  color: #656d7e;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .상승,
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .하락,
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .보합 {
  display: inline-block;
  padding: 4px 6px;
  width: 32px;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #ff545b;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  color: #fff;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .하락 {
  background-color: #3655d6;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .보합 {
  background-color: #bdc8d8;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .거래정지종목 {
  font-size: 0.75rem;
  font-weight: 300;
  font-weight: 500;
  color: #222;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .increase,
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .decrease {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #ff545b;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .decrease {
  color: #3655d6;
}
.주가차트 .오른쪽차트영역 .AI주가예측 .주가추세_기간상승률 .same {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #bdc8d8;
}
.주가차트 .기업개요 {
  display: flex;
  align-items: flex-start;
  gap: 0 15px;
  margin-top: 30px;
}
.주가차트 .기업개요 strong {
  line-height: 1.7;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.주가차트 .기업개요 p {
  font-size: 13px;
  line-height: 1.77;
  color: #656d7e;
}

.투자지표 {
  margin-top: 80px;
}
.투자지표 .title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.투자지표 .summary_Box {
  margin-top: 12px;
}
.투자지표 .summary_Box .top {
  display: flex;
  gap: 0 20px;
}
.투자지표 .summary_Box .top .left,
.투자지표 .summary_Box .top .right {
  padding: 20px 20px;
  box-sizing: border-box;
  border-radius: 10px;
  border: solid 1px #efeff2;
}
.투자지표 .summary_Box .top .left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 50px;
}
.투자지표 .summary_Box .top .box {
  flex: 1 1 20%;
  max-width: 20%;
}
.투자지표 .summary_Box .top .box .line1,
.투자지표 .summary_Box .top .box .line2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}
.투자지표 .summary_Box .top .right .box {
  flex: 1;
}
.투자지표 .summary_Box .top .line1 .th {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.46px;
  color: #222;
}
.투자지표 .summary_Box .top .line1 .sum {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.투자지표 .summary_Box .top .line2 {
  margin-top: 2px;
}
.투자지표 .summary_Box .top .line2 .th {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #b1b9cb;
}
.투자지표 .summary_Box .top .line2 .sum {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #656d7e;
}
.투자지표 .chart_box {
  display: flex;
  justify-content: space-between;
  gap: 0 50px;
  margin-top: 30px;
}
.투자지표 .chart_box .box {
  width: 100%;
}
.투자지표 .chart_box .c_title {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.31;
  letter-spacing: -0.33px;
  text-align: left;
  color: #222;
}
.투자지표 .chart_box .financials_style {
  width: 100%;
  height: 200px;
}
.투자지표 .chart_box .financials_style rect.highcharts-point {
  fill: #3655d6 !important;
  background: #3655d6 !important;
  stroke-width: 0;
}
.투자지표 .chart_box .financials_style rect.highcharts-point.point_color {
  fill: #dbdfed !important;
  background: #dbdfed !important;
}
.투자지표 .chart_box .financials_style rect.highcharts-point.decrease_color {
  fill: rgba(0, 147, 255, 0.3490196078) !important;
  background: rgba(0, 147, 255, 0.3490196078) !important;
}
.투자지표 .chart_box .financials_style .highcharts-point.highcharts-negative.highcharts-color-0 {
  fill: #26ABFF;
  background: #26ABFF;
}
.투자지표 .chart_box .financials_style .highcharts-label text,
.투자지표 .chart_box .financials_style .highcharts-label tspan {
  font-size: 12px !important;
  color: #707070 !important;
  fill: #707070 !important;
  text-shadow: none;
  stroke-width: 0;
  font-weight: 400 !important;
}
.투자지표 .chart_box .financials_style .highcharts-axis-labels text {
  font-size: 10px !important;
  color: #656d7e !important;
  fill: #656d7e !important;
  font-weight: 400 !important;
}

.벨류에이션 {
  margin-top: 15px;
  padding-top: 0;
}
.벨류에이션 .title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.벨류에이션 .txt {
  display: flex;
  gap: 0 12px;
  margin-top: 12px;
  font-size: 13px;
  color: #656d7e;
}
.벨류에이션 .txt .more {
  display: inline-flex;
  align-items: center;
  gap: 0 6px;
  font-size: 12px;
  color: #527bea;
  text-decoration: underline;
}
.벨류에이션 .txt .more::after {
  content: "";
  width: 4px;
  height: 4px;
  margin: auto;
  border-top: 1px solid #527bea;
  border-right: 1px solid #527bea;
  transform: rotate(45deg);
}
.벨류에이션 .chart_box {
  margin-top: 20px;
  border-radius: 10px;
  border: solid 1px #e7eaf2;
}
.벨류에이션 .chart_box .value_data {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0 100px;
  padding: 11px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f4f6fa;
}
.벨류에이션 .chart_box .value_data .title {
  font-size: 12px;
  font-weight: 400;
  color: #656d7e;
}
.벨류에이션 .chart_box .value_data dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}
.벨류에이션 .chart_box .value_data dl .현재주가 {
  font-size: 16px;
  font-weight: 700;
  color: #677fe0;
}
.벨류에이션 .chart_box .value_data dl .적정주가 {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.벨류에이션 .chart_box .value_data dl .평가 {
  border-radius: 6px;
}
.벨류에이션 .chart_box .value_data dl .평가 span {
  display: inline-block;
  padding: 4px 6px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
.벨류에이션 .chart_box .bandchart_layout {
  width: 100%;
  max-width: 95%;
  height: 520px;
  margin: 25px 20px 0;
  box-sizing: border-box;
}
.벨류에이션 .chart_box .bandchart_layout .highcharts-series-label text {
  display: none !important;
  font-size: 0 !important;
}
.벨류에이션 .bandchart_sume {
  margin-top: 20px;
  border-radius: 10px;
  background-color: #f4f6fa;
  padding: 16px 20px;
}
.벨류에이션 .bandchart_sume .sum_txt {
  font-size: 13px;
  color: #656d7e;
}
.벨류에이션 .bandchart_sume .sum_box {
  margin-top: 15px;
}
.벨류에이션 .bandchart_sume .sum_box .title {
  font-size: 13px;
  font-weight: 700;
  color: #222;
}
.벨류에이션 .bandchart_sume .sum_box ul {
  margin-top: 7px;
}
.벨류에이션 .bandchart_sume .sum_box ul li {
  font-size: 13px;
  line-height: 1.77;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.벨류에이션 .bandchart_sume .sum_box ul li i {
  display: inline-block;
  padding-right: 5px;
  line-height: 1.77;
  color: #656d7e;
  font-style: normal;
}
.벨류에이션 .freeInfo_box.bandchart {
  min-height: 500px;
  background: url("/img/freeInfo_box_bandchart.jpg") no-repeat 0 top;
}
.벨류에이션 .freeInfo_box.bandchart p {
  overflow: hidden;
  width: calc(100% - 80px);
  margin: 0 auto;
  border-radius: 5px;
  background-color: #E6E7F4;
  padding: 50px 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 180px;
  color: #222;
  z-index: 999;
}

.수급분석 {
  margin-top: 80px;
  padding-top: 0;
}
.수급분석 .box {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.수급분석 .box .star_area {
  display: inline-block;
}
.수급분석 .title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.수급분석 .txt {
  margin-top: 12px;
  font-size: 13px;
  color: #656d7e;
}
.수급분석 .수급분석_신호 {
  display: flex;
  align-items: center;
  gap: 0 2px;
  width: 100%;
  max-width: 300px;
  margin: 15px 0;
  background-color: #fff;
  user-select: none;
  -moz-user-select: none; /* Firefox 지원 */
  -webkit-user-select: none; /* Chrome, Safari, Edge 등 지원 */
}
.수급분석 .수급분석_신호 .시그널 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc((100% - 100px) / 5);
  width: 54px;
  height: 3px;
  background: #dbdfed;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: -0.55px;
  color: #fff;
  text-indent: -999px;
}
.수급분석 .수급분석_신호 .시그널.active {
  text-indent: 0;
  padding: 10px 10px;
  border-radius: 20px;
}
.수급분석 .chart_box {
  display: flex;
  gap: 15px 25px;
  margin-top: 25px;
}
.수급분석 .chart_box div {
  flex: 1 1 40%;
  width: 100%;
}
.수급분석 .chart_box .supplychart_style {
  width: 100%;
  height: 240px;
  margin-top: 15px;
}
.수급분석 .chart_box .supplychart_style .highcharts-axis-line {
  display: none !important;
}
.수급분석 .chart_box .supplychart_style .highcharts-title {
  font-family: "Pretendard Variable", Pretendard, "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: normal;
  font-weight: bold !important;
  font-size: 13px !important;
  color: #222 !important;
  fill: #222 !important;
}
.수급분석 .chart_box .supplychart_style rect.highcharts-point {
  fill: #FF545B !important;
  background: #FF545B !important;
  stroke-width: 0;
}
.수급분석 .chart_box .supplychart_style rect.highcharts-point.highcharts-negative {
  fill: #3655D6 !important;
  background: #3655D6 !important;
}
.수급분석 .chart_box .supplychart_style .highcharts-label text,
.수급분석 .chart_box .supplychart_style .highcharts-label tspan {
  font-size: 11px !important;
  color: #656D7E !important;
  fill: #656D7E !important;
  text-shadow: none;
  stroke-width: 0;
  font-weight: 400 !important;
}
.수급분석 .chart_box .supplychart_style .highcharts-axis-labels text {
  font-size: 12px !important;
  color: #656d7e !important;
  fill: #656d7e !important;
  font-weight: 400 !important;
}
.수급분석 .chart_box .차트설명주석 {
  display: block;
  text-align: right;
  width: 100%;
  font-size: 11px;
  font-weight: 400;
  color: #b1b9cb;
}

.contents.sub_con .투자매력은 {
  margin-top: 20px;
  padding-top: 60px;
  padding-bottom: 16px;
}

.blue_stocks_area + .sum_box + .contents {
  margin-top: 0;
  padding-top: 0 !important;
}
.blue_stocks_area + .sum_box + .contents.sub_con .contents.sub_con {
  margin-top: 0;
}
.blue_stocks_area + .sum_box + .contents.sub_con .투자매력은 {
  margin-top: 0;
  padding-top: 0;
}

.투자매력은 {
  margin-top: 20px;
  padding-top: 60px;
}
.투자매력은 .box {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.투자매력은 .box .star_area {
  display: inline-block;
}
.투자매력은 .title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.투자매력은 .txt {
  margin-top: 13px;
  font-size: 13px;
  color: #656d7e;
}
.투자매력은 .contents.sub_con {
  margin-top: 12px;
}
.투자매력은 .top_spider {
  padding: 0;
  padding-bottom: 30px;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.투자매력은 .top_spider .left {
  width: 430px;
  padding: 30px 40px 0;
  box-sizing: border-box;
  flex-grow: 1;
}
.투자매력은 .top_spider .left .MRIchart_style {
  width: 330px;
  height: 260px;
  margin: 0 auto;
  box-sizing: border-box;
}
.투자매력은 .top_spider .left .MRIchart_style .highcharts-axis-labels.highcharts-radial-axis-labels span {
  color: #656d7e !important;
  font-weight: 400;
  font-size: 14px;
}
.투자매력은 .top_spider .left .MRIchart_style .highcharts-axis-labels.highcharts-radial-axis-labels strong {
  display: inline-block;
  padding-top: 3px;
  font-weight: 400;
  color: #656d7e !important;
  font-size: 14px;
}
.투자매력은 .top_spider .left .MRIchart_style .highcharts-axis-labels text {
  font-family: "Pretendard Variable", Pretendard, "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: normal;
  font-size: 14px !important;
  color: #656d7e !important;
  fill: #656d7e !important;
}
.투자매력은 .top_spider .left .스파이더차트_스몰 {
  display: flex;
}
.투자매력은 .top_spider .left .MRIchart_small_style {
  width: 120px;
  height: 140px;
  margin: 0 auto;
  box-sizing: border-box;
}
.투자매력은 .top_spider .left .MRIchart_small_style .highcharts-title, .투자매력은 .top_spider .left .MRIchart_small_style a {
  cursor: pointer;
  width: 100px !important;
  padding-top: 9px;
  line-height: 1.2;
  margin: 0 auto;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 12px !important;
  color: #656d7e !important;
  fill: #656d7e !important;
}
.투자매력은 .top_spider .left .MRIchart_small_style .highcharts-axis-labels text {
  font-size: 12px !important;
  color: #656d7e !important;
  fill: #656d7e !important;
}
.투자매력은 .top_spider .right {
  width: calc(100% - 430px);
  margin: 30px 30px 0 0;
}
.투자매력은 .top_spider .right .chart_area.diagnosis {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #E8EAF1;
  background-color: #F4F6FA;
  box-sizing: border-box;
  padding: 12px 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData {
  display: inline-block;
  border-right: 1px solid #e7eaf2;
  vertical-align: top;
  text-align: center;
  padding: 12px 0;
  min-height: 103px;
  box-sizing: border-box;
  flex: 1;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm {
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  color: #656d7e;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .txt_guide {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 10px 10px;
  cursor: pointer;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .tooltip {
  display: none;
  position: absolute;
  right: 5px;
  top: 20px;
  padding: 20px;
  width: 280px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(101, 109, 126, 0.08);
  border: solid 1px #222;
  background-color: #fff;
  text-align: left;
  z-index: 1;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .tooltip .t_title {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  text-align: left;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .tooltip .t_txt {
  margin-top: 15px;
  font-size: 13px;
  line-height: 1.62;
  text-align: left;
  color: #656d7e;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .tooltip .clse_tooltip {
  position: absolute;
  right: 15px;
  top: 15px;
  display: inline-block;
  cursor: pointer;
  text-align: left;
  font-size: 0;
  width: 24px;
  height: 24px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .tooltip .clse_tooltip::before {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(-45deg);
  top: 5px;
  left: 12px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm .tooltip .clse_tooltip::after {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(45deg);
  top: 5px;
  left: 12px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm strong {
  font-weight: 700;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm_num {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.47;
  letter-spacing: -1px;
  text-align: center;
  color: rgb(147, 147, 147);
  padding-bottom: 10px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .chartData .charm_num strong {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.47;
  text-align: center;
  color: #222;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .difference {
  box-sizing: border-box;
  padding: 5px 10px 10px;
  flex-basis: 260px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .difference .dt {
  font-size: 18px;
  text-align: left;
  color: #333;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .difference .dt:nth-child(3) {
  font-size: 12px;
  line-height: 1.5;
  color: #656d7e;
  margin-top: 10px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .difference .dt strong {
  display: inline-block;
  color: #3655d6;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .difference .dd {
  display: inline-block;
  margin-top: 2px;
  font-size: 10px;
  letter-spacing: normal;
  color: #b1b9cb;
  vertical-align: top;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .data_attainment {
  width: 100%;
  border-top: 1px solid #e7eaf2;
  padding: 12px 5px 0;
  position: relative;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .data_attainment ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .data_attainment ul li {
  display: inline-block;
  font-size: 11px;
  line-height: 1.18;
  color: #656d7e;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .data_attainment ul li span {
  color: #333;
  font-weight: 500;
  padding-left: 7px;
}
.투자매력은 .top_spider .right .chart_area.diagnosis .data_attainment ul li b {
  color: #333;
  font-weight: 300;
  padding-left: 1px;
}
.투자매력은 .top_spider .right .chart_table {
  position: relative;
  width: 100%;
  padding: 15px 20px;
  box-sizing: border-box;
  border: 1px solid #E8EAF1;
  border-top: none;
  background-color: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.투자매력은 .top_spider .right .chart_table .tableRanking.table_alloca {
  width: 100%;
}
.투자매력은 .top_spider .right .chart_table .tableRanking.table_alloca td {
  vertical-align: middle;
  padding: 3px 0;
}
.투자매력은 .top_spider .right .chart_table .tableRanking.table_alloca .star_area.w12 .starR {
  width: 12px;
  height: 12px;
}
.투자매력은 .top_spider .right .chart_table .tableRanking.table_alloca .title span {
  font-size: 12px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #656d7e;
}
.투자매력은 .mid_column .report_title {
  padding: 10.5px 20px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.45px;
  color: #fff;
}
.투자매력은 .mid_column .con {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 40px 15px;
  border-bottom: 1px solid #e7eaf2;
}
.투자매력은 .mid_column .con:last-child {
  border-bottom: none;
}
.투자매력은 .mid_column .con .left {
  width: 400px;
  flex-grow: 1;
}
.투자매력은 .mid_column .con .left .alloca_star {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 10px 10px;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box {
  flex: 1;
  display: inline-block;
  vertical-align: bottom;
  flex-basis: auto;
  padding-left: 19px;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box .small_star .title {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.7px;
  color: #656d7e;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box .small_star .star_area {
  display: inline-block;
  overflow: hidden;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box .small_star .star_area .starRev .starR {
  width: 12px;
  height: 12px;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box:first-child {
  margin-left: 0;
  padding-left: 0;
  padding-right: 7px;
  border-right: 1px solid #e7eaf2;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box:first-child .title {
  padding-bottom: 7px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.75px;
  color: #333;
}
.투자매력은 .mid_column .con .left .alloca_star .alloca_box:first-child .star_area .starRev .starR {
  width: 20px;
  height: 20px;
}
.투자매력은 .mid_column .con .left .alloca_star .txt {
  flex-wrap: wrap;
  margin-top: 44px;
  font-size: 13px;
  line-height: 1.54;
  color: #656d7e;
}
.투자매력은 .mid_column .con .left .alloca_star .leader_num {
  clear: both;
  display: block;
  font-size: 11px;
  text-align: left;
  padding-top: 7px;
  color: #656d7e;
}
.투자매력은 .mid_column .con .right {
  width: calc(100% - 320px);
  margin-left: 20px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 15px 0;
}
.투자매력은 .mid_column .con .right .containerDiagnosis {
  width: 150px;
  height: 190px;
}
.투자매력은 .mid_column .con .right .chart_legend {
  flex-wrap: wrap;
  display: block;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 17px;
  text-align: center;
}
.투자매력은 .mid_column .con .right .chart_legend li {
  display: inline-block;
}
.투자매력은 .mid_column .con .right .chart_legend li span {
  display: inline-block;
  font-size: 13px;
  line-height: 1.54;
  padding: 0 8px;
}
.투자매력은 .mid_column .con .right .chart_legend li span i {
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.투자매력은 .mid_column .con .right .chart_legend li:nth-child(1) span i {
  background: #3655d6;
}
.투자매력은 .mid_column .con .right .chart_legend li:nth-child(2) span i {
  background: #656d7e;
}
.투자매력은 .mid_column .con .right .chart_legend li:nth-child(3) span i {
  background: #bdc8d8;
}
.투자매력은 .freeInfo_box.diagnosischart {
  min-height: 500px;
}
.투자매력은 .freeInfo_box.diagnosischart p {
  overflow: hidden;
  border-radius: 5px;
  background-color: #E6E7F4;
  padding: 50px 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 240px;
  color: #222;
  z-index: 999;
}
.투자매력은 .freeInfo_box.diagnosischart::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 300px;
  background: url("/img/freeInfo_box_diagnosischart.jpg") no-repeat 0 top;
}

.f_main {
  margin-top: 0;
  padding: 16px 20px;
  background-color: #eaedf5;
}
.f_main .copyright {
  font-size: 11px;
  line-height: 1.73;
  letter-spacing: -0.28px !important;
  color: #b1b9cb;
}
.f_main .f_logo {
  display: block;
  margin-top: 10px;
}

.평가.매우저평가 {
  background-color: #3655d6;
}
.평가.저평가 {
  background-color: #3655d6;
}
.평가.고평가 {
  background-color: #dd5257;
}
.평가.매우고평가 {
  background-color: #dd5257;
}

.평가.매우약함 {
  background-color: #3655D6;
}
.평가.약함 {
  background-color: #3655D6;
}
.평가.보통 {
  background-color: #58BA62;
}
.평가.강함 {
  background-color: #FF545B;
}
.평가.매우강함 {
  background-color: #FF545B;
}

.sub_service .service_wrap .gifimg_01 {
  position: absolute;
  right: 63px;
  top: 1550px;
  width: 413px;
  height: 260px;
}
.sub_service .service_wrap .gifimg_02 {
  position: absolute;
  right: 63px;
  top: 2184px;
  width: 413px;
  height: 260px;
}
.sub_service .service_wrap img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.event_discount {
  text-align: center;
  height: 60px;
  background-color: #151934;
}
.event_discount a {
  display: inline-block;
  width: auto;
  height: 100%;
}
.event_discount a img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.weeks_free3 {
  padding: 10px 26px;
  background-color: #d8d9df;
}
.weeks_free3 p, .weeks_free3 a {
  font-size: 13px;
  line-height: 1.54;
  color: #3f4462;
  font-weight: bold;
  text-align: center;
}
.weeks_free3 .btn_close {
  position: relative;
  padding-left: 25px;
  padding-right: 15px;
}
.weeks_free3 .btn_close::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #3f4462;
  border-right: 1px solid #3f4462;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}

.modalBox .modal + .blocker {
  display: none;
}

.modal {
  z-index: 99;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  background-color: #fff;
}
.blocker {
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal.win_pop {
  display: block !important;
  z-index: 81;
  box-shadow: none;
  width: 100%;
  margin: 0 auto;
}
.modal .pop_header {
  width: calc(100% - 64px);
  margin: 0 auto;
  padding: 30px 0 10px;
}
.modal .pop_header .pop_title {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -1.05px;
  color: #333;
}
.modal .pop_header .clse {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
}
.modal .pop_header .clse::before, .modal .pop_header .clse::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 0;
  height: 17px;
  width: 1px;
  background-color: #93add3;
}
.modal .pop_header .clse::before {
  transform: rotate(45deg);
}
.modal .pop_header .clse::after {
  transform: rotate(-45deg);
}
.modal .close-modal {
  display: none;
  visibility: hidden;
}
.modal.login_form .pop_con {
  padding: 38px 64px 48px;
}
.modal.login_form .pop_con .sns li {
  border-radius: 5px;
}
.modal.login_form .pop_con .sns li a {
  display: block;
  text-align: center;
  padding: 18px 0;
  padding-left: calc(50% - 40px);
  text-align: left;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
}
.modal.login_form .pop_con .sns li span {
  display: inline-block;
  position: relative;
}
.modal.login_form .pop_con .sns li span::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 3px;
  width: 22px;
  height: 22px;
  background: url("/img/sns_n.svg") no-repeat 0 0;
}
.modal.login_form .pop_con .sns li.sns_n {
  background-color: #00cf5d;
}
.modal.login_form .pop_con .sns li.sns_n span {
  font-weight: 700;
  color: #fff;
}
.modal.login_form .pop_con .sns li.sns_n span::before {
  background: url("/img/icon_sns_n.svg") no-repeat 0 0;
}
.modal.login_form .pop_con .sns li.sns_k {
  margin-top: 16px;
  background-color: #FEE501;
}
.modal.login_form .pop_con .sns li.sns_k span {
  font-weight: 700;
  color: #391b1a;
}
.modal.login_form .pop_con .sns li.sns_k span::before {
  background: url("/img/icon_sns_k.svg") no-repeat 0 0;
}
.modal.login_form .pop_con .guide_txt {
  font-size: 13px;
  margin-top: 13px;
  letter-spacing: -0.33px;
  text-align: center;
  color: #656d7e;
}
.modal.login_form .pop_foot {
  background-color: #f5f6fa;
  padding: 27px 30px;
}
.modal.login_form .pop_foot .sub_title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.8px;
  color: #3655d6;
}
.modal.login_form .pop_foot .guide_list {
  margin-top: 13px;
}
.modal.login_form .pop_foot .guide_list li {
  border-radius: 5px;
  background-color: #fff;
  padding: 13px 20px;
  margin-top: 8px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.modal.login_form .pop_foot .guide_list li strong {
  display: block;
  font-size: 15px;
  color: #656d7e;
}
.modal.login_form .pop_foot .guide_list li:first-child {
  margin-top: 0;
}
.modal.login_form .pop_foot .business_name {
  padding-left: 0;
  padding-right: 0;
}
.modal.payment_cacl02 .pop_con {
  padding: 30px 33px 50px;
}
.modal.payment_cacl02 .pop_con .txt {
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: -0.8px;
  text-align: center;
  color: #222;
  font-weight: 500;
}
.modal.payment_cacl02 .pop_con .txt b {
  color: #D00000;
  font-weight: 700;
  text-decoration-line: underline;
}
.modal.payment_cacl02 .pop_con .txt:first-child {
  margin-top: 0;
}
.modal.payment_cacl02 .pop_con .btnArea.payBtn {
  margin-top: 30px;
  display: flex;
}
.modal.payment_cacl02 .pop_con .btnArea.payBtn .btn {
  flex: 1;
  margin-right: 0.4rem;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 17.5px 5px;
  border-radius: 5px;
  border: solid 1px #3b4b98;
  color: #374b9d;
  font-size: 18px;
  font-weight: 700;
}
.modal.payment_cacl02 .pop_con .btnArea.payBtn .btn.btn_save {
  background-color: #374b9d;
  color: #fff;
}
.modal.terms_form .pop_con {
  padding: 15px 15px 0;
}
.modal.terms_form .pop_con .loign_chk {
  padding: 15px 15px;
}
.modal.terms_form .pop_con .loign_chk .login_title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #333;
}
.modal.terms_form .pop_con .loign_chk .dup_sns {
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.25;
  color: #333;
}
.modal.terms_form .pop_con .loign_chk .id_chk {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 16px;
  margin-top: 8px;
  border-radius: 16px;
  background-color: #f7f8f9;
  padding: 13px 24px;
  box-sizing: border-box;
  width: 100%;
  height: 68px;
}
.modal.terms_form .pop_con .loign_chk .id_chk .sns_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.modal.terms_form .pop_con .loign_chk .id_chk .sns_info {
  width: calc(100% - 50px);
  margin-top: 4px;
}
.modal.terms_form .pop_con .loign_chk .id_chk.sns_n .sns_img {
  background-color: #00cf5d;
}
.modal.terms_form .pop_con .loign_chk .id_chk.sns_n .sns_img img {
  display: block;
  height: 12px;
  width: 32px;
}
.modal.terms_form .pop_con .loign_chk .id_chk.sns_k .sns_img {
  background-color: #FEE501;
}
.modal.terms_form .pop_con .loign_chk .id_chk.sns_k .sns_img img {
  display: block;
  height: 15px;
  width: 32px;
}
.modal.terms_form .pop_con .loign_chk .id_chk .sns_name {
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}
.modal.terms_form .pop_con .loign_chk .id_chk .sns_chk {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #333;
}
.modal.terms_form .pop_con .loign_chk.dup .sns_img,
.modal.terms_form .pop_con .loign_chk.dup .sns_info {
  margin-top: 0;
}
.modal.terms_form .pop_con .loign_chk.dup .id_chk {
  padding: 24px 24px 25px;
  height: auto;
}
.modal.terms_form .pop_con .loign_chk.dup .sns_name {
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}
.modal.terms_form .pop_con .loign_chk.dup .sns_chk,
.modal.terms_form .pop_con .loign_chk.dup .sns_phon {
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #333;
}
.modal.terms_form .pop_con .agree_area {
  width: calc(100% - 30px);
  margin: 26px auto 0;
}
.modal.terms_form .pop_con .agree_area .txt {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #333;
}
.modal.terms_form .pop_con .agree_area .agree_from {
  margin-top: 16px;
}
.modal.terms_form .pop_con .agree_area .agree_from .bg_gray {
  padding: 15px 0;
  border-radius: 12px;
  background-color: #f7f8f9;
}
.modal.terms_form .pop_con .agree_area .agree_from .free_sum,
.modal.terms_form .pop_con .agree_area .agree_from .free_sum strong {
  color: #333;
  font-size: 0.9375rem;
  margin: 30px 0 15px;
  line-height: 1.3;
  vertical-align: middle;
}
.modal.terms_form .pop_con .agree_area .agree_from .free_sum span {
  color: #ff2929;
  font-size: 0.84rem;
  margin-top: 7px;
  text-decoration: underline;
  vertical-align: middle;
}
.modal.terms_form .pop_con .agree_area .agree_from .label {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 9px;
  background: #f7f8f9;
  border-radius: 9px;
  padding: 9px 21px 11px 16px;
}
.modal.terms_form .pop_con .agree_area .agree_from .label .label_chk {
  position: relative;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.14;
  color: #6a727b;
  padding-left: 24px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .modal.terms_form .pop_con .agree_area .agree_from .label .label_chk {
    letter-spacing: -0.03rem;
  }
}
.modal.terms_form .pop_con .agree_area .agree_from .label .label_chk i {
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 9px;
  background: url("/img/icon_agreecheck.svg") no-repeat 0 100%;
  filter: grayscale(100%) opacity(30%);
}
.modal.terms_form .pop_con .agree_area .agree_from .label.active .label_chk i {
  filter: grayscale(0%) opacity(100%);
}
.modal.terms_form .pop_con .agree_area .agree_from .label.active .label_chk .agree_area .agree_from .label .label_chk.sub_label {
  padding-left: 15px;
  padding-top: 10px;
  opacity: 0.5;
}
.modal.terms_form .pop_con .agree_area .agree_from .label.active .label_chk.sub_label {
  opacity: 1;
}
.modal.terms_form .pop_con .agree_area .agree_from .label .terms_btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.42;
  color: #939393;
  text-decoration: underline;
  padding: 2px 2px 2px 10px;
}
.modal.terms_form .pop_con .agree_area .agree_from .payBtn {
  margin-top: 13px;
  background-color: #fff;
  padding: 0;
}
.modal.terms_form .pop_con .agree_area .agree_from .btn {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #fff;
  color: #404fc3;
  border-radius: 8px;
  position: relative;
  width: calc(50% + 60px);
}
.modal.terms_form .pop_con .agree_area .agree_from .btn_save {
  display: block;
  width: 100%;
  padding: 13px 5px;
  box-sizing: border-box;
  background-color: #404fc3;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  border-radius: 5px;
  position: relative;
  transition: transform 100ms ease-in-out;
}
.modal.terms_form .pop_con .agree_area .agree_from .btn_save:active {
  transform: scale(0.99);
  /* 버튼을 약간 축소 */
}
.modal.terms_form .pop_con .agree_area .agree_from .btn_save i {
  position: absolute;
  right: 18px;
  top: 15px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}
.modal.terms_form .pop_con .loign {
  padding: 9px 15px 20px;
}
.modal.terms_form .pop_con .loign .login_title {
  color: #333;
  font-weight: bold;
  font-size: 1.9rem;
}
.modal.terms_form .pop_con .loign .sns_loign {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #333;
}
.modal.terms_form .pop_con .loign .att_service {
  /* padding: 10px 0; */
  text-align: center;
}
.modal.terms_form .pop_con .loign .att_service .service_title {
  font-size: 1.875rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: -1.5px;
  text-align: left;
}
.modal.terms_form .pop_con .loign .att_service .service_title strong {
  color: #333;
  font-weight: bold;
}
.modal.terms_form .pop_con .loign .att_service .guide_txt {
  text-align: left;
  margin-top: 10px;
  padding-bottom: 25px;
}
.modal.terms_form .pop_con .loign .att_service .guide_txt li {
  color: #939393;
  font-size: 0.75rem;
  padding-left: 10px;
  line-height: 1.6;
}
.modal.terms_form .pop_con .loign .att_service .guide_txt li.title {
  color: #333;
  font-size: 0.82rem;
  padding-left: 0;
}
.modal.terms_form .pop_con .loign .att_service .guide_txt li.title .go_mam {
  color: #608BFF;
  font-size: 0.82rem;
  padding-left: 0;
  text-decoration: underline;
}
.modal.terms_form .pop_con .loign .sns {
  margin-top: 14px;
  text-align: center;
}
.modal.terms_form .pop_con .loign .sns li {
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
}
.modal.terms_form .pop_con .loign .sns li a {
  position: relative;
  display: block;
  padding: 19px 20px 19px 44px;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #fff;
}
.modal.terms_form .pop_con .loign .sns li.sns_n a {
  background-color: #00cf5d;
}
.modal.terms_form .pop_con .loign .sns li.sns_n a i,
.modal.terms_form .pop_con .loign .sns li.sns_K a i {
  content: "";
  position: absolute;
  left: calc(50% - 67px);
  top: 20px;
  width: 22px;
  height: 22px;
}
.modal.terms_form .pop_con .loign .sns li.sns_K a {
  background-color: #FEE501;
  color: #391b1a;
}
.modal.terms_form .pop_con .loign .sns li.sns_n a i {
  background: url("/img/icon_sns_n.svg") no-repeat left top;
}
.modal.terms_form .pop_con .loign .sns li.sns_K a i {
  top: 22px;
  left: calc(50% - 68px);
  background: url("/img/icon_sns_k.svg") no-repeat left top;
}
.modal.terms_form .pop_con .loign .sns li a,
.modal.terms_form .pop_con .loign .sns li a img {
  display: inline-block;
  width: 100%;
}
.modal.terms_form .pop_con .loign .att_service:nth-of-type(2) {
  padding: 0;
  text-align: left;
  margin-top: 0;
}
.modal.terms_form .pop_con .loign .att_service:nth-of-type(2) .service_title {
  font-size: 0.9375rem;
  border-bottom: none;
  padding-bottom: 9px;
}
.modal.terms_form .pop_con .loign .att_service:nth-of-type(2) .service_title strong {
  color: #404fc3;
}
.modal.terms_form .pop_con .loign .att_service:nth-of-type(2) .guide_txt.bg_blue {
  padding: 22px 15px;
  background: #e6e7f4;
  margin-top: 0;
}
.modal.terms_form .pop_con .loign .att_service:nth-of-type(2) .guide_txt li.title {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 2px 0;
  color: #333;
}
.modal.terms_form .pop_con .loign .att_service:nth-of-type(2) .guide_txt li.title b {
  color: #333;
}
.modal.terms_form .pop_con .loign .btn_channel {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.46;
  color: #939393;
  text-decoration: underline;
}
.modal.login_form .pop_header #now_time, .modal.refund .pop_header #now_time {
  color: #939393;
  font-size: 15px;
  font-weight: normal;
  padding-left: 25px;
}
.modal.login_form .pop_con, .modal.refund .pop_con {
  padding: 10px 35px 20px;
}
.modal.login_form .pop_con .pop_sum, .modal.refund .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: #c22e06;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}
.modal.login_form .pop_con .pop_sum strong, .modal.refund .pop_con .pop_sum strong {
  color: #c22e06;
  font-weight: 700;
}
.modal.login_form .pop_con .mapage_form, .modal.refund .pop_con .mapage_form {
  padding-top: 10px;
}
.modal.login_form .pop_con .mapage_form .form_table table th,
.modal.login_form .pop_con .mapage_form .form_table table td, .modal.refund .pop_con .mapage_form .form_table table th,
.modal.refund .pop_con .mapage_form .form_table table td {
  padding: 7px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.65px;
  color: #898989;
}
.modal.login_form .pop_con .mapage_form .form_table table tr, .modal.refund .pop_con .mapage_form .form_table table tr {
  border-bottom: 1px solid #e5e5e5;
}
.modal.login_form .pop_con .mapage_form .form_table table th, .modal.refund .pop_con .mapage_form .form_table table th {
  font-weight: normal;
}
.modal.login_form .pop_con .mapage_form .form_table table .item, .modal.refund .pop_con .mapage_form .form_table table .item {
  padding-left: 25px;
}
.modal.login_form .pop_con .mapage_form .form_table table .item .txt_info strong, .modal.refund .pop_con .mapage_form .form_table table .item .txt_info strong {
  color: #c22e06;
}
.modal.login_form .pop_con .mapage_form .form_table table .certification_area, .modal.refund .pop_con .mapage_form .form_table table .certification_area {
  overflow: auto;
  max-height: 180px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: -45px;
  padding: 15px 15px;
  box-sizing: border-box;
}
.modal.login_form .pop_con .mapage_form .form_table table .certification_area .service_title, .modal.refund .pop_con .mapage_form .form_table table .certification_area .service_title {
  display: block;
  padding-bottom: 5px;
  font-size: 14px;
}
.modal.login_form .pop_con .mapage_form .form_table table .certification_area .txt, .modal.refund .pop_con .mapage_form .form_table table .certification_area .txt {
  color: #575757;
}
.modal.login_form .pop_con .mapage_form .form_table table .certification_area .go_link, .modal.refund .pop_con .mapage_form .form_table table .certification_area .go_link {
  cursor: pointer;
  margin-top: 5px;
  display: block;
  text-decoration: underline;
  color: #527bea;
  text-align: right;
}
.modal.login_form .pop_con .mapage_form .form_table table .tr_num, .modal.refund .pop_con .mapage_form .form_table table .tr_num {
  border: none;
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #333;
  background-color: #f5f5f5;
  padding: 8px 13px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}
.modal.login_form .pop_con .mapage_form .form_table table .tr_num:focus, .modal.refund .pop_con .mapage_form .form_table table .tr_num:focus {
  border: none;
  outline: none;
}
.modal.login_form .pop_con .mapage_form .form_table table .tr_num::-moz-placeholder, .modal.refund .pop_con .mapage_form .form_table table .tr_num::-moz-placeholder {
  color: #333;
}
.modal.login_form .pop_con .mapage_form .form_table table .tr_num::placeholder, .modal.refund .pop_con .mapage_form .form_table table .tr_num::placeholder {
  color: #333;
}
.modal.login_form .pop_con .mapage_form .label_chk, .modal.refund .pop_con .mapage_form .label_chk {
  margin-top: 15px;
  font-size: 0.875rem;
  letter-spacing: -0.7px;
  color: #222;
}
.modal.login_form .pop_con .mapage_form .label_chk i, .modal.refund .pop_con .mapage_form .label_chk i {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  background: url("/img/icon_agreecheck.svg") no-repeat 100% 0;
  margin-right: 7px;
  filter: grayscale(100%) opacity(30%);
}
.modal.login_form .pop_con .mapage_form .label_chk.active i, .modal.refund .pop_con .mapage_form .label_chk.active i {
  filter: grayscale(0%) opacity(100%);
}
.modal.login_form .pop_con .mapage_form .btnArea.edtBtn, .modal.refund .pop_con .mapage_form .btnArea.edtBtn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  border: none;
  margin-top: 20px;
  border-radius: 5px;
  margin-top: 40px;
  background-color: #7389af;
  color: #fff;
  font-weight: normal;
}
.modal.login_form .pop_con .mapage_form .btnArea.edtBtn::before, .modal.refund .pop_con .mapage_form .btnArea.edtBtn::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal.login_form .pop_con .mapage_form .btnArea.edtBtn b, .modal.refund .pop_con .mapage_form .btnArea.edtBtn b {
  color: #ff8d5a;
  font-weight: 700;
}
.modal.login_form .pop_con .mapage_form .btnArea.edtBtn a, .modal.refund .pop_con .mapage_form .btnArea.edtBtn a {
  font-size: 0.9375rem;
  letter-spacing: -0.38px;
  color: #fff;
  border: none;
}
.modal.login_form .btnArea.edtBtn, .modal.refund .btnArea.edtBtn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  background-color: #c22e06;
  border: none;
  margin-top: 15px;
}
.modal.login_form .btnArea.edtBtn::before, .modal.refund .btnArea.edtBtn::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal.login_form .btnArea.edtBtn b, .modal.refund .btnArea.edtBtn b {
  color: #ff8d5a;
  font-weight: 700;
}
.modal.login_form .btnArea.edtBtn a, .modal.refund .btnArea.edtBtn a {
  color: #fff;
}
.modal.sign_complete .pop_con .loign_com .login_title {
  padding: 115px 33px 45px;
  background: #fff url("/img/bg_premium_top.svg") no-repeat 100% 0%;
  text-align: left;
}
.modal.sign_complete .pop_con .loign_com .login_title .title {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1.5px;
  color: #222;
}
.modal.sign_complete .pop_con .loign_com .login_title .title strong {
  color: #3655d6;
  font-weight: 700;
}
.modal.sign_complete .pop_con .loign_com .login_title .txt {
  width: 75%;
  margin-top: 30px;
  font-size: 16px;
  color: #222;
  letter-spacing: -0.33px;
}
.modal.sign_complete .pop_con .loign_com .login_title .txt_sum {
  width: 75%;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.modal.sign_complete .pop_con .loign_com .prm_guide {
  background-color: #f5f6fa;
  padding: 29px 31px;
}
.modal.sign_complete .pop_con .loign_com .prm_guide .title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #374b9d;
}
.modal.sign_complete .pop_con .loign_com .prm_guide .sum {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.33px;
  color: #656d7e;
}
.modal.sign_complete .pop_con .loign_com .prm_guide .list {
  font-size: 0;
  border-top: 1px solid #e7eaf2;
  margin-top: 14px;
  padding-top: 14px;
}
.modal.sign_complete .pop_con .loign_com .prm_guide .list li {
  display: inline-block;
  width: 50%;
  font-size: 13px;
  line-height: 2.31;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.modal.sign_complete .pop_con .loign_com .btnArea {
  padding: 24px 33px 40px;
}
.modal.sign_complete .pop_con .loign_com .btnArea .join_btn {
  display: block;
  width: 100%;
  padding: 13px 5px;
  box-sizing: border-box;
  background-color: #404fc3;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  border-radius: 5px;
  position: relative;
  transition: transform 100ms ease-in-out;
}
.modal.sign_complete .pop_con .loign_com .btnArea .join_btn:active {
  transform: scale(0.99);
  /* 버튼을 약간 축소 */
}
.modal.sign_complete .pop_con .loign_com .btnArea .link_menu {
  margin-top: 12px;
  text-align: center;
}
.modal.sign_complete .pop_con .loign_com .btnArea .link_menu li a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #656d7e;
  text-decoration: underline;
}
.modal.sign_complete .pop_con .loign_com .btnArea .link_menu li a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #656d7e;
  border-right: 1px solid #656d7e;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
  right: -12px;
}
.modal.premium_join {
  width: 70%;
  max-width: 350px;
  background: #fff url("/img/bg_blue.svg") no-repeat center center;
  background-size: cover;
}
.modal.premium_join .pop_header {
  padding-top: 50px;
}
.modal.premium_join .pop_header .pop_title {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #656d7e;
}
.modal.premium_join .pop_header .pop_title b {
  display: block;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.31;
  color: #384b9d;
}
.modal.premium_join .pop_con {
  padding-bottom: 0;
  background: url("/img/img_popCen.svg") no-repeat center top;
  box-sizing: border-box;
}
.modal.premium_join .pop_con ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  gap: 6px 10px;
  margin-top: 183px;
}
.modal.premium_join .pop_con ul li.txt {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #6a727b;
}
.modal.premium_join .pop_con ul li.txt b {
  font-weight: bold;
  color: #384b9d;
}
.modal.premium_join .pop_con ul li.txt i {
  display: inline-block;
  background-color: #384b9d;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.modal.premium_join .pop_foot {
  padding: 10px 32px 26px;
}
.modal.premium_join .pop_foot .join_btn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #384b9d;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal !important;
  text-align: center;
  color: #fff;
}
.modal.premium_join .pop_foot .join_btn b {
  display: inline-block;
  color: #ffde17;
  padding-left: 3px;
}
.modal.premium_join.eventDiscount .pop_con {
  background-image: url("/img/img_popCen_discount.svg");
}
.modal.mypage_info .pop_header {
  border: none;
}
.modal.mypage_info .pop_con .tab_content:nth-child(2) {
  display: block;
}
.modal.mypage_info .pop_con .mapage_area {
  padding: 0 30px 40px;
}
.modal.mypage_info .pop_con .mapage_area .tab_area ul {
  display: flex;
  font-size: 0;
}
.modal.mypage_info .pop_con .mapage_area .tab_area ul li {
  cursor: pointer;
  width: 50%;
  display: inline-block;
  font-size: 16px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
  border-bottom: 2px solid #e7eaf2;
}
.modal.mypage_info .pop_con .mapage_area .tab_area ul li:not(:has(a)) {
  padding: 18px 0 5px;
}
.modal.mypage_info .pop_con .mapage_area .tab_area ul li.active {
  font-weight: 700;
  color: #3655d6;
  border-color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_area .tab_area ul li.active a {
  font-weight: 700;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_area .tab_area ul li a {
  display: inline-block;
  padding: 21px 0 5px;
  width: 100%;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table table {
  width: 100%;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table tr {
  border-bottom: 1px solid #e7eaf2;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table th,
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td {
  vertical-align: top;
  text-align: left;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table th {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
  padding: 15px 15px 15px 9px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td {
  padding: 13px 9px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .box {
  position: relative;
  display: flex;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .txt_info {
  font-size: 15px;
  letter-spacing: -0.75px;
  color: #222;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .mod_btn {
  position: relative;
  top: -2px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: solid 1px #3c55ce;
  margin-top: 2px;
  margin-left: 12px;
  height: 19px;
  padding: 2px 9px 1px;
  box-sizing: border-box;
  font-size: 11px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .i_dsc {
  position: relative;
  font-size: 12px;
  letter-spacing: -0.6px;
  padding-left: 16px;
  margin-top: 6px;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .i_dsc::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("/img/icon_preinfo.svg") no-repeat 0 0;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .i_dsc.error {
  margin-top: 8px;
  color: #ff0200;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .i_dsc.error::before {
  width: 12px;
  height: 12px;
  background: url("/img/bg_error.png") no-repeat 0 0;
  background-size: 12px 12px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .mod_phone .txt_info {
  display: inline-block;
  color: #656d7e;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .mod_phone .phone_mod {
  box-sizing: border-box;
  vertical-align: top;
  height: 28px;
  padding: 7px 0 7px 7px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: solid 1px #b2b9c9;
  background-color: #fff;
  font-size: 15px;
  letter-spacing: -0.75px;
  color: #222;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .mod_phone .phone_mod:focus {
  outline: none;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .mod_phone .certifi_btn {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  height: 28px;
  padding: 2px 10px;
  box-sizing: border-box;
  background: #374b9d;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form {
  display: none;
  background-color: #fff;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .box {
  display: block;
  background-color: #fff;
  position: relative;
  padding-bottom: 10px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .box:first-child {
  margin-top: 0;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .box:last-child {
  display: none;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput,
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput_out {
  width: 100%;
  box-sizing: border-box;
  padding: 9.5px 16px;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput {
  color: #333;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput:focus {
  outline: none;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput:focus::-webkit-input-placeholder {
  color: transparent;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .dsc_error {
  clear: both;
  float: none;
  text-align: right;
  padding-top: 6px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #f2333a;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinBtn {
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 6px;
  width: 70px;
  height: 25px;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: -0.6px;
  text-align: center;
  color: #404fc3;
  outline: none;
  padding: 4px 8px;
  border-radius: 3px;
  border: solid 1px #424fbc;
  background-color: #fff;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinBtn.pin_req {
  display: block;
  outline: none;
  border: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.58;
  color: #404fc3;
  text-decoration: underline;
  background-color: transparent;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinBtn.pin_reqAgain {
  display: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.58;
  color: #939393;
  outline: none;
  border: none;
  text-decoration: underline;
  background-color: transparent;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput_out {
  font-size: 1rem;
  letter-spacing: 1.6px;
  color: #333;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput_out:focus {
  outline: none;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput::-moz-placeholder, .modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput_out::-moz-placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput::placeholder,
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput_out::placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pinInput_out:focus::-webkit-input-placeholder {
  color: transparent;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pin_countDown {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
  text-align: center;
  width: calc(100% - 20px);
  margin-left: 20px;
  margin-top: 6px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pin_countDown span {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pin_completion {
  cursor: pointer;
  position: absolute;
  right: 1px;
  top: 0px;
  height: 40px;
  width: 80px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.46;
  color: #d3d3d3;
  border: none;
  border-left: 1px solid #e0e4e9;
  outline: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: transform 100ms ease-in-out;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td.phonePin_form .pin_completion:active {
  transform: scale(0.95);
  /* 버튼을 약간 축소 */
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .form_table td .txt_reject {
  text-align: right;
  color: #3655d6;
  font-size: 0.75rem;
  line-height: 14px;
  margin-top: 7px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box {
  margin-top: 15px;
  margin-bottom: 15px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .title {
  padding-left: 0;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #575757;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service {
  margin-top: 15px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service li {
  padding: 8px 5px;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  flex: 1;
  font-size: 13px;
  letter-spacing: -0.5px;
  color: #222;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service li.th {
  background-color: #f5f6fa;
  padding-left: 15px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service li.th .cunt {
  display: inline-block;
  padding-right: 7px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service li.td {
  padding-left: 10px;
  text-align: right;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service li.td .method {
  display: inline-block;
  width: 45px;
  text-align: center;
  color: #575757;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .inUse_box .use_service:last-child {
  flex: 1;
  border-bottom: 1px solid #e5e5e5;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .agree_area .txt {
  margin-top: 53px;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: -0.33px;
  color: #656d7e;
  text-align: center;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .agree_area .agree_from .label {
  width: 100%;
  margin-top: 8px;
  position: relative;
  border-radius: 5px;
  background-color: #f5f6fa;
  padding: 15px 35px;
  box-sizing: border-box;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .agree_area .agree_from .label .label_chk {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 15px;
  letter-spacing: -0.75px;
  color: #222;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .agree_area .agree_from .label .label_chk::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 4px;
  left: -21px;
  width: 14px;
  height: 14px;
  background: url(/img/icon_agreecheck.svg) no-repeat 0 100%;
  margin-right: 7px;
  filter: grayscale(100%) opacity(30%);
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .agree_area .agree_from .label .label_chk.active::before {
  filter: grayscale(0%) opacity(100%);
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .btnArea.modBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .btnArea.modBtn .btn {
  flex: 1;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .btnArea.modBtn .btn:first-child {
  border: solid 1px #3b4b98;
  background-color: #fff;
  color: #374b9d;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .btnArea.modBtn .btn:last-child {
  margin-left: 10px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .withdrawal {
  margin-top: 10px;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .withdrawal .btn_withdrawal {
  position: relative;
  font-size: 10px;
  letter-spacing: -0.5px;
  color: #656d7e;
}
.modal.mypage_info .pop_con .mapage_area .mapage_form .withdrawal .btn_withdrawal::before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #656d7e;
  border-right: 1px solid #656d7e;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 4.5px;
  right: -12px;
}
.modal.mypage_info .pop_con .mapage_service {
  overflow: hidden;
  box-sizing: border-box;
  background: #f5f6fa;
  border-bottom: 1px solid #757a83;
}
.modal.mypage_info .pop_con .mapage_service .left {
  float: left;
  width: 50%;
  padding: 20px 20px;
  box-sizing: border-box;
}
.modal.mypage_info .pop_con .mapage_service .left .title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.75px;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_service .left .day {
  margin-top: 8px;
  font-size: 12px;
  color: #656d7e;
}
.modal.mypage_info .pop_con .mapage_service .right {
  float: right;
  position: relative;
  width: 50%;
  padding: 20px 20px;
  box-sizing: border-box;
}
.modal.mypage_info .pop_con .mapage_service .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  height: 60px;
  width: 1px;
  background: #e7eaf2;
}
.modal.mypage_info .pop_con .mapage_service .right .title {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.6px;
  color: #222;
}
.modal.mypage_info .pop_con .mapage_service .right .card_ch {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  border: solid 1px #3c55ce;
  width: 36px;
  height: 17px;
  padding: 0 4px;
  margin-left: 8px;
  box-sizing: border-box;
  font-size: 10px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_service .right .card_table th,
.modal.mypage_info .pop_con .mapage_service .right .card_table td {
  padding: 1px 0;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.6px;
  color: #656d7e;
}
.modal.mypage_info .pop_con .mapage_service .right .card_table th.num,
.modal.mypage_info .pop_con .mapage_service .right .card_table td.num {
  color: #222;
  padding-right: 8px;
}
.modal.mypage_info .pop_con .mapage_service .right .card_table th b,
.modal.mypage_info .pop_con .mapage_service .right .card_table td b {
  display: inline-block;
  padding: 0 2px;
  font-weight: normal;
}
.modal.mypage_info .pop_con .mapage_service {
  padding: 20px 15px;
  box-sizing: border-box;
}
.modal.mypage_info .pop_con .mapage_service .service_table {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal.mypage_info .pop_con .mapage_service .service_table .box {
  flex: 1;
  padding: 0 8px 0 12px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .box:last-child {
  border-left: 1px solid #e5e5e5;
}
.modal.mypage_info .pop_con .mapage_service .service_table .service {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.47;
  letter-spacing: -0.75px;
  color: #3655d6;
  width: 120px;
  padding-bottom: 10px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .day {
  margin-top: 5px;
  font-size: 12px;
  color: #575757;
  padding-left: 5px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .day .pay_cacl {
  display: inline-block;
  color: #f2333a;
  position: relative;
  top: 6px;
  font-size: 0.75rem;
  border: 1px solid #f2333a;
  text-align: center;
  border-radius: 3px;
  padding: 4px 5px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .system {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  margin-right: 3px;
  text-align: center;
}
.modal.mypage_info .pop_con .mapage_service .service_table .num {
  margin-top: 5px;
  font-size: 12px;
  color: #575757;
}
.modal.mypage_info .pop_con .mapage_service .service_table .num span {
  display: inline-block;
  padding: 3px 0 2px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .btn_payCan,
.modal.mypage_info .pop_con .mapage_service .service_table .btn_payCan2,
.modal.mypage_info .pop_con .mapage_service .service_table .btn_payRefund {
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #3c55ce;
  background-color: transparent;
  padding: 2px 5px;
  margin: 4px auto 0;
  font-size: 11px;
  text-align: center;
  color: #3655d6;
  display: block;
  max-width: 65px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .card_ch {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  border: solid 1px #3c55ce;
  width: 36px;
  height: 17px;
  padding: 1px 4px;
  margin-left: 8px;
  box-sizing: border-box;
  font-size: 11px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #3655d6;
}
.modal.mypage_info .pop_con .mapage_service .service_table .card_num {
  display: flex;
  flex-wrap: wrap;
  gap: 1px 10px;
  padding-top: 6px;
}
.modal.mypage_info .pop_con .mapage_service .service_table .card_num p {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #222;
}
.modal.mypage_info .pop_con .mapage_service .service_table .card_num p span {
  display: inline-block;
  color: #575757;
  padding-right: 3px;
  width: 46px;
}
.modal.mypage_info .pop_con .history_area {
  overflow: auto;
  max-height: 300px;
  border-bottom: 1px solid #e7eaf2;
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}
.modal.mypage_info .pop_con .history_area::-webkit-scrollbar {
  width: 8px;
}
.modal.mypage_info .pop_con .history_area::-webkit-scrollbar-thumb {
  background-color: #BDC8D8;
  border-radius: 8px;
}
.modal.mypage_info .pop_con .history_area::-webkit-scrollbar-track {
  background-color: #E7EAF2;
}
.modal.mypage_info .pop_con .history_area .history_table {
  width: 100%;
}
.modal.mypage_info .pop_con .history_area .history_table tr {
  border-bottom: 1px solid #e7eaf2;
}
.modal.mypage_info .pop_con .history_area .history_table th,
.modal.mypage_info .pop_con .history_area .history_table td {
  text-align: center;
}
.modal.mypage_info .pop_con .history_area .history_table th {
  padding: 8.5px 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.65px;
  color: #7389af;
}
.modal.mypage_info .pop_con .history_area .history_table td {
  padding: 10px 15px;
  font-size: 13px;
  color: #656d7e;
}
.modal.mypage_info .pop_con .history_area .history_table td.day {
  font-size: 13px;
  color: #656d7e;
  vertical-align: middle;
}
.modal.mypage_info .pop_con .history_area .history_table td.pay {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #222;
}
.modal.mypage_info .pop_con .history_area .history_table td.pay strong {
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
.modal.mypage_info .pop_con .history_area .history_table td.way {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #222;
}
.modal.mypage_info .pop_con .history_area .history_table td .in {
  display: block;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #7389af;
}
.modal.mypage_info .pop_con .btnArea .btn_goods {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  margin-top: 40px;
  background-color: #7389af;
  color: #fff;
  font-weight: normal;
}
.modal.mypage_info .pop_con .btnArea .btn_goods::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal.mypage_info .pop_con .btnArea .btn_goods b {
  color: #ff8d5a;
  font-weight: 700;
}
.modal.mypage_info .pop_con .btnArea .btn_goods b {
  font-weight: 700;
  color: #fff;
}
.modal.withdrawal_sum .withdrawal_com {
  padding: 40px 31px;
}
.modal.withdrawal_sum .withdrawal_com .txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: -1.2px;
  color: #222;
}
.modal.withdrawal_sum .withdrawal_com .txt strong {
  color: #d00000;
}
.modal.withdrawal_sum .withdrawal_com .att_service {
  margin-top: 32px;
}
.modal.withdrawal_sum .withdrawal_com .att_service .title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #3655d6;
}
.modal.withdrawal_sum .withdrawal_com .att_service .service_list {
  width: 100%;
  margin-top: 11px;
}
.modal.withdrawal_sum .withdrawal_com .att_service .service_list th,
.modal.withdrawal_sum .withdrawal_com .att_service .service_list td {
  padding: 8px 10px;
  border-top: 1px solid #e7eaf2;
  border-bottom: 1px solid #e7eaf2;
}
.modal.withdrawal_sum .withdrawal_com .att_service .service_list th.th,
.modal.withdrawal_sum .withdrawal_com .att_service .service_list td.th {
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #222;
  background-color: #f5f6fa;
}
.modal.withdrawal_sum .withdrawal_com .att_service .service_list th.th .cunt,
.modal.withdrawal_sum .withdrawal_com .att_service .service_list td.th .cunt {
  display: inline-block;
  margin-right: 10px;
  color: #3655d6;
}
.modal.withdrawal_sum .withdrawal_com .att_service .service_list th.td,
.modal.withdrawal_sum .withdrawal_com .att_service .service_list td.td {
  text-align: right;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: #656d7e;
}
.modal.withdrawal_sum .withdrawal_com .att_service .service_list th.td span,
.modal.withdrawal_sum .withdrawal_com .att_service .service_list td.td span {
  display: inline-block;
  min-width: 50px;
  padding-left: 4px;
}
.modal.withdrawal_sum .withdrawal_com .withdrawal_freetxt {
  margin-top: 30px;
}
.modal.withdrawal_sum .withdrawal_com .withdrawal_freetxt .service_title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #656d7e;
  margin-bottom: 5px;
}
.modal.withdrawal_sum .withdrawal_com .withdrawal_freetxt li {
  position: relative;
  font-size: 12px;
  line-height: 21px;
  color: #656d7e;
  padding-left: 10px;
}
.modal.withdrawal_sum .withdrawal_com .withdrawal_freetxt li::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 9px;
  height: 1px;
  width: 4px;
  background-color: #939393;
}
.modal.withdrawal_sum .withdrawal_com .withdrawal_freetxt li strong {
  font-weight: 700;
  color: #656d7e;
  text-decoration: underline;
}
.modal.withdrawal_sum .withdrawal_com .btnArea.wtwalBtn {
  margin-top: 27px;
}
.modal.withdrawal_sum .withdrawal_com .btnArea.wtwalBtn .btn_ssin {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  background-color: #d00000;
}
.modal.withdrawal_sum .withdrawal_com .btnArea.wtwalBtn .btn_ssin::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal.withdrawal_sum .withdrawal_com .btnArea.wtwalBtn .btn_ssin b {
  color: #ff8d5a;
  font-weight: 700;
}
.modal.withdrawal_sum .withdrawal_com .btnArea.wtwalBtn .btn_ssin::before {
  display: none;
}
.modal.payment_step .step_area ul {
  font-size: 0;
  display: flex;
}
.modal.payment_step .step_area li {
  flex: 1;
  color: #939393;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  border-bottom: 2px solid #3655d6;
  padding: 20px 5px 11px;
  box-sizing: border-box;
  position: relative;
}
.modal.payment_step .step_area li::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #939393;
  border-right: 1px solid #939393;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: -7px;
  top: 28px;
}
.modal.payment_step .step_area li.active {
  color: #3655d6;
  font-weight: 700;
}
.modal.payment_step .step_area li.active::after {
  border-top: 1px solid #3655d6;
  border-right: 1px solid #3655d6;
}
.modal.payment_step .step_area li:last-child::after {
  display: none;
}
.modal.payment_step .pop_con {
  background: #F4F4F5;
  padding: 0 30px 35px;
}
.modal.payment_step .pop_con .btnArea.modBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.modal.payment_step .pop_con .btnArea.modBtn .btn {
  flex: 1;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
}
.modal.payment_step .pop_con .btnArea.modBtn .btn:first-child {
  border: solid 1px #3b4b98;
  background-color: #fff;
  color: #374b9d;
}
.modal.payment_step .pop_con .btnArea.modBtn .btn:last-child {
  margin-left: 10px;
}
.modal.payment_step .pop_con .btnArea.modBtn .btn {
  position: relative;
}
.modal.payment_step .pop_con .btnArea.modBtn .btn.btn_cncl::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #374b9d;
  border-right: 2px solid #374b9d;
  display: inline-block;
  transform: rotate(-135deg);
  position: absolute;
  left: 20px;
  top: 20px;
}
.modal.payment_step .pop_con .btnArea.modBtn .btn.btn_save::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal.card_reg {
  position: fixed;
  left: 50%;
  top: 40%;
  margin-left: -250px;
  opacity: 1;
  display: inline-block;
}
.modal.card_reg .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.card_reg .setting_area {
  position: fixed;
  left: 50%;
  top: 40%;
  width: 500px;
  margin-left: -250px;
  opacity: 1;
  display: inline-block;
  z-index: 99;
}
.modal.card_reg .pop_con {
  text-align: center;
  background: #F4F4F5;
  padding: 25px 30px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: -0.8px;
  color: #656d7e;
}
.modal.card_reg .pop_con .btnArea.edtBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.modal.card_reg .pop_con .btnArea.edtBtn .btn {
  flex: 1;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
}
.modal.card_reg .pop_con .btnArea.edtBtn .btn:first-child {
  border: solid 1px #3b4b98;
  background-color: #fff;
  color: #374b9d;
}
.modal.card_reg .pop_con .btnArea.edtBtn .btn:last-child {
  margin-left: 10px;
}
.modal.card_reg .pop_con .btnArea.edtBtn .btn {
  padding: 7px 0;
}
.modal.age_popbox01 .pop_con, .modal.age_popbox02 .pop_con, .modal.age_popbox03 .pop_con {
  overflow: auto;
  height: 500px;
  background-color: #fff;
  padding: 15px 30px;
}
.modal.age_popbox01 .pop_con .txt, .modal.age_popbox02 .pop_con .txt, .modal.age_popbox03 .pop_con .txt {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: -0.8px;
  color: #656d7e;
}
.modal.age_popbox01 .pop_con ul,
.modal.age_popbox01 .pop_con ol, .modal.age_popbox02 .pop_con ul,
.modal.age_popbox02 .pop_con ol, .modal.age_popbox03 .pop_con ul,
.modal.age_popbox03 .pop_con ol {
  margin-top: 20px;
}
.modal.age_popbox01 .pop_con dd,
.modal.age_popbox01 .pop_con dt,
.modal.age_popbox01 .pop_con li, .modal.age_popbox02 .pop_con dd,
.modal.age_popbox02 .pop_con dt,
.modal.age_popbox02 .pop_con li, .modal.age_popbox03 .pop_con dd,
.modal.age_popbox03 .pop_con dt,
.modal.age_popbox03 .pop_con li {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: -0.8px;
  color: #656d7e;
}
.modal.age_popbox01 .pop_con dt, .modal.age_popbox02 .pop_con dt, .modal.age_popbox03 .pop_con dt {
  font-weight: bold;
}
.modal.modal.terms, .modal.modal.policy {
  max-width: 900px;
}
.modal.modal.terms .pop_con .sub_terms, .modal.modal.policy .pop_con .sub_terms {
  overflow: auto;
  overflow-x: hidden;
  max-height: 500px;
  padding: 0 32px 0cap;
  color: #333;
  font-size: 15px;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.modal.terms .pop_con .sub_terms .txt, .modal.modal.policy .pop_con .sub_terms .txt {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px;
  line-height: 1.42;
}
.modal.modal.terms .pop_con .sub_terms .txt span, .modal.modal.policy .pop_con .sub_terms .txt span {
  display: block;
  line-height: 1.42;
}
.modal.modal.terms .pop_con .sub_terms .txt_B,
.modal.modal.terms .pop_con .sub_terms .terms_title, .modal.modal.policy .pop_con .sub_terms .txt_B,
.modal.modal.policy .pop_con .sub_terms .terms_title {
  line-height: 1.42;
  font-weight: 700;
}
.modal.modal.terms .pop_con .sub_terms .terms_sum, .modal.modal.policy .pop_con .sub_terms .terms_sum {
  margin-top: 20px;
}
.modal.modal.terms .pop_con .sub_terms .terms_sum, .modal.modal.policy .pop_con .sub_terms .terms_sum {
  color: #333;
  font-weight: 700;
  padding-bottom: 10px;
}
.modal.previous_pop {
  width: 70%;
  max-width: 350px;
  background: #fff url("/img/bg_blue.svg") no-repeat center center;
  background-size: cover;
}
.modal.previous_pop .pop_header {
  padding-top: 50px;
}
.modal.previous_pop .pop_header .pop_title {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #656d7e;
}
.modal.previous_pop .pop_header .pop_title b {
  display: block;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.31;
  color: #384b9d;
}
.modal.previous_pop .pop_con {
  padding-bottom: 0;
  background: url("/img/img_popCen.svg") no-repeat center top;
  box-sizing: border-box;
}
.modal.previous_pop .pop_con ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  gap: 6px 10px;
  margin-top: 183px;
}
.modal.previous_pop .pop_con ul li.txt {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #6a727b;
}
.modal.previous_pop .pop_con ul li.txt b {
  font-weight: bold;
  color: #384b9d;
}
.modal.previous_pop .pop_con ul li.txt i {
  display: inline-block;
  background-color: #384b9d;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.modal.previous_pop .pop_foot {
  padding: 10px 32px 26px;
}
.modal.previous_pop .pop_foot .join_btn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #384b9d;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal !important;
  text-align: center;
  color: #fff;
}
.modal.previous_pop .pop_foot .join_btn b {
  display: inline-block;
  color: #ffde17;
  padding-left: 3px;
}
.modal.previous_pop.eventDiscount .pop_con {
  background-image: url("/img/img_popCen_discount.svg");
}
.modal.previous_pop .pop_foot {
  padding: 16px 33px 10px;
  background-color: #edf3ff;
}
.modal.previous_pop .pop_foot .join_btn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 13px 0;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #374b9d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.modal.previous_pop .pop_foot .join_btn::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal.previous_pop .pop_foot .join_btn b {
  color: #ff8d5a;
  font-weight: 700;
}
.modal.previous_pop .pop_foot .join_btn::before {
  width: 8px;
  height: 8px;
  top: 18px;
}
.modal.previous_pop .pop_foot .link_menu {
  margin-top: 12px;
  text-align: center;
}
.modal.previous_pop .pop_foot .link_menu li a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.7px;
  color: #656d7e;
  text-decoration: underline;
}
.modal.previous_pop .pop_foot .link_menu li a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #656d7e;
  border-right: 1px solid #656d7e;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
  right: -12px;
}
.modal.previous_pop .pop_foot .today_check {
  margin-top: 15px;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: -0.8px;
  color: #656d7e;
}
.modal.guide_pop {
  max-width: 1000px;
}
.modal.guide_pop .pop_header {
  border: none;
  padding: 0;
}
.modal.guide_pop .pop_con {
  display: flex;
  gap: 18px;
}
.modal.guide_pop .pop_con .clse {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
  z-index: 99;
}
.modal.guide_pop .pop_con .clse::before, .modal.guide_pop .pop_con .clse::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 0;
  height: 17px;
  width: 1px;
  background-color: #93add3;
}
.modal.guide_pop .pop_con .clse::before {
  transform: rotate(45deg);
}
.modal.guide_pop .pop_con .clse::after {
  transform: rotate(-45deg);
}
.modal.guide_pop .pop_con .left {
  width: 600px;
  height: 600px;
  padding: 40px 15px 80px 25px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  background-color: #F4F4F5;
  border-right: 1px solid #f7f9fc;
  border-top: 1px solid #f7f9fc;
}
.modal.guide_pop .pop_con .left img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.modal.guide_pop .pop_con .right {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 55px 25px 100px 10px;
  width: 400px;
  height: 600px;
  box-sizing: border-box;
}
.modal.guide_pop .pop_con .right h2 {
  font-weight: 700;
  text-align: left;
  color: #222;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.guide_pop .pop_con .right .tip {
  overflow: auto;
  overflow-x: hidden;
  max-height: 420px;
  margin-top: 12px;
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.guide_pop .pop_con .right .btn_box {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 25px;
}
.modal.guide_pop .pop_con .right .btn.open_notify {
  display: block;
  text-align: right;
  font-size: 16px;
  letter-spacing: -0.7px;
  color: #656d7e;
  font-weight: 700;
  text-decoration: underline;
  padding-right: 16px;
}
.modal.guide_pop .pop_con .right .btn.open_notify::before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #656d7e;
  border-right: 1px solid #656d7e;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 9px;
  right: 0;
}
.modal.guide_pop .swiper-pagination {
  left: -200px;
}
.modal.guide_pop .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.modal.guide_pop .swiper-pagination .swiper-pagination-bullet-active {
  width: 22px;
}

.setting_pop .setting_area {
  background-color: gray;
}

/* 가입 - 가입방법 선택 step 01 */
.agree_area .agree_from .label.phone_label {
  display: block;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 18px;
}
.agree_area .agree_from .label.phone_label .label_chk {
  width: 100%;
}
.agree_area .agree_from .label.phone_label .guide_txt {
  padding-top: 5px;
  padding-left: 24px;
  font-size: 0.75rem;
  letter-spacing: -0.6px;
  text-align: left;
  color: #939393;
  line-height: 1.2;
}
.agree_area .agree_from .phonePin_form .box {
  padding: 0 20px 0 35px;
  position: relative;
  background-color: #f5f6fa;
}
.agree_area .agree_from .phonePin_form .box:first-child {
  margin-top: 0;
}
.agree_area .agree_from .phonePin_form .box:last-child {
  display: none;
}
.agree_area .agree_from .phonePin_form .pinInput,
.agree_area .agree_from .phonePin_form .pinInput_out {
  width: 100%;
  box-sizing: border-box;
  padding: 9.5px 16px;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
}
.agree_area .agree_from .phonePin_form .pinInput {
  color: #333;
}
.agree_area .agree_from .phonePin_form .pinInput:focus {
  outline: none;
}
.agree_area .agree_from .phonePin_form .pinInput:focus::-webkit-input-placeholder {
  color: transparent;
}
.agree_area .agree_from .phonePin_form .dsc_error {
  text-align: right;
  margin-top: 6px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #f2333a;
}
.agree_area .agree_from .phonePin_form .pinBtn {
  cursor: pointer;
  position: absolute;
  right: 23px;
  top: 8px;
  width: 70px;
  height: 25px;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: -0.6px;
  text-align: center;
  color: #C22E06;
  outline: none;
  padding: 4px 8px;
  border-radius: 3px;
  border: solid 1px #C22E06;
  background-color: #fff;
}
.agree_area .agree_from .phonePin_form .pinBtn.pin_req {
  display: block;
  outline: none;
  border: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.58;
  color: #404fc3;
  text-decoration: underline;
  background-color: transparent;
}
.agree_area .agree_from .phonePin_form .pinBtn.pin_reqAgain {
  display: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.58;
  color: #939393;
  outline: none;
  border: none;
  text-decoration: underline;
  background-color: transparent;
}
.agree_area .agree_from .phonePin_form {
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
}
.agree_area .agree_from .phonePin_form .pinInput_out {
  margin-top: 8px;
  font-size: 1rem;
  color: #333;
}
.agree_area .agree_from .phonePin_form .pinInput_out:focus {
  outline: none;
}
.agree_area .agree_from .phonePin_form .pinInput::-moz-placeholder, .agree_area .agree_from .phonePin_form .pinInput_out::-moz-placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}
.agree_area .agree_from .phonePin_form .pinInput::placeholder,
.agree_area .agree_from .phonePin_form .pinInput_out::placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}
.agree_area .agree_from .phonePin_form .pinInput_out:focus::-webkit-input-placeholder {
  color: transparent;
}
.agree_area .agree_from .phonePin_form .pin_countDown {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
  text-align: center;
  width: calc(100% - 20px);
  margin-left: 20px;
  margin-top: 6px;
}
.agree_area .agree_from .phonePin_form .pin_countDown span {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
}
.agree_area .agree_from .phonePin_form .pin_completion {
  cursor: pointer;
  position: absolute;
  right: 21px;
  top: 9px;
  height: 40px;
  width: 80px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.46;
  color: #d3d3d3;
  border: none;
  border-left: 1px solid #e0e4e9;
  outline: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: transform 100ms ease-in-out;
}
.agree_area .agree_from .phonePin_form .pin_completion:active {
  transform: scale(0.95);
  /* 버튼을 약간 축소 */
}
.agree_area .agree_from .txt_reject {
  text-align: right;
  color: #898989;
  font-size: 0.75rem;
  line-height: 14px;
  margin-top: 7px;
}

.business_name {
  padding: 27px 15px;
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.33px;
  font-weight: bold;
  text-align: right;
  color: #656d7e;
}

.business_name {
  padding: 15px 15px;
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.33px;
  font-weight: bold;
  text-align: right;
  color: #656d7e;
}

/* 서비스 결제 스탭 1 */
.valueline #wrap .sub_payment .headerTop {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 60px;
  height: 54px;
  padding: 0 30px 0 16px;
  box-sizing: border-box;
  background-color: #404fc3;
}
.valueline #wrap .sub_payment .headerTop .headerLogo {
  flex: auto;
  font-size: 20px;
  padding-right: 14px;
}
.valueline #wrap .sub_payment .headerTop .headerLogo span {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.43px;
  color: #fff;
}
.valueline #wrap .sub_payment .headerTop .go_back {
  position: relative;
  top: -6px;
  left: 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
  border-color: #fff;
  font-size: 0;
}

.valueline #wrap .sub_payment .step_top {
  box-sizing: border-box;
  padding: 16px 15px;
  background-color: #404fc3;
}
.valueline #wrap .sub_payment .step_top .event2024_payment_sub a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.valueline #wrap .sub_payment .step_top .event2024_payment_sub img {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}

.valueline #wrap .sub_payment .serviceStep {
  background-color: #404fc3;
  padding: 0 0 20px;
  box-sizing: border-box;
}
.valueline #wrap .sub_payment .serviceStep.step01 {
  padding-top: 16px;
}
.valueline #wrap .sub_payment .serviceStep.step01 .page_sumtop {
  background: #3442ab url("/img/page_sumtop_bg.png") no-repeat calc(100% - 22px) center;
  background-size: auto 68px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 25px 25px;
}
.valueline #wrap .sub_payment .serviceStep.step01 .page_sumtop .txt {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #e6e7f4;
}
.valueline #wrap .sub_payment .serviceStep .step_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  background-color: #fff;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 23px 0 16px;
  margin-bottom: 60px;
}
.valueline #wrap .sub_payment .serviceStep .step_wrap::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  height: 16px;
  width: 100%;
  background: url("/img/step_wrap_bg.png") repeat-x center top;
  background-size: auto 8px;
}
.valueline #wrap .sub_payment .serviceStep .step_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 8px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 9px;
  border: solid 1px #e0e4e9;
  padding: 24px 20px;
  box-sizing: border-box;
}
.valueline #wrap .sub_payment .serviceStep .step_box.routine_pay {
  border: 1px solid #e9ebf7;
  background-color: #f5f6fc;
}
.valueline #wrap .sub_payment .serviceStep .step_box.period_pay.active {
  border-color: #404fc3;
}
.valueline #wrap .sub_payment .serviceStep .step_box .title {
  width: 100%;
  font-size: 0.8125rem;
  font-weight: 700;
  font-weight: bold;
  color: #333;
}
.valueline #wrap .sub_payment .serviceStep .step_box .payRight {
  /* width: calc(100% - 120px); */
}
.valueline #wrap .sub_payment .serviceStep .step_box .subscribe {
  max-width: 160px;
  position: relative;
  top: -4px;
}
.valueline #wrap .sub_payment .serviceStep .step_box .subscribe span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px 6px;
  max-width: 60px;
  box-sizing: border-box;
  border-radius: 100px;
  border: solid 1px #c7cbe9;
  background-color: #fff;
  font-size: 0.8125rem;
  text-align: center;
  color: #404fc3;
}
.valueline #wrap .sub_payment .serviceStep .step_box .payRight .pay01 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
  text-decoration: line-through;
  padding-left: 1px;
}
.valueline #wrap .sub_payment .serviceStep .step_box .payRight .pay02 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 1px;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: normal;
  color: #404fc3;
}
.valueline #wrap .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale {
  padding-bottom: 4px;
}
.valueline #wrap .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale strong {
  font-size: 0.75rem;
  font-weight: 400;
  color: #7983d5;
}
.valueline #wrap .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale .month_dvsion {
  background-color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  color: #7983d5;
}
.valueline #wrap .sub_payment .serviceStep .pay_guideTxt {
  position: relative;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto 32px;
  padding-left: 8px;
  font-size: 0.75rem;
  line-height: 1.42;
  font-weight: 400;
  color: #939393;
}
.valueline #wrap .sub_payment .serviceStep .pay_guideTxt::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #939393;
}

.valueline #wrap .sub_payment .mapage_form .payment_note .agree_txt {
  display: none;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
}
.valueline #wrap .sub_payment .mapage_form .payment_note .agree_txt .refund_terms {
  cursor: pointer;
  flex: none;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #404fc3;
  text-decoration: underline;
}

.valueline #wrap .modal.method .pop_con {
  padding: 0 25px 32px;
}

.valueline #wrap .modal.method .method_cho {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 17px 8px;
}

.valueline #wrap .modal.method .method_cho a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
  flex: 1 1 40%;
  padding: 32px 15px;
  box-sizing: border-box;
  border-radius: 16px;
  border: solid 1px #f4f4f5;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.14;
  text-align: center;
  color: #333;
}

.valueline #wrap .modal.method .method_cho a:active {
  border: 1px solid #404fc3;
  color: #404fc3;
  background-color: #fff;
}

.valueline #wrap .modal.method .method_cho a.method_card::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/img/method_card.svg") no-repeat center center;
}

.valueline #wrap .modal.method .method_cho a.method_card:active:before {
  background: url("/img/method_card_on.svg") no-repeat center center;
}

.valueline #wrap .modal.method .method_cho a.method_phone::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/img/method_card.svg") no-repeat center center;
}

.valueline #wrap .modal.method .method_cho a.method_phone:active:before {
  background: url("/img/method_card_on.svg") no-repeat center center;
}

.valueline #wrap .modal.method .method_cho .guide_txt {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #939393;
}

/* 서비스 결제 정기결제 카드 결제 정보 입력 스탭 2 */
.valueline #wrap .sub_payment .select_payTop {
  /* margin-top: 16px; */
  padding-top: 16px;
  padding-bottom: 24px;
  background-color: #404fc3;
}
.valueline #wrap .sub_payment .select_payTop .step_box {
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 19px 20px;
  border-radius: 16px;
  border: 1px solid #e9ebf7;
  background-color: #fff;
}
.valueline #wrap .sub_payment .select_payTop .step_box .title {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
  color: #333;
}
.valueline #wrap .sub_payment .select_payTop .step_box .title .suggestion {
  position: absolute;
  right: -43px;
  top: -2px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 100px;
  background-color: #f5f6fc;
  font-size: 11px;
  font-weight: bold;
  color: #404fc3;
}
.valueline #wrap .sub_payment .select_payTop .step_box .payRight {
  border-top: 1px solid #e0e4e9;
  padding-top: 17px;
  margin-top: 17px;
}
.valueline #wrap .sub_payment .select_payTop .step_box .payRight .pay01 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
  text-decoration: line-through;
}
.valueline #wrap .sub_payment .select_payTop .step_box .payRight .pay02 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 2px;
  font-size: 24px;
  font-weight: bold;
  color: #404fc3;
}
.valueline #wrap .sub_payment .select_payTop .step_box .payRight .pay02 .pay_sale {
  padding-bottom: 4px;
}
.valueline #wrap .sub_payment .select_payTop .step_box .payRight .pay02 .pay_sale strong {
  font-size: 0.8175rem;
  font-weight: 400;
  color: #7983d5;
}
.valueline #wrap .sub_payment .select_payTop .step_box .payRight .pay02 .pay_sale .month_dvsion {
  background-color: #fff;
  font-size: 0.8175rem;
  font-weight: 500;
  color: #7983d5;
}

.valueline #wrap .sub_payment .payment_guide {
  padding: 15px 24px 32px;
  box-sizing: border-box;
  background-color: #fff;
}
.valueline #wrap .sub_payment .payment_guide .pay_guideTxt {
  font-size: 0.75rem;
  line-height: 1.72;
  color: #939393;
}
.valueline #wrap .sub_payment .payment_guide .pay_guideTxt:last-of-type {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: solid 1px #f4f4f5;
}
.valueline #wrap .sub_payment .payment_guide .pay_guideTxt .card_overseas {
  cursor: pointer;
  display: flex;
  gap: 0 9px;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #404fc3;
  text-decoration: underline;
}
.valueline #wrap .sub_payment .payment_guide .pay_guideTxt .card_overseas img {
  display: inline-block;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form {
  padding-left: 0;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .business_name {
  padding: 25px 5px 0;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .form_title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 24px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .form_wrap {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .form_wrap .teh_guideTxt {
  margin-top: 9px;
  font-size: 0.75rem;
  line-height: 1.72;
  color: #939393;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .subscription-form {
  margin-top: 10px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .card_title {
  display: block;
  padding-bottom: 8px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox {
  width: 100%;
  height: auto;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox.card_sect {
  display: none;
  margin-top: 8px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox.card_sect:before {
  top: 17px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox.card_sect label {
  top: 0;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox:before {
  background: none;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 37px;
  right: 15px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
  transform: rotate(135deg);
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox label {
  top: 21px;
  left: 0;
  width: 100%;
  height: 42px;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox .t_label {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.14;
  color: #333;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox select {
  padding: 0 15px;
  height: 42px;
  box-sizing: border-box;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .selectbox select option {
  display: block;
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .check_box {
  /* display: flex; */
  position: relative;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .check_box input {
  /* flex-grow: 1; */
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .input_check {
  position: absolute;
  right: 1px;
  top: 1px;
  cursor: pointer;
  height: 40px;
  box-sizing: border-box;
  padding: 12px 16px;
  background-color: #f7f8f9;
  font-size: 0.875rem;
  text-align: center;
  color: #6a727b;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: none;
}
@media (min-width: 320px) and (max-width: 358px) {
  .valueline #wrap .sub_payment .payment_guide .mapage_form .input_check {
    height: 38px;
  }
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .input_check:focus,
.valueline #wrap .sub_payment .payment_guide .mapage_form .input_check:active {
  font-weight: bold;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .couponNumber .check_box {
  display: none;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .couponNumber .t_label {
  cursor: pointer;
  display: inline-block;
  padding-right: 24px;
  position: relative;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .couponNumber .t_label::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 1px;
  right: 5px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
  transform: rotate(135deg);
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .couponNumber .t_label.rotated::after {
  transform: rotate(-40deg);
  top: 4px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .t_label {
  display: block;
  padding-bottom: 8px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form input:focus {
  outline: none;
  /* 기본 포커스 아웃라인 제거 */
  border: 1px solid #404fc3 !important;
  /* 포커스 시 보더 색 변경 */
}
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=number],
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=text],
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=password] {
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
  outline: none;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=number]::-moz-placeholder, .valueline #wrap .sub_payment .payment_guide .mapage_form input[type=text]::-moz-placeholder, .valueline #wrap .sub_payment .payment_guide .mapage_form input[type=password]::-moz-placeholder {
  color: #d3d3d3;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=number]::placeholder,
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=text]::placeholder,
.valueline #wrap .sub_payment .payment_guide .mapage_form input[type=password]::placeholder {
  color: #d3d3d3;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .error-message {
  display: none;
  margin-top: 10px;
  font-size: 0.75rem;
  line-height: 1.72;
  color: #E1305A;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .error-message::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/error_msg.svg") no-repeat center center;
  border-radius: 50%;
  margin-right: 4px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .security_info {
  display: flex;
  gap: 8px 8px;
}
.valueline #wrap .sub_payment .payment_guide .mapage_form .btnArea.payBtn .btn_save {
  text-align: center;
}

.valueline #wrap .sub_payment .payment_note {
  display: flex;
  flex-direction: column;
  gap: 18px 10px;
  padding: 24px 16px;
  border-radius: 12px;
  background-color: #f7f8f9;
}
.valueline #wrap .sub_payment .payment_note .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.valueline #wrap .sub_payment .payment_note .top .show {
  cursor: pointer;
  position: relative;
  padding: 12px 12px;
  box-sizing: border-box;
  font-size: 0;
  width: 7px;
  height: 12px;
}
.valueline #wrap .sub_payment .payment_note .top .show::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
}
.valueline #wrap .sub_payment .payment_note .top .show.rotated::after {
  top: 10px;
  transform: rotate(-40deg);
}
.valueline #wrap .sub_payment .payment_note .top .show:not(.rotated)::after {
  transform: rotate(135deg);
}
.valueline #wrap .sub_payment .payment_note .top .agree .txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #333;
}
.valueline #wrap .sub_payment .payment_note .agree .txt {
  font-size: 14px;
  color: #6a727b;
}
.valueline #wrap .sub_payment .payment_note .agree_chk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-left: 4px;
  box-sizing: border-box;
  display: none;
}
.valueline #wrap .sub_payment .payment_note .agree_chk.caution .age_link {
  visibility: hidden;
}
.valueline #wrap .sub_payment .payment_note .agree_chk .help_nicepay {
  display: block;
  margin-top: 15px;
  font-size: 0.8125rem;
  line-height: 1.54;
  text-align: left;
  padding-left: 30px;
  color: #6a727b;
}
.valueline #wrap .sub_payment .payment_note .agree_chk .help_nicepay span {
  display: inline-block;
  padding-left: 2px;
  text-decoration: underline;
  color: #404fc3;
}
.valueline #wrap .sub_payment .payment_note .age_link {
  cursor: pointer;
  position: relative;
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 0;
  width: 7px;
  height: 12px;
}
.valueline #wrap .sub_payment .payment_note .age_link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 1px solid #aeb4b9;
  border-right: 1px solid #aeb4b9;
  transform: rotate(45deg);
}

.valueline #wrap .sub_payment input.chk_label {
  display: none;
  /*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/
}

.valueline #wrap .sub_payment input.chk_label + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 8px;
  position: relative;
  cursor: pointer;
}

.valueline #wrap .sub_payment input.chk_label + label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: url("/img/checked.svg") no-repeat center 5px;
}

.valueline #wrap .sub_payment input.chk_label:checked + label:before {
  content: "";
  border-color: #c4c8cb;
  background: url("/img/checked_ch.svg") no-repeat center 5px;
}

.valueline #wrap .sub_payment .payment_note .top .s_txt {
  width: calc(100% - 34px);
  font-size: 14px;
  font-weight: bold;
  color: #333 !important;
}

.valueline #wrap .sub_payment .payment_note .top input.chk_label + label:before {
  border: 1px solid #c4c8cb;
}

.valueline #wrap .sub_payment .payment_note .top input.chk_label:checked + label:before {
  background-color: #404fc3;
  background-image: url("/img/checked.svg");
}

.valueline #wrap .sub_payment .payment_note .top input + label:before {
  background-position: center center;
}

.valueline #wrap .sub_payment .payment_note .top .s_txt,
.valueline #wrap .sub_payment .payment_note .agree_chk .s_txt {
  display: inline-block;
  line-height: 1.42;
  font-size: 14px;
  color: #6a727b;
}
@media (min-width: 320px) and (max-width: 375px) {
  .valueline #wrap .sub_payment .payment_note .top .s_txt,
  .valueline #wrap .sub_payment .payment_note .agree_chk .s_txt {
    letter-spacing: -0.05rem;
  }
}

.valueline #wrap .sub_payment .payment_note .agree_chk .txt .agree_txt {
  width: 100%;
  display: block;
  padding-left: 30px;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
  word-break: normal;
  word-wrap: break-word;
}
.valueline #wrap .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_title {
  padding-top: 15px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}
.valueline #wrap .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution {
  padding-top: 10px;
  color: #939393;
}
.valueline #wrap .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution b {
  font-weight: 600;
  color: #939393;
}
.valueline #wrap .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution .refund_terms {
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
  color: #06c;
  text-decoration: none;
}

.valueline #wrap .sub_payment .payment_note .agree_caution strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
  padding-bottom: 12px;
}
.valueline #wrap .sub_payment .payment_note .agree_caution .txt {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
}
.valueline #wrap .sub_payment .payment_note .agree_caution .txt b {
  color: #939393;
}
.valueline #wrap .sub_payment .payment_note .agree_caution .refund_terms {
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
  color: #06c;
  font-size: 0.75rem;
  text-decoration: none;
}

.valueline #wrap .sub_payment .btnArea.btn_fix {
  position: sticky;
  bottom: 15px;
  margin: 0 auto;
  max-width: 767px;
  box-sizing: border-box;
  z-index: 85;
}

.valueline #wrap .sub_payment .btnArea.payBtn .btn_save {
  display: block;
  margin: 19px auto 0;
  padding: 19px 0;
  border-radius: 8px;
  background-color: #404fc3;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
}

.valueline #wrap .modal.cardBox {
  top: 15%;
}

.valueline #wrap .modal.cardBox .pop_header {
  padding: 20px 15px !important;
  border-bottom: 1px solid rgba(77, 110, 228, 0.1) !important;
}

.valueline #wrap .modal.cardBox .pop_header .pop_title {
  justify-content: flex-start !important;
  font-size: 0.9375rem !important;
  font-weight: bold;
  line-height: 1.53;
  letter-spacing: normal;
  color: #333;
}

.valueline #wrap .modal.cardBox .pop_header .pop_title::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/txt_guide_blue.svg") no-repeat center center;
}

.valueline #wrap .modal.cardBox .pop_con {
  padding-top: 15px !important;
}

.valueline #wrap .modal.cardBox .pop_con .paypal_title {
  font-size: 14px;
  line-height: 1.43;
  color: #404fc3;
}
.valueline #wrap .modal.cardBox .pop_con .paypal_title b {
  color: #404fc3;
  font-weight: bold;
}

.valueline #wrap .modal.cardBox .pop_con .paypal_link {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 14px 16px;
  border-radius: 8px;
  background-color: #f7f8f9;
  font-size: 13px;
  line-height: 1.54;
  color: #6a727b;
}

.valueline #wrap .modal.cardBox .pop_con .paypal_link a {
  text-decoration: underline;
  color: #404fc3;
}

.valueline #wrap .modal.cardBox .pop_con .paypal_txt,
.valueline #wrap .modal.cardBox .pop_con .paypal_step li {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.46;
  color: #6a727b;
}
.valueline #wrap .modal.cardBox .pop_con .paypal_txt a,
.valueline #wrap .modal.cardBox .pop_con .paypal_step li a {
  display: inline-block;
  padding-left: 7px;
  text-decoration: underline;
  color: #404fc3;
}

.valueline #wrap .modal.cardBox .pop_con .paypal_txt b,
.valueline #wrap .modal.cardBox .pop_con .paypal_step li b {
  color: #6a727b;
}

.valueline #wrap .modal.cardBox .pop_con .progress_txt {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42;
  color: #939393;
}
.valueline #wrap .modal.cardBox .pop_con .progress_txt b {
  color: #6a727b;
}

.valueline #wrap .modal.cardBox .pop_con .paypal_step {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  padding-left: 8px;
}

.v_signalStreng.globalStock .modalBox .modal.agreePopBox .pop_con {
  padding-bottom: 25px;
}

.v_signalStreng.globalStock .modalBox .modal.agreePopBox .pop_con .txt {
  height: 340px;
}

.v_signalStreng.globalStock .modalBox .modal.agreePopBox.box_04 .pop_con .txt {
  height: 280px;
}

.v_signalStreng.globalStock .modalBox .help_nicepay {
  display: block;
  margin-top: 15px;
  padding: 16px 16px;
  border-radius: 8px;
  background-color: #f7f8f9;
  font-size: 0.8125rem;
  line-height: 1.54;
  text-align: center;
  color: #6a727b;
}

.v_signalStreng.globalStock .modalBox .help_nicepay span {
  display: inline-block;
  padding-left: 5px;
  text-decoration: underline;
  color: #404fc3;
}

/* 결제 완료 */
.valueline #wrap .sub_payment .pay_complete {
  background-color: #404fc3;
  padding: 0 18px 65px;
}

.valueline #wrap .sub_payment .pay_complete .com_title {
  padding: 40px 8px 0;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.42;
  color: #fff;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  margin-top: 22px;
  padding: 24px 16px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #fff;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide .guide {
  display: flex;
  gap: 0 24px;
  width: 100%;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide .guide .th {
  flex: 1;
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide .guide .td_txt {
  flex: 5;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  color: #333;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide .deposit_box {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  padding-top: 16px;
  border-top: solid 1px #e0e4e9;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide .deposit_info {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.42;
  color: #939393;
}

.valueline #wrap .sub_payment .pay_complete .payment_guide .guide .event_info {
  display: block;
  margin-top: 3px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.24;
  color: #939393;
}

.valueline #wrap .sub_payment .pay_complete .go_myhome {
  padding-left: 8px;
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #fff;
}

.valueline #wrap .sub_payment .pay_complete .go_myhome a {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #fff;
  text-decoration: underline;
}

.valueline #wrap .sub_payment .pay_complete .btn_home {
  display: block;
  margin-top: 61px;
  text-align: center;
  box-sizing: border-box;
  padding: 13px 5px;
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.3764705882);
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.2;
  color: #fff;
}

@media (min-width: 320px) and (max-width: 375px) {
  .step_box {
    padding: 25px 14px;
  }
  .step_box .subscribe span {
    padding: 7px 18px 6px;
    max-width: 54px;
  }
}
body.v_signalStreng {
  background-color: #fff;
}

.valueline #wrap #container .recom_company {
  position: relative;
  padding: 16px 16px 22px;
  background-color: #fff;
  box-sizing: border-box;
}
.valueline #wrap #container .recom_company::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 8px;
  background-color: #f4f4f5;
  z-index: 1;
}
.valueline #wrap #container .recom_company .ticker {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.75;
  font-weight: 500;
  color: #939393;
}
.valueline #wrap #container .recom_company .stock_index {
  display: inline-block;
}
.valueline #wrap #container .recom_company .stock_index span {
  display: inline-block;
  padding: 0 3px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
}
.valueline #wrap #container .recom_company .company_nm {
  margin-top: 2px;
  max-width: 90%;
}
.valueline #wrap #container .recom_company .company_nm,
.valueline #wrap #container .recom_company .company_nm a {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.23;
  color: #181f29;
}
.valueline #wrap #container .recom_company .detail {
  margin-top: 3px;
}
.valueline #wrap #container .recom_company .detail .num {
  font-size: 34px;
}
.valueline #wrap #container .recom_company .detail .num span {
  font-size: 30px;
  font-weight: 700;
  line-height: 0.77;
  color: #181f29;
}
.valueline #wrap #container .recom_company .detail .per {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 4px;
  margin-top: 6px;
}
.valueline #wrap #container .recom_company .detail .per .increase,
.valueline #wrap #container .recom_company .detail .per .decrease,
.valueline #wrap #container .recom_company .detail .per .same {
  font-size: 0.9375rem;
  color: #E1305A;
  font-weight: 500;
}
.valueline #wrap #container .recom_company .detail .per .increase b,
.valueline #wrap #container .recom_company .detail .per .decrease b,
.valueline #wrap #container .recom_company .detail .per .same b {
  color: #E1305A;
  font-weight: 500;
}
.valueline #wrap #container .recom_company .detail .per .decrease {
  color: #303FAF;
}
.valueline #wrap #container .recom_company .detail .per .decrease b {
  color: #303FAF;
}
.valueline #wrap #container .recom_company .detail .per .same {
  color: #363F4B;
}
.valueline #wrap #container .recom_company .detail .per .same b {
  color: #363F4B;
}
.valueline #wrap #container .recom_company .detail .per .day {
  margin-left: auto;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.42;
  color: #939393;
}
.valueline #wrap #container .recom_company .attention_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 7px 7px;
  width: 100%;
  position: relative;
  background: #fff;
  margin: 32px auto 0;
  padding-top: 22px;
  border-top: 1px solid #f4f4f5;
}
.valueline #wrap #container .recom_company .attention_box ul {
  display: inline-block;
}
.valueline #wrap #container .recom_company .attention_box li.attention {
  display: inline-block;
  font-size: 0.8175rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.08;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}
.valueline #wrap #container .recom_company .attention_box li.attention strong {
  font-size: 0.8175rem;
  font-weight: bold;
}
.valueline #wrap #container .recom_company .attention_box li.attention i {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url("/img/heart_attention.svg") no-repeat 0 4px;
  margin-right: 5px;
  background-size: 16px 32px;
}
.valueline #wrap #container .recom_company .attention_box .stock_tag {
  display: inline-flex;
  gap: 0 10px;
  margin-left: auto;
}
.valueline #wrap #container .recom_company .attention_box .stock_tag span,
.valueline #wrap #container .recom_company .attention_box .stock_tag a {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a727b;
}

.list.recom {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background-color: #404fc3;
  margin: 0;
  padding: 19px 17px;
  box-sizing: border-box;
}
.list.recom.fix_data {
  display: flex;
  max-width: 767px;
  margin: 0 auto;
}
.list.recom * {
  margin: 0;
  padding: 0;
  font-size: pxTorem(16px) !important;
  color: #fff !important;
  font-weight: normal !important;
}
.list.recom * div,
.list.recom * span,
.list.recom * b,
.list.recom * li {
  font-size: pxTorem(16px) !important;
  color: #fff !important;
  font-weight: normal !important;
}
.list.recom::after {
  display: none;
}
.list.recom .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px 10px;
}
.list.recom .company_nm {
  overflow: hidden;
  max-width: calc(100% - 34px);
  width: calc(100% - 170px);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal !important;
}
.list.recom .num,
.list.recom .per {
  display: inline-block;
}
.list.recom .per {
  padding-left: 6px;
}
.list.recom .per span,
.list.recom .per b {
  font-weight: normal !important;
  font-size: pxTorem(13px) !important;
}

.v_signalStreng.globalStock .sub_search .tabs_5 {
  background-color: #fff;
  margin-top: 27px;
  margin-bottom: 0;
}

.v_signalStreng.globalStock .sub_search .tabs_5 li {
  padding: 0 0 11px;
  border-bottom: 1px solid #edeeef;
}

.v_signalStreng.globalStock .sub_search .tabs_5 li a {
  display: inline;
  padding: 15px 1px 11px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #6a727b;
  border: none;
}

.v_signalStreng.globalStock .sub_search .tabs_5 li.active a {
  color: #404fc3;
  padding: 15px 1px 9px;
  border-bottom: 2px solid #404fc3;
}

.valueline #wrap #container .mainBox.attr {
  position: relative;
  padding: 0 16px;
}

.valueline #wrap #container .mainBox.attr .adequateArea {
  padding-top: 32px;
}

.valueline #wrap #container .mainBox.attr .adequateArea .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #181f29;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 25px 10px;
  margin-top: 16px;
  padding: 20px 20px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #f7f8f9;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num {
  flex: 1;
  position: relative;
}

@media (min-width: 426px) {
  .valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num {
    flex: 2;
  }
}
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  flex-basis: 65px;
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #333;
  background-color: #fff;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.hold {
  /* 보유 */
  color: #333;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.buy {
  /* 매수 */
  color: #E1305A;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.sell {
  /* 매도 */
  color: #404FC3;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.waitting {
  /* 관망 */
  color: #6A727B;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal_guide {
  cursor: pointer;
  position: absolute;
  right: -5px;
  top: -5px;
  padding: 5px;
  display: inline-block;
  border-radius: 50%;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal_guide img {
  display: block;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar {
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  flex: 2;
  flex-basis: calc(100% - 85px);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p {
  /* display: block;
  width: 100%; */
  padding-left: 12px;
  font-size: 0.875rem;
  line-height: 1.36;
  color: #333;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p b {
  font-weight: bold;
  color: #333;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p span.increase {
  color: #E1305A;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p span.decrease {
  color: #303FAF;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .upData_Swiper {
  height: 37px;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 6px;
  padding: 17px 0 0;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #333;
  border-top: 1px solid #fff;
}
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal b,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp b {
  line-height: 1.46;
}
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal b.increase,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp b.increase {
  color: #E1305A;
}
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal b.decrease,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp b.decrease {
  color: #303FAF;
}
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal::before,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/icon_awesome_us.svg") no-repeat center center;
  position: relative;
  top: -2px;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal::after,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  right: 0;
  top: 24px;
}

.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal .day,
.valueline #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp .day {
  display: inline-block;
  padding: 0 2px;
  color: #d3d3d3;
}

.valueline #wrap #container.sub_search .mainBox.score {
  display: flex;
  justify-content: space-between;
  gap: 0 8px;
  margin-top: 32px;
  padding: 0 16px;
  background-color: #fff;
}

.valueline #wrap #container.sub_search .mainBox.score .box {
  flex: 1 1 50%;
  padding: 20px 16px 24px;
  border-radius: 16px;
  border: solid 1px #f4f4f5;
  text-align: center;
}

.valueline #wrap #container.sub_search .mainBox.score .box:hover {
  position: relative;
  top: 2px;
  left: 2px;
}

.valueline #wrap #container.sub_search .mainBox.score .box .title {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}

.valueline #wrap #container.sub_search .mainBox.score .box .title::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  right: 0;
  top: 3px;
}

.valueline #wrap #container.sub_search .mainBox.score .box .charm_num {
  display: block;
  padding: 7px 0;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #333;
}

.valueline #wrap #container.sub_search .mainBox.score .box .charm_ranking {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: #6a727b;
}

.valueline #wrap #container.sub_search .mainBox.score .box .charm_ranking span {
  font-weight: bold;
}

.valueline #wrap #container.sub_search .mainBox.outline {
  margin-top: 32px;
  padding: 0 16px;
  background-color: #fff;
}

.valueline #wrap #container.sub_search .mainBox.outline .title {
  margin-top: 40px;
  padding: 0 16px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--cold9e);
}

.valueline #wrap #container.sub_search .mainBox.outline .title span {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: var(--col7f8);
}

.valueline #wrap #container.sub_search .mainBox.outline .outline_style {
  margin-top: 20px;
  height: 100%;
  width: 100%;
}

.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-navigator-xaxis {
  font-size: 0;
  opacity: 0;
}

.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-input-group,
.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-range-selector-group,
.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-navigator {
  display: none;
}

.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-point-up {
  fill: #dd5257;
  stroke: #dd5257;
}

.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-point-down,
.valueline #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-point-down-bearish-up {
  fill: #4d6ee4;
  stroke: #4d6ee4;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box {
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #F5F5F9;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px 15px;
  gap: 10px;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .th {
  font-size: 0.8125rem;
  line-height: 1.42;
  color: #6A727B;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .th .regday {
  font-size: 10px;
  line-height: 1.42;
  color: #6A727B;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td {
  margin-top: 5px;
  position: relative;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.02rem !important;
  line-height: 1.19;
  color: #363F4B;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td b {
  font-weight: 700;
  color: #363F4B;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .unit {
  display: block;
  font-weight: 300;
  font-size: 10px;
  line-height: 1.7;
  color: #969EA7;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: -0.33px !important;
  color: #fff;
  padding: 4px 9px;
  border-radius: 16px;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox.str {
  background-color: #dd5257;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox.bas {
  background: #C7CCD1;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox.weak {
  background-color: #404fc3;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .increase {
  font-weight: 500;
  color: #E1305A;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .increase b {
  font-weight: 500;
  color: #E1305A;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .decrease {
  font-weight: 500;
  color: #303FAF;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .decrease b {
  font-weight: 500;
  color: #303FAF;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .same {
  font-weight: 500;
  color: #363F4B;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .same b {
  font-weight: 500;
  color: #363F4B;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal {
  position: relative;
  text-align: center;
  justify-content: space-around;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal .line .th {
  font-size: 0.8125rem;
  letter-spacing: -0.33px;
  color: var(--cold9e);
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal .line .td .increase,
.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal .line .td .decrease {
  font-size: 1.25rem;
}

.valueline #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 85px;
  top: 0;
  left: 50%;
  background-color: var(--colbar);
}

.valueline #wrap #container.sub_search .mainBox.outline .summary {
  position: relative;
  margin-top: 20px;
  padding: 0 8px;
}
.valueline #wrap #container.sub_search .mainBox.outline .summary .sum_title {
  color: #333;
  font-size: 1rem;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary .view_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary p {
  margin-top: 10px;
  word-break: break-all;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #333;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary .etc {
  margin: 15px 0;
}
.valueline #wrap #container.sub_search .mainBox.outline .summary .etc li {
  padding: 3px 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #333;
  opacity: 0.9;
}
.valueline #wrap #container.sub_search .mainBox.outline .summary .etc li span {
  font-size: 0.75rem;
  line-height: 1;
  color: #333;
  padding-right: 5px;
  opacity: 0.9;
}
.valueline #wrap #container.sub_search .mainBox.outline .summary .etc li a {
  color: #06c;
  font-size: 0.8rem;
  text-decoration: underline;
  opacity: 0.9;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary.active p {
  -webkit-line-clamp: initial;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary.active p.txt_line01 {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary.active p.txt_line02 {
  visibility: visible;
  opacity: 1;
  height: 100%;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary.active .link_btn span::after {
  transform: rotate(-45deg);
}

.valueline #wrap #container.sub_search .mainBox.outline .summary .link_btn {
  display: inline-block;
  margin-top: 15px;
}

.valueline #wrap #container.sub_search .mainBox.outline .summary .link_btn span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: var(--colfff);
  border-radius: 10px;
  background-color: var(--col1f3);
}

.valueline #wrap #container.sub_search .mainBox.outline .summary .link_btn span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #C7CCD1;
  border-right: 2px solid #C7CCD1;
  transform: rotate(-135deg);
  width: 4px;
  height: 4px;
  transform: rotate(135deg);
  border-color: var(--coldae);
}

.valueline #wrap #container.sub_search .banner_signal {
  position: relative;
  padding: 30px 16px 40px;
}

.valueline #wrap #container.sub_search .banner_signal::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 8px;
  background-color: #f4f4f5;
  z-index: 1;
}

.valueline #wrap #container.sub_search .banner_signal a,
.valueline #wrap #container.sub_search .banner_signal a img {
  display: inline-block;
  width: 100%;
}

/* 개요 - 뉴스 */
.valueline #wrap #container .main_mid.new_area {
  padding: 0 16px;
  margin-bottom: 15px;
}

.valueline #wrap #container .main_mid.new_area .c_title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #181f29;
}

.valueline #wrap #container .main_mid.new_area .lst_type {
  width: 100%;
  margin-top: 15px;
}

.valueline #wrap #container .main_mid.new_area .lst_type2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 15px 15px;
  padding: 12px 0;
  box-sizing: border-box;
}

.valueline #wrap #container .main_mid.new_area .lst_type2 .tit {
  width: 100%;
  flex: 2;
  order: 2;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

.valueline #wrap #container .main_mid.new_area .lst_type2 .tit a {
  display: inline-block;
  color: #333;
  font-size: 1rem;
  display: -webkit-box;
  overflow: hidden;
  max-height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.valueline #wrap #container .main_mid.new_area .lst_type2 dd.photo {
  order: 1;
  border: 1px solid #E0E4E9;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  flex-basis: 80px;
  height: 71px;
}

.valueline #wrap #container .main_mid.new_area .lst_type dd.photo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.valueline #wrap #container .main_mid.new_area .lst_type dd.photo a img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.valueline #wrap #container .main_mid.new_area .lst_type .day {
  display: block;
  width: 100%;
  margin-top: 7px;
  color: #939393;
  font-size: 0.8125rem;
  padding-right: 10px;
  letter-spacing: normal;
}

.valueline #wrap #container .main_mid.new_area .lst_type .day .writer {
  font-weight: normal;
  padding-left: 10px;
  word-wrap: break-word;
  word-break: break-all;
}

.valueline #wrap #container .main_mid.new_area .btn_more a {
  display: block;
  width: 100%;
  border: 1px solid #BEBCCB;
  color: #404fc3;
  font-size: 0.75rem;
  border-radius: 8px;
  margin-top: 5px;
  box-sizing: border-box;
  text-align: center;
  line-height: 42px;
}

/* 하단 막대 차트 */
.valueline #wrap #container .mainBox.financials {
  background-color: #fff;
  padding: 32px 16px;
}

.valueline #wrap #container .mainBox.financials::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 8px;
  z-index: 1;
}

.valueline #wrap #container .mainBox.financials:last-of-type::after {
  display: none;
}

.valueline #wrap #container .mainBox.financials .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #181f29;
}

.valueline #wrap #container .mainBox.financials .no_data {
  width: 100%;
}

.valueline #wrap #container .mainBox.financials .no_data p {
  padding: 4em 0 5em;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.31;
  letter-spacing: -0.4px !important;
  color: #c7ccd1;
  text-align: center;
}

.valueline #wrap #container .mainBox.financials .no_data p .link_basic {
  position: relative;
  display: inline-block;
  padding: 15px 16px 15px 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.31;
  letter-spacing: -0.4px !important;
  color: #4D6EE4;
  text-align: center;
}

.valueline #wrap #container .mainBox.financials .no_data p .link_basic::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #4D6EE4;
  border-right: 1px solid #4D6EE4;
  transform: rotate(45deg);
}

.valueline #wrap #container .mainBox.financials .area_note .note_list {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4px;
  width: 100%;
  box-sizing: border-box;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 15px 15px;
  padding: 22px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #F5F5F5;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list .note_nm {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: space-between;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list .note_nm a {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.19;
  color: #363F4B;
  min-width: calc(100% - 40px);
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list .sume_img {
  height: 60px;
  flex-basis: 79px;
  border: 1px solid #E0E4E9;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list .sume_img .img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list .day {
  margin-top: 3px;
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #6A727B;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list #btn_free_list .note_nm,
.valueline #wrap #container .mainBox.financials .area_note .note_list .freeView_list .note_nm {
  background: url("/img/lokimg.svg") no-repeat 0 2px;
  background-size: 12px;
}

.valueline #wrap #container .mainBox.financials .area_note .note_list #btn_free_list .note_nm a,
.valueline #wrap #container .mainBox.financials .area_note .note_list .freeView_list .note_nm a {
  text-indent: 20px;
}

.valueline #wrap #container .mainBox.financials .area_note .btn_more {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #edeeef;
  text-align: center;
  border-radius: 8px;
  background-color: var(--col1a1);
}

.valueline #wrap #container .mainBox.financials .area_note .btn_more b {
  font-size: 0.9375rem;
  color: #7f8ca3;
}

.valueline #wrap #container .mainBox.financials .area_note .btn_more a {
  display: block;
  padding: 11px 0;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #6A727B;
}

.valueline #wrap #container .mainBox.financials .area_note .btn_more:active {
  opacity: 0.95;
  background-color: var(--col040);
}

.valueline #wrap #container .mainBox.financials .area_note .btn_more a:active {
  top: 0;
  left: 0;
  opacity: 1;
}

.valueline #wrap #container .mainBox.financials .area_note .btn_more {
  margin-top: 10px;
}

.valueline #wrap #container .mainBox.financials .dataBox {
  margin-bottom: 38px;
}

.valueline #wrap #container .mainBox.financials .dataBox .reg_day {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.75;
  color: #969EA7;
  text-align: right;
}

.valueline #wrap #container .mainBox.financials .dataBox .bg_box {
  margin-top: 5px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #F5F5F9;
}

.valueline #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px;
  gap: 5px;
}

.valueline #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion .line .th {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #6a727b;
}

.valueline #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion .line .td {
  margin-top: 5px;
  font-size: 1rem;
  line-height: 1.19;
  color: #333;
}

.valueline #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion .line .td b {
  font-weight: 700;
  color: #333;
}

.valueline #wrap #container .mainBox.financials .chart_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 12px;
  border-bottom: 1px solid #F5F5F5;
  padding: 5px 16px 10px;
  margin-bottom: 30px;
}
.valueline #wrap #container .mainBox.financials .chart_box .chart_capture {
  position: relative;
  top: -10px;
  display: block;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
  flex: none;
  margin-left: auto;
}
.valueline #wrap #container .mainBox.financials .chart_box .chart_capture img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.valueline #wrap #container .mainBox.financials .chart_box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.valueline #wrap #container .mainBox.financials .chart_box .c_title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #181f29;
}

.valueline #wrap #container .mainBox.financials .chart_box .unit {
  font-size: 0.75rem;
  line-height: 1.75;
  font-weight: 400;
  color: #969ea7;
  flex: none;
  margin-left: auto;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style {
  width: 100%;
  height: 180px;
}

@media (min-width: 376px) and (max-width: 425px) {
  .valueline #wrap #container .mainBox.financials .chart_box .financials_style {
    height: 220px;
  }
}
@media (min-width: 426px) {
  .valueline #wrap #container .mainBox.financials .chart_box .financials_style {
    height: 260px;
  }
}
.valueline #wrap #container .mainBox.financials .chart_box .financials_style rect.highcharts-point {
  fill: #4D6EE4 !important;
  background: #4D6EE4 !important;
  stroke-width: 0;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style rect.highcharts-point.point_color {
  fill: #EDEEEF !important;
  background: #EDEEEF !important;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style rect.highcharts-point.decrease_color {
  fill: #D2DCFF !important;
  background: #D2DCFF !important;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-point.highcharts-negative.highcharts-color-0 {
  fill: #26ABFF;
  background: #26ABFF;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-label text,
.valueline #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-label tspan {
  font-size: 12px !important;
  color: #6A727B !important;
  fill: #6A727B !important;
  text-shadow: none;
  stroke-width: 0;
  font-weight: 400 !important;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-axis-labels text {
  font-size: 12px !important;
  color: #969EA7 !important;
  fill: #969EA7 !important;
  font-weight: 400 !important;
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-xaxis .highcharts-axis-line {
  stroke: var(--colbar);
}

.valueline #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-crosshair-category {
  stroke: rgba(255, 255, 255, 0);
}

.valueline #wrap #container .mainBox.financials .chart_box .financialsLine_style {
  margin-top: 10px;
  width: 100%;
  height: 220px;
}

@media (min-width: 426px) {
  .valueline #wrap #container .mainBox.financials .chart_box .financialsLine_style {
    height: 260px;
  }
}
.valueline #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-xaxis .highcharts-axis-line {
  stroke: var(--col2f3) !important;
}

.valueline #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item text,
.valueline #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item tspan {
  font-size: 12px !important;
  color: #969ea7 !important;
  fill: #969ea7 !important;
  font-weight: 400 !important;
  text-shadow: none;
  stroke-width: 0;
}

.valueline #wrap #container .mainBox.financials .chart_box .premiumLock_area {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.96);
  border: solid 1px var(--col6AA);
  background-color: var(--col326);
  position: sticky;
}

.valueline #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 10px;
}

.valueline #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .free_title {
  font-size: 0.9375rem;
  font-weight: normal;
  letter-spacing: -0.38px;
  color: var(--cold9e);
}

.valueline #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .free_title b {
  font-weight: 700;
}

.valueline #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 5px 9px;
  border-radius: 10px;
  background-color: var(--col1f3);
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -0.5px;
  text-align: center;
  color: var(--colfff);
}

.valueline #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .more::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #C7CCD1;
  border-right: 2px solid #C7CCD1;
  transform: rotate(-135deg);
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  border-color: var(--coldae);
}

/* 종목검색 - 종목진단 탭 */
/* .valueline #wrap .sub_mid.tabs_area, */
/* .valueline #wrap .competitors_table, */
/* .valueline #wrap .sub_mid.research_board, */
/* .valueline #wrap .sub_recipe .sub_mid.recipe_view, */
.valueline #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container > div {
  background-color: #F4F4F5;
}

.valueline #wrap .sub_mid.tabs_area,
.valueline #wrap .competitors_table,
.valueline #wrap .sub_mid.research_board {
  background-color: #fff;
}

.valueline #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container > div {
  padding-bottom: 35px;
  margin-bottom: 0;
}

.valueline #wrap #container.sub_briefing .sub_mid.research_board {
  background-color: #fff;
}

.valueline #wrap #container .sub_mid.research_board {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 32px;
}

.valueline #wrap #container .sub_mid.research_board .news_no_data {
  margin-top: 0;
}

.valueline #wrap #container .competitors_table {
  padding-top: 32px;
}

.v_signalStreng.globalStock .sub_search .sub_mid.competitors_table .title_guide {
  top: 37px;
}

.valueline #wrap .sub_search .tabs_3.tabs_depth2 {
  margin-top: 19px;
}

.valueline #wrap .sub_search .sub_mid.tabs_area .investCharm_area,
.valueline #wrap .sub_search .sub_mid.tabs_area .alloca_wrap.alloca_wrap.na_box,
.valueline #wrap .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area {
  padding-bottom: 20px;
}

.valueline #wrap .sub_search .sub_mid.tabs_area .alloca_wrap.alloca_wrap,
.valueline #wrap .sub_search .sub_mid.tabs_area .alloca_wrap.alloca_wrap.na_box {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .containerArea_1 .highcharts-tick {
  display: none !important;
}

/* GNB */
/* .globalStock .gnb {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 767px;
	height: 55px;
	box-sizing: border-box;
	border-top: 1px solid #E0E4E9;
	padding: 10px 10px;
	background: #fff;
	z-index: 92;
	box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);
}

.globalStock .gnb .list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: space-evenly;
	gap: 5px;
}

.globalStock .gnb li {
	flex: 2 1 0;
	text-align: center;
	box-sizing: border-box;
}

.globalStock .gnb li a {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	color: #82929f;
	font-size: 1rem;
}

.globalStock .gnb li.active {
	border-radius: 10px;
	background-color: #f4f4f5;
	padding: 0 10px;
}

.globalStock .gnb li.active a {
	color: #404fc3;
} */
.globalStock .gnb li.menu {
  position: relative;
  flex: 1.5 1 0;
}

.globalStock .gnb li.menu.active::after {
  display: none;
}

/* .globalStock .gnb li.menu a {		
	background: url('/img/icon_menu.svg') no-repeat 0 6px;	
}

.globalStock .gnb li.menu.active a {
	background-image: url('/img/icon_menu_on.svg');
	background-position: 0 6px;
} */
/* 
.globalStock .gnb li.myinfo {
	flex: 1.5 1 0;
}

.globalStock .gnb li.myinfo a {
	font-size: 0;
	width: 24px;
	background: url('/img/icon_menu_list_on.png') no-repeat 0 6px;
	background-size: auto 26px;
	opacity: 0.35;
}

.globalStock .gnb li.myinfo.active a {
	opacity: 1;
}

.globalStock .gnb li.home i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/img/icon_home.svg') no-repeat center -2px;
	background-size: 24px 24px;
	vertical-align: middle;
	position: relative;
	top: 2px;
}

.globalStock .gnb li.home.active i {
	background: url('/img/icon_home_on.svg') no-repeat center -2px;
	top: 0;
	margin-right: 2px;
} */
/* .globalStock .gnb li.home a {
	font-size: 0;
}

.globalStock .gnb li.home.active a {
	font-size: 1rem;
} */
.globalStock .gnb {
  position: fixed;
  bottom: 0;
  padding: 0;
  border: none;
  width: 100%;
  max-width: 767px;
  height: 55px;
  box-sizing: border-box;
  background: #fff;
  z-index: 92;
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);
  display: block;
}

.globalStock .gnb .list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0 3px;
  height: 100%;
}

.globalStock .gnb .list li {
  flex: 1 1 auto;
  text-align: center;
  background: none;
  padding: 0;
}

.globalStock .gnb .list li a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.75rem;
  font-weight: 500;
  color: #404fc3;
  opacity: 0.5;
  filter: grayscale(100%);
  height: auto;
  line-height: 1;
}

.globalStock .gnb .list li.active a {
  color: #404fc3;
  opacity: 1;
  filter: grayscale(0%);
}

.globalStock .gnb .list li a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto 2px;
}

.globalStock .gnb .list li.home a::before {
  background: url("/img/home_on.svg") no-repeat center center;
}

.globalStock .gnb .list li.sch a::before {
  background: url("/img/sch_on.svg") no-repeat center center;
}

.globalStock .gnb .list li.stock a::before {
  background: url("/img/stock_on.svg") no-repeat center center;
}

.globalStock .gnb .list li.excavation a::before {
  background: url("/img/excavation_on.svg") no-repeat center center;
}

.globalStock .gnb .list li.attention a::before {
  background: url("/img/attention_on.svg") no-repeat center center;
}

.globalStock .gnb .list li.menu a::before {
  background: url("/img/icon_menu.svg") no-repeat center center;
}

.globalStock .gnb .list li.menu a::before {
  background: url("/img/icon_menu_on.svg") no-repeat center center;
}

.v_signalStreng.globalStock .updata_allList {
  display: none;
  /* position: absolute;
     left: 0;
  right: 0;
  top: 1px; */
  position: relative;
  top: -60px;
  width: 100%;
  /* margin-left: -20px;	 */
  padding: 15px 0;
  box-sizing: border-box;
  background-color: #f7f8f9;
  /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); */
  /* border-radius: 16px;		 */
  z-index: 99;
}

.v_signalStreng.globalStock .updata_allList .txt {
  padding: 2px 0;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}

.v_signalStreng.globalStock .updata_allList .txt b {
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .updata_allList .trading_signal {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 17px 10px;
  margin-top: 8px;
  border-radius: 16px;
  background-color: #fff;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list {
  display: flex;
  justify-content: space-around;
  margin: 0;
  width: 100%;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list li {
  /* flex: 1 1 auto;	 */
  text-align: center;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .day {
  font-size: 0.8125rem;
  color: #6a727b;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .trends span {
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: -0.33px !important;
  color: #fff;
  padding: 4px 9px;
  border-radius: 16px;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .trends span.ibox.str {
  background-color: #dd5257;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .trends span.ibox.bas {
  background: #C7CCD1;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .trends span.ibox.weak {
  background-color: #404fc3;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .signal {
  font-size: 0.8125rem;
  color: #333;
  width: 50px;
  text-align: right;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .exp_signal {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
  width: 88px;
  text-align: right;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .exp_signal.increase {
  color: #e1305a;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .exp_signal.decrease {
  color: #404fc3;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .exp_signal span {
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
}

/* 추천, 인기검색 */
.v_signalStreng.globalStock .sub_search .searching {
  margin-top: 15px;
  padding-left: 5px;
  padding-top: 0;
  padding-bottom: 15px;
}

.v_signalStreng.globalStock .sub_recom,
.v_signalStreng.globalStock .sub_attract,
.v_signalStreng.globalStock .sub_research,
.v_signalStreng.globalStock .sub_search .latest_results,
.v_signalStreng.globalStock .sub_alarm,
.v_signalStreng.globalStock .sub_briefing,
.v_signalStreng.globalStock .sub_login,
.v_signalStreng.globalStock .sub_service {
  margin-top: 15px;
}

.v_signalStreng.globalStock .sub_top .txt_box,
.v_signalStreng.globalStock .sub_search .latest_results .tabsArea .tab_container .txt_box {
  background-color: #F5F5F9;
}

.v_signalStreng.globalStock .return_sum {
  display: flex;
  margin: 15px 16px 35px;
  padding: 20px 20px;
  border-radius: 15px;
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .return_sum .line {
  flex: 1 1 50%;
  text-align: center;
}

.v_signalStreng.globalStock .return_sum .line .th {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6a727b;
  padding-bottom: 5px;
}

.v_signalStreng.globalStock .return_sum .line .td .increase {
  font-size: 1.25rem;
  font-weight: 500;
  color: #FF2929;
}

.v_signalStreng.globalStock .return_sum .line .td .decrease {
  font-size: 1rem;
  font-weight: 500;
  color: #26ABFF;
}

.v_signalStreng.globalStock .return_sum .line .td .cunt {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume {
  background: #fff;
  padding: 16px 14px;
  margin-top: 16px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info {
  margin: 0 auto;
  padding-bottom: 13px;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e2;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p {
  font-size: 13px;
  line-height: 1.54;
  color: #404fc3;
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p a.more {
  font-size: 10px;
  color: #404fc3;
  position: relative;
  top: -2px;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 16px;
  border-bottom: 1px solid #404fc3;
  width: auto;
  text-align: left;
  line-height: normal;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p a.more::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 2px;
  right: 0;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum {
  padding: 22px 0 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #404fc3;
  width: 100%;
  padding-left: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum .txt {
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  margin-top: 13px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul {
  margin-top: 12px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul li:last-child {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule {
  margin-top: 23px;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 14px 15px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #404fc3;
  width: 100%;
  padding-left: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule .title {
  color: #014B8D;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul {
  margin-top: 12px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul li:last-child {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock .sub_search .latest_results .tabsArea table.tableRanking,
.v_signalStreng.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList {
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_search .latest_results .tabsArea .tab_container .no_data {
  margin-top: 0;
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_search .latest_results .tabsArea .tab_container .catch_wrap .no_data {
  margin-top: 20px;
  padding-top: 220px;
  padding-bottom: 20px;
  width: 100%;
  height: auto;
  background: #f7f8f9 url("/img/bg_nodata.png") no-repeat center 50px;
}

.v_signalStreng.globalStock .sub_game {
  margin-top: 15px;
}

.v_signalStreng.globalStock .sub_game .sub_top .txt_box {
  background-color: #F5F5F9;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area {
  background: none;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list,
.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_event {
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
  width: calc(100% - 180px);
}

@media (min-width: 320px) and (max-width: 358px) {
  .v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
    width: calc(100% - 130px);
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
    width: calc(100% - 155px);
  }
}
.v_signalStreng.globalStock .sub_recipe {
  margin-top: 15px;
}

.v_signalStreng.globalStock .sub_recom .tab-container {
  position: relative;
  margin-top: 24px;
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_btn {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 0 15px;
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span {
  position: relative;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0 3px 4px;
  box-sizing: border-box;
  margin: 0;
  border: none;
  display: inline-block;
  width: auto;
  color: #939393;
  font-size: 0.875rem;
  line-height: normal;
}

.v_signalStreng.globalStock .sub_recom .recipe_view .tab-container .tab_btn {
  gap: 0 8px;
  padding: 0;
}

.v_signalStreng.globalStock .sub_recom .recipe_view .tab-container .tab_span {
  display: inline-block;
  /* padding: 0 8px; */
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span .cunt {
  font-size: 0.75rem;
  color: #939393;
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #404fc3;
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span.active,
.v_signalStreng.globalStock .sub_recom .tab-container .tab_span.active .cunt {
  font-weight: 500;
  color: #404fc3;
}

/* 추천 - 매매신호탭 */
.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 12px;
  width: 100%;
  background-color: #f7f8f9;
  box-sizing: border-box;
  padding: 17px 16px;
  border-radius: 16px;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .title_logo .logo {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list#btn_free .title_logo .logo {
  background: #fff url("/img/signal_prm.svg") no-repeat center center;
  background-size: 70%;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 5px;
  max-width: calc(100% - 150px);
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.19;
  color: #363F4B;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail .title {
  width: 100%;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail .per {
  padding: 0;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail .per span {
  font-size: 0.9375rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue {
  flex: none;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 11px 0;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .th {
  font-size: 11px !important;
  font-weight: 300;
  letter-spacing: normal;
  color: #939393;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase.dod {
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #f00;
  display: inline-block;
  background-color: rgba(255, 75, 75, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase.dod b {
  color: #f00;
  font-weight: 300;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .decrease.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #0062ff;
  display: inline-block;
  background-color: rgba(0, 98, 255, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .same.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #333;
  display: inline-block;
  background-color: rgba(199, 204, 209, 0.3882352941);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue .decrease.dod b {
  color: #0062ff;
  font-weight: 300;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .dod b {
  color: #f00;
  font-weight: 300;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase {
  color: #FF2929;
  font-size: 1.125rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .decrease {
  color: #26ABFF;
  font-size: 1.125rem;
}

.v_signalStreng.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .day {
  font-size: 0.8125rem;
  top: 4px !important;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .guide li {
  color: #939393;
  font-size: 0.8125rem;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .update_sort {
  font-size: 0.75rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tab-container .update_info {
  display: inline-block;
  width: 90px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 4px;
  color: #939393;
  font-size: 0.8125rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_top .txt_box {
  background-color: #F5F5F9;
}

/* 검색 - 개요 월정기결제 33,000원 플로팅 팝업 */
.v_signalStreng.globalStock .signalpop .bg_gray {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 998;
}

.v_signalStreng.globalStock .signalpop .box {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0;
  transition: all 0s ease-in-out;
  z-index: 999;
}

.v_signalStreng.globalStock .signalpop .box {
  display: none;
  opacity: 1;
}

.v_signalStreng.globalStock .signalpop.monthly_payment .content {
  padding: 20px 0 0;
  background-image: linear-gradient(to bottom, rgba(77, 110, 228, 0), rgba(77, 110, 228, 0.3) 180%, rgba(77, 110, 228, 0.2));
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt {
  text-align: center;
  padding: 0;
  height: 270px;
  background: none;
  background: url("/img/monthly_payment.svg") no-repeat center 30px;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt p {
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt p.txt01 {
  font-size: 18px;
  font-weight: bold;
  color: #c7cbe9;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt p.txt02 {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #404fc3;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr {
  display: flex;
  justify-content: space-between;
  height: 47px;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close {
  font-size: 13px;
  text-align: right;
  color: #939393;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
  font-size: 0;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::before,
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  height: 22px;
  width: 2px;
  background-color: #333;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::before {
  transform: rotate(45deg);
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::after {
  transform: rotate(-45deg);
}

.v_signalStreng.globalStock .signalpop.event2024_payment .content {
  background-color: #141933;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt {
  text-align: center;
  padding: 0;
  height: 270px;
  background: url("/img/banner/event_mainBtm_240115.png") no-repeat center 0;
  background-size: contain;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p {
  display: none;
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt01 {
  font-size: 18px;
  font-weight: bold;
  color: #c7cbe9;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt02 {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #404fc3;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area {
  padding-bottom: 35px;
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn {
  display: inline-block;
  margin: 25px auto 0;
  width: calc(100% - 50px);
  padding: 20px 15px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background-color: #404fc3;
  font-size: 1rem;
  line-height: 1.19;
  text-align: center;
  color: #fff;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn b {
  color: #f0cc09;
}

.v_signalStreng.globalStock .signalpop.event2024_payment .content {
  background-color: #141933;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt {
  text-align: center;
  padding: 0;
  height: 270px;
  background: url("/img/banner/event_mainBtm_240123.png") no-repeat center 0;
  background-size: contain !important;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p {
  display: none;
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt01 {
  font-size: 18px;
  font-weight: bold;
  color: #c7cbe9;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt02 {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #404fc3;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area {
  padding-bottom: 35px;
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn {
  display: inline-block;
  margin: 25px auto 0;
  width: calc(100% - 50px);
  padding: 20px 15px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background-color: #404fc3;
  font-size: 1rem;
  line-height: 1.19;
  text-align: center;
  color: #fff;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn b {
  color: #f0cc09;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr {
  display: flex;
  justify-content: space-between;
  height: 47px;
  background-color: #141933;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close {
  font-size: 13px;
  text-align: right;
  color: #939393;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
  font-size: 0;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::before,
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  height: 22px;
  width: 2px;
  background-color: #fff;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::before {
  transform: rotate(45deg);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::after {
  transform: rotate(-45deg);
}

.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .content {
  background-color: #141933;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 30px;
}
.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .ftr {
  height: auto;
  background-color: #141933;
  margin-top: 0;
  border-radius: 0;
}
.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .ftr .btn_close {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
  font-size: 0;
}
.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .ftr .btn_close::before,
.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .ftr .btn_close::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  height: 22px;
  width: 2px;
  background-color: #fff;
}
.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .ftr .btn_close::before {
  transform: rotate(45deg);
}
.v_signalStreng.globalStock .free_2weeks .signalpop.event2024_payment .ftr .btn_close::after {
  transform: rotate(-45deg);
}

.valueline #wrap .modal.method .pop_header,
.valueline #wrap .modal.cardBox .pop_header,
.valueline #wrap .modal.agreePopBox .pop_header,
.valueline #wrap .modal.signal_pop01 .pop_header,
.valueline #wrap .modal.payment_cacl .pop_header,
.valueline #wrap .modal.refundTerms_pop01 .pop_header,
.valueline #wrap .modal.eps_pop01 .pop_header {
  background-color: #fff;
  padding: 24px 15px;
  border: none;
}

.valueline #wrap .modal.method .pop_header .pop_title,
.valueline #wrap .modal.cardBox .pop_header .pop_title,
.valueline #wrap .modal.agreePopBox .pop_header .pop_title,
.valueline #wrap .modal.signal_pop01 .pop_header .pop_title,
.valueline #wrap .modal.payment_cacl .pop_header .pop_title,
.valueline #wrap .modal.refundTerms_pop01 .pop_header .pop_title,
.valueline #wrap .modal.eps_pop01 .pop_header .pop_title {
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.14;
  font-weight: bold;
  color: #333;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.valueline #wrap .modal.cardBox .pop_header .pop_title {
  text-align: left;
}

.valueline #wrap .modal.method .pop_header .clse::before,
.valueline #wrap .modal.method .pop_header .clse::after,
.valueline #wrap .modal.cardBox .pop_header .clse::before,
.valueline #wrap .modal.cardBox .pop_header .clse::after,
.valueline #wrap .modal.agreePopBox .pop_header .clse::before,
.valueline #wrap .modal.agreePopBox .pop_header .clse::after,
.valueline #wrap .modal.signal_pop01 .pop_header .clse::before,
.valueline #wrap .modal.signal_pop01 .pop_header .clse::after,
.valueline #wrap .modal.payment_cacl .pop_header .clse::before,
.valueline #wrap .modal.payment_cacl .pop_header .clse::after,
.valueline #wrap .modal.refundTerms_pop01 .pop_header .clse::before,
.valueline #wrap .modal.refundTerms_pop01 .pop_header .clse::after,
.valueline #wrap .modal.eps_pop01 .pop_header .clse::before,
.valueline #wrap .modal.eps_pop01 .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}

.valueline #wrap .modal.cardBox .pop_con,
.valueline #wrap .modal.agreePopBox .pop_con,
.valueline #wrap .modal.signal_pop01 .pop_con,
.valueline #wrap .modal.payment_cacl .pop_con,
.valueline #wrap .modal.refundTerms_pop01 .pop_con,
.valueline #wrap .modal.eps_pop01 .pop_con {
  padding: 0 16px 32px;
}

.valueline #wrap .modal.signal_pop01 .pop_con .txt {
  padding: 2px 0;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}

.valueline #wrap .modal.signal_pop01 .pop_con .txt b {
  font-weight: bold;
  color: #333;
  line-height: 1.43;
}
.valueline #wrap .modal.signal_pop01 .pop_con .txt b.increase {
  color: #E1305A;
}
.valueline #wrap .modal.signal_pop01 .pop_con .txt b.decrease {
  color: #303FAF;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 17px 10px;
  margin-top: 8px;
  border-radius: 16px;
  background-color: #f7f8f9;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list {
  display: flex;
  justify-content: space-around;
  margin: 0;
  width: 100%;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list li {
  /* flex: 1 1 auto;	 */
  text-align: center;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .day {
  width: 64px;
  min-width: 50px;
  font-size: 0.8125rem;
  color: #6a727b;
  box-sizing: border-box;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span {
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: -0.33px !important;
  color: #fff;
  padding: 4px 9px;
  border-radius: 16px;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span.ibox.str {
  background-color: #dd5257;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span.ibox.bas {
  background: #C7CCD1;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span.ibox.weak {
  background-color: #404fc3;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .signal {
  font-size: 0.8125rem;
  color: #333;
  min-width: 50px;
  text-align: right;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
  width: 88px;
  text-align: center;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal.increase {
  color: #e1305a;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal.decrease {
  color: #404fc3;
}

.valueline #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal span {
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
}

.valueline #wrap .modal.payment_cacl .pop_con {
  padding: 0 20px 32px;
}

.valueline #wrap .modal.payment_cacl .pop_con .txt {
  padding: 2px 0;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}
.valueline #wrap .modal.payment_cacl .pop_con .txt b {
  font-weight: normal;
  color: #ff2929;
  text-decoration: underline;
}

.valueline #wrap .modal.payment_cacl .pop_con .btnArea .btn_cncl {
  background-color: transparent;
  border-radius: 7px;
}
.v_signalStreng.globalStock .blocker {
  background-color: rgba(0, 0, 0, 0.4);
}

.modal .close-modal {
  display: none;
  visibility: hidden;
}

.modal .pop_header .pop_title i {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.modal .pop_header .pop_title i img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.modal .pop_con {
  padding: 20px 15px 45px;
  font-size: 0.9375rem;
  letter-spacing: -0.38px;
}

.modal .pop_con ul:first-child {
  margin-bottom: 15px;
}

.modal .pop_con li,
.modal .pop_con dt,
.modal .pop_con dd {
  text-align: left;
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
}

.modal .pop_con ul li strong {
  color: #404fc3;
}

/* 정기결제 환불정책 자세히보기 팝업 */
.modal.refund_pop01 {
  top: 15%;
}

/* (필수)전자금융거래 약관 동의 */
.modal.agreePopBox {
  top: -15%;
}

.modal.agreePopBox .pop_con .agree dt {
  padding: 20px 0 20px;
  font-weight: 700;
}

.modal.agreePopBox .pop_con .txt {
  overflow: auto;
  height: 400px;
  padding: 0;
  font-size: 0.9375rem;
  color: #939393;
  word-break: break-all;
  line-height: 1.5;
}

.globalStock #catch_cncl {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  padding: 15px 0 20px 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
  transform: translate(-50%, -52%);
}

.globalStock #catch_cncl .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 18px 13px;
}

.globalStock #catch_cncl .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #catch_cncl .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #catch_cncl .pop_header .pop_title {
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.globalStock #catch_cncl .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #catch_cncl .pop_con {
  padding: 5px 18px 0;
}

.globalStock #catch_cncl .pop_con #loading {
  position: absolute;
  left: 50%;
  margin-left: -16px;
  top: 50%;
}

.globalStock .catch_edt #catch_cncl .guide {
  color: #333;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from {
  margin-top: 15px;
}

.globalStock .catch_edt #catch_cncl .catch_from .label {
  background: #fff;
  border-radius: 9px;
  padding: 19px 15px;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid #fff;
}

.globalStock .catch_edt #catch_cncl .catch_from .label .label_chk {
  color: #404fc3;
  font-size: 0.84rem;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}

.globalStock .catch_edt #catch_cncl .catch_from .label.active {
  border: 1px solid #404fc3;
  opacity: 1 !important;
}

.globalStock .catch_edt #catch_cncl .catch_from .label.active::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/img/icon_checkmark.png") no-repeat 100% 0;
  position: absolute;
  right: 6px;
  top: 6px;
}

.globalStock .catch_edt #catch_cncl .payBtn {
  text-align: center;
  margin-top: 5px;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn {
  color: #404fc3;
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: calc(50% - 10px);
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_cncl {
  margin-right: 5px;
  text-align: left;
  padding: 6px 5px 6px 30px;
  border: none;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_save {
  color: #fff;
  background: #404fc3;
  text-align: right;
  padding: 6px 30px 6px 5px;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_cncl i {
  position: absolute;
  left: 18px;
  top: 8px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreL.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_save i {
  position: absolute;
  right: 18px;
  top: 8px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct {
  font-size: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label {
  padding-bottom: 5px;
  padding-top: 10px;
  margin-right: 5px;
  box-sizing: border-box;
  display: inline-block;
  width: calc(50% - 3px);
  vertical-align: top;
  text-align: center;
  opacity: 0.6;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label:nth-child(2n) {
  margin-right: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img {
  display: inline-block;
  height: 32px;
  margin-bottom: 2px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img img {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-top: 5px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.MSFT img {
  height: 20px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.PEP img {
  height: 23px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.SBUX img {
  height: 33px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.T img {
  height: 24px;
  margin-top: 7px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BRK img {
  height: 9px;
  margin-top: 12px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.NEM img {
  height: 16px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.V img {
  height: 18px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.MMM img {
  height: 19px;
  margin-top: 8px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BAC img {
  height: 11px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.CVX img {
  height: 31px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.AMZN img {
  height: 21px;
  margin-top: 7px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BA img {
  height: 23px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.NFLX img {
  height: 18px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.WMT img {
  height: 20px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.KO img {
  height: 22px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.JNJ img {
  height: 19px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.XOM img {
  height: 14px;
  margin-top: 12px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.AMT img {
  height: 31px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.NEE img {
  height: 28px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.TSLA img {
  height: 11px;
  margin-top: 12px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.AAPL img {
  height: 28px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.VZ img {
  height: 16px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.UNH img {
  height: 10px;
  margin-top: 13px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.PKX img {
  height: 16px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.RDS img {
  height: 27px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.O img {
  height: 23px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.HUM img {
  height: 14px;
  margin-top: 11px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.DUK img {
  height: 23px;
  margin-top: 9px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.CSGP img {
  height: 20px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BKNG img {
  height: 20px;
  margin-top: 9px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .name {
  display: block;
  color: #333;
  font-size: 0.75rem;
}

/* modal */
.globalStock .setting_pop {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
}

.globalStock .setting_pop.open {
  display: block;
}

.globalStock .setting_pop .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 81;
}

.globalStock .popLogo {
  text-align: center;
  margin-bottom: 50px;
}

.globalStock #setting {
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #setting .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #setting .pop_header .close {
  position: absolute;
  left: auto !important;
  top: 0 !important;
  right: 0 !important;
  padding: 15px;
  width: 15px;
}

.globalStock #setting .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #setting .pop_header .pop_title {
  text-align: center;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #setting .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl .pop_header .pop_title {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: #404fc3;
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl .pop_con .pop_sum strong {
  color: #404fc3;
  font-weight: bold;
}

.globalStock #pay_cncl_tr {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl_tr .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl_tr .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl_tr .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl_tr .pop_header .pop_title {
  text-align: left;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl_tr .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl_tr .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: #404fc3;
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum strong {
  color: #404fc3;
  font-weight: bold;
}

.globalStock #pay_cncl_tr .form_table .txt_info span {
  color: #939393;
}

.globalStock #pay_cncl_tr .form_table .txt_info strong {
  color: #404fc3;
}

.globalStock #pay_cncl_tr .btnArea.edtBtn {
  width: calc(100% - 30px);
  margin: 25px auto;
}

.globalStock #pay_cncl {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl .pop_header .pop_title {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: #404fc3;
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl .pop_con .pop_sum strong {
  color: #404fc3;
  font-weight: bold;
}

.globalStock #pay_cncl_tr {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl_tr .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl_tr .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl_tr .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl_tr .pop_header .pop_title {
  text-align: left;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl_tr .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl_tr .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: #404fc3;
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum strong {
  color: #404fc3;
  font-weight: bold;
}

.globalStock #pay_cncl_tr .form_table .txt_info span {
  color: #939393;
}

.globalStock #pay_cncl_tr .form_table .txt_info strong {
  color: #404fc3;
}

.globalStock #pay_cncl_tr .btnArea.edtBtn {
  width: calc(100% - 30px);
  margin: 25px auto;
}

.valueline #wrap .modal.refundTerms_pop01 {
  position: fixed;
  top: 15%;
  left: calc(50% - 250px);
  padding-bottom: 15px;
}
.valueline #wrap .modal.refundTerms_pop01 .pop_header {
  padding-bottom: 0;
}
.valueline #wrap .modal.refundTerms_pop01 .pop_header .pop_title {
  text-align: center;
  line-height: 24px;
}
.valueline #wrap .modal.refundTerms_pop01 .pop_con {
  margin: 0 16px;
  padding-bottom: 10px;
  overflow: auto;
  max-height: 380px;
}
.valueline #wrap .modal.refundTerms_pop01 .pop_con .txt {
  white-space: pre-line;
  color: #333;
  font-size: 0.84rem;
  line-height: 22px;
  word-wrap: break-word;
  word-break: break-all;
}
.valueline #wrap .modal.refundTerms_pop01 .terms_link {
  display: block;
  padding: 15px 25px;
  box-sizing: border-box;
  text-align: right;
  color: #06c;
  font-size: 0.8215rem;
  text-decoration: none;
}

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

/* table */
/* 버튼 */
/* 탭메뉴 */
/* form *//*# sourceMappingURL=valueline.css.map */