@charset "UTF-8";
:root {
  --SH_Gr_01: #111;
  --SH_Gr_02: #3B3B41;
  --SH_Gr_03: #474759;
  --SH_Gr_04: #6D6D73;
  --SH_Gr_05: #91919C;
  --SH_Gr_06: #B5B5BC;
  --SH_Gr_07: #D9D9E0;
  --SH_Gr_08: #D6DBE8;
  --SH_Gr_09: #ECF0FB;
  --SH_Gr_10: #F1F3F8;
  --SH_Gr_11: #F7F7F8;
  --SH_blue: #2A3FEC;
  --SH_Btn_01: #0000B9;
  --SH_Btn_02: #8C8C9E;
  --SH_Btn_03: #B0B4D0;
  --SH_Btn_04: #D2D4E1;
  --SH_Btn_05: #DDDEE5;
  --SH_Btn_06: #DDE1E4;
  --SH_Btn_07: #EAEAEE;
  --SH_Btn_08: #D8E2FF;
  --SH_flag_01: #1BC3E8;
  --SH_flag_02: #5191FF;
  --SH_flag_03: #4149FC;
  --SH_flag_04: #169E00;
  --SH_flag_05: #9755EB;
  --SH_flag_06: #00B086;
  --SH_flag_07: #FF8A00;
  --SH_flag_08: #FFA800;
  --SH_flag_09: #EE4D2A;
  --SH_flag_10: #49CB1C;
  --SH_flagbg_01: #FFF2F2;
  --SH_flagbg_02: #E9F1FF;
  --SH_Smt_01: #E11A1A;
  --SH_Smt_02: #2D78FA;
  --SH_Smt_03: #FB4C5E;
  --SH_Smt_04: #4C8CFB;
  --primary: #2A3FEC;
  --secondary: #D2D4E1;
  --font-family-base: "Spoqa Han Sans Neo", (-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif);
}

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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: -0.5px;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

@font-face {
  font-family: "Spoqa Han Sans Neo";
  src: url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular-6f876d098a687c3ac9c6871fe473b3f1.woff2") format("woff2"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular-17458b7840c51e9c8a8646c495049cbb.woff") format("woff"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular-8c97bfe4fcf47c1060fae39c0a081056.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Spoqa Han Sans Neo";
  src: url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium-9d46d938dff0062eddc760e606b2a020.woff2") format("woff2"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium-f4d5d7240069d0dd291579991883da22.woff") format("woff"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium-1dfa0cf43aa2bb4bccfcb1205d7d8aca.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Spoqa Han Sans Neo";
  src: url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold-d57ff6f22085316b0326e4396df975d3.woff2") format("woff2"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold-498c948874e4278ce199f05dd7b79b37.woff") format("woff"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold-44915dd2aa382dd0825979edb58f9bce.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "OneShinhan";
  src: url("/mweb/fonts/OneShinhan/OneShinhanLight-8618e9521302b0fa874feaf27f537a13.woff") format("woff"), url("/mweb/fonts/OneShinhan/OneShinhanLight-681b06596d921abf61106d4b91fe1e7f.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "OneShinhan";
  src: url("/mweb/fonts/OneShinhan/OneShinhanMedium-7b0beecdee8070ea28df32ae61e10c4b.woff") format("woff"), url("/mweb/fonts/OneShinhan/OneShinhanMedium-0e31e0fef80198c9060ad5d0e0692ca3.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "OneShinhan";
  src: url("/mweb/fonts/OneShinhan/OneShinhanBold-6e9b8ccfd2c5adbfe4f9da930ce5a2bd.woff") format("woff"), url("/mweb/fonts/OneShinhan/OneShinhanBold-cc51e1490a6f1edb1c7d79997d6a6654.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "AozoraMincho";
  src: url("/mweb/fonts/etcFonts/AozoraMincho-bold-2-c5140bd998ab743362651050cbfa9e0e.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "God-ShenYongTuGB-Flash";
  src: url("/mweb/fonts/etcFonts/HanZiZhiMeiShenYongTuShengXiao-Shan(God-ShenYongTuGB-Flash)-2-5ebde62dac0fe70f947db6bad204e076.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Open Sans";
  src: url("/mweb/fonts/etcFonts/OpenSans-Italic-dac22be0d4aaa6e9f6ce8204be7fe2c9.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body, form, div, span, ul, li, dl, dt, dd, textarea, h1, h2, h3, h4, h5, h6, p, ol, li {
  line-height: 1.5 !important;
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif !important;
}

html, body, table, textarea, h1, h2, h3, h4, h5, h6, p, a {
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif !important;
}

html {
  font-size: 10px !important;
  line-height: 1.5;
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif !important;
}

@media (max-width: 358.98px) {
  html {
    font-size: 8px !important;
  }
}

body {
  position: relative;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 100vh;
  min-height: -webkit-fill-available;
  color: var(--SH_Gr_01);
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: transparent;
  word-break: break-all;
  -webkit-text-size-adjust: none;
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-left: constant(safe-area-inset-left);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-left: env(safe-area-inset-left);
  padding-bottom: env(safe-area-inset-bottom);
  overflow: hidden;
}

body.ios-pad {
  padding-top: 0 !important;
}

@media (min-width: 900px) {
  body {
    font-size: 1.6rem;
    line-height: 1.56;
  }
}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {
  body {
    min-height: -webkit-fill-available;
    height: -webkit-fill-available;
  }
}

#wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: -webkit-fill-available;
}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {
  #wrap {
    min-height: -webkit-fill-available;
    height: -webkit-fill-available;
  }
}

fieldset,
img {
  border: 0;
}

img {
  width: 100%;
  max-width: 100%;
}

address,
em {
  font-size: normal;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

a:hover,
a:active {
  text-decoration: none !important;
}

button,
input,
select,
option,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: 0;
}

img {
  vertical-align: middle;
}

strong {
  font-weight: 700;
}

mark {
  color: inherit;
  font-weight: 700;
  background: 0 0;
}

button,
input {
  border-radius: 0;
  background: 0 0;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  font-size: 0;
  line-height: 0;
}

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

.scroll {
  overflow-y: auto;
}

.bg {
  background-color: #F1F3F8;
}

.hline {
  border-bottom: 1px var(--SH_Gr_08) solid;
}

.pad {
  padding-bottom: 14rem !important;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 14rem) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 14rem) !important;
}

.just__between {
  justify-content: space-between;
}

.alp-c-color--main {
  color: var(--primary) !important;
}

.al__flex-start {
  align-items: flex-start !important;
}

.only__tablet {
  display: none;
}

.padT0 {
  padding-top: 0 !important;
}

.marT0 {
  margin-top: 0 !important;
}

.marB8 {
  margin-bottom: 0.8rem !important;
}

.padT28 {
  padding-top: 2.8rem !important;
}

.flex__none {
  flex: none !important;
}

.block {
  display: block !important;
}

.font__semi {
  font-weight: 500 !important;
}

.link__blank {
  display: flex;
  align-items: center;
}

.link__blank::after {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background: url(/mweb/cms/images/icons/icon_link_blank-8bce0f94340f5ffd5a0d07f7c917b167.svg) no-repeat 0 0;
  background-size: 100%;
  margin-left: 0.4rem;
}

/*contents layout*/
.content {
  display: flex;
  flex-direction: column;
  padding: 5.2rem 0 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
  -webkit-overflow-scrolling: none;
}

.content .container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: auto;
  margin-top: 0;
  padding: 0;
}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {
  .content {
    height: calc(var(--vh, 1vh) * 100);
  }
}

.ios .content,
.ios-pad .content {
  height: calc(var(--vh, 1vh) * 100);
}

.mweb__new .section {
  width: 100%;
  max-width: 1280px;
  padding: 2.8rem 1.8rem calc(constant(safe-area-inset-bottom) + 2.8rem) 1.8rem;
  padding: 2.8rem 1.8rem calc(env(safe-area-inset-bottom) + 2.8rem) 1.8rem;
  flex: 1;
  margin: 0 auto;
}

.mweb__new .section.listPd {
  padding-top: 0;
}

.mweb__new .section.section__text {
  padding-top: 0.6rem;
}

.mweb__new .section > .h2__title {
  margin-top: -1.6rem;
}

.mweb__new .section .section__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4rem;
  padding: 0 1.8rem 1.6rem;
  margin: 0 -1.8rem 0;
  border-bottom: 1px var(--SH_Gr_08) solid;
}

.mweb__new .section .section__header .h2__title {
  margin-bottom: 0;
}

.mweb__new .section.section__swiper {
  overflow: hidden;
}

.section__inner ~ .section__inner {
  margin-top: 2.8rem;
}

.section__box {
  display: flex;
  flex-direction: column;
  padding: 2.8rem 1.8rem calc(constant(safe-area-inset-bottom) + 2.8rem) 1.8rem;
  padding: 2.8rem 1.8rem calc(env(safe-area-inset-bottom) + 2.8rem) 1.8rem;
}

.section__box ~ .section__box {
  border-top: 1rem var(--SH_Gr_09) solid;
}

.section__box .section__box-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.section__box .section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.section__box .section__header .h2__title {
  margin-bottom: 0;
}

.section__box .section__header .date {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .section__box .section__header .date {
    font-size: 1.4rem;
  }
}

.title__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title__header .h2__title {
  margin-bottom: 0;
}

.title__header.icon_arrow::after {
  transform: rotate(-90deg);
}

.h2__header-wrap {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 0 1.8rem;
}

.default__list {
  border-top: 1px var(--SH_Gr_08) solid;
}

.default__list .default__list-items a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  padding: 1.6rem 0;
  border-bottom: 1px var(--SH_Gr_08) solid;
}

@media (min-width: 900px) {
  .default__list .default__list-items a {
    font-size: 1.8rem;
  }
}

.default__list .default__list-items a::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg) no-repeat 0 0;
  background-size: 100%;
  transform: rotate(-90deg);
}

.h2__title {
  font-size: 1.8rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
  margin-bottom: 1.6rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .h2__title {
    font-size: 2rem;
  }
}

.h2__title.line {
  border-bottom: 1px var(--SH_Gr_08) solid;
  padding-bottom: 1.6rem;
}

.h2__title.dot {
  display: flex;
  align-items: center;
}

.h2__title.dot::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  background-color: var(--SH_Gr_02);
  margin-right: 0.6rem;
}

.h2__title.dot ~ .dot {
  margin-top: 2.8rem;
}

.sub-text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 900px) {
  .sub-text {
    font-size: 1.6rem;
  }
}

.h2__title + .sub-text {
  margin-top: -0.8rem;
}

.sub-text + .list__icon-dot {
  margin-bottom: 1.6rem;
}

.noti {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--SH_Gr_10);
  margin-top: 3.2rem;
  border-top: 1px var(--SH_Gr_08) solid;
}

.noti.on {
  bottom: 0;
  width: 100%;
}

.noti .caption {
  color: var(--SH_Gr_02);
}

.noti__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 2.8rem 1.8rem 3.2rem;
}

.noti__items .noti__header {
  display: flex;
  width: 100%;
  border-bottom: 1px var(--SH_Gr_08) solid;
  padding-bottom: 1rem;
  justify-content: space-between;
}

.noti__items .noti__header .noti__header-title {
  font-size: 1.3rem;
  color: var(--SH_Gr_03);
  font-weight: 700;
}

@media (min-width: 900px) {
  .noti__items .noti__header .noti__header-title {
    font-size: 1.4rem;
  }
}

.noti__items .noti__conts {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  transition: all 0.3s ease-in-out;
}

.noti__items .noti__conts .noti__conts-tit {
  font-size: 1.3rem;
  color: var(--SH_Gr_04);
  font-weight: 700;
  margin-bottom: 0.8rem;
}

@media (min-width: 900px) {
  .noti__items .noti__conts .noti__conts-tit {
    font-size: 1.4rem;
  }
}

.noti__items .noti__conts .noti__conts-group {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}

.noti__items .noti__conts .noti__conts-group:first-child {
  margin-top: 0;
}

.noti__items .icon_arrow + .noti__conts {
  display: none;
}

.noti__items .icon_arrow.active + .noti__conts {
  display: flex;
}

.ios .noti {
  padding-bottom: calc(env(safe-area-inset-bottom) + 9rem);
}

.list__icon-dot.gray > li {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .list__icon-dot.gray > li {
    font-size: 1.6rem;
  }
}

.list__icon-dot.gray > li::before {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--SH_Gr_06);
}

.list__icon-dot > li {
  display: block;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  margin-top: 0.4rem;
  text-indent: -0.8rem;
  padding-left: 0.8rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .list__icon-dot > li {
    font-size: 1.6rem;
  }
}

.list__icon-dot > li::before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: var(--SH_Gr_02);
  border-radius: 50%;
  margin: 0 0.6rem 0 0;
  vertical-align: 0.4rem;
}

.list__icon-dot > li:first-child {
  margin-top: 0;
}

.list__icon-dot .list__icon-dash li {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .list__icon-dot .list__icon-dash li {
    font-size: 1.4rem;
  }
}

.list__icon-dot .table {
  margin: 0.8rem 0 0 -0.8rem;
}

.list__icon-dash {
  padding-left: 1.6rem;
}

.list__icon-dash li {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .list__icon-dash li {
    font-size: 1.6rem;
  }
}

.list__icon-dash li::before {
  content: '-';
  display: inline-block;
  margin: 0 0.6rem 0 0;
  vertical-align: middle;
}

.list__order {
  counter-reset: number 0;
}

.list__order li {
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .list__order li {
    font-size: 1.6rem;
  }
}

.list__order li::before {
  content: counter(number) ".";
  counter-increment: number 1;
  margin-right: 0.4rem;
}

.noti .list__icon-dot.gray > li {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .noti .list__icon-dot.gray > li {
    font-size: 1.4rem;
  }
}

.noti .list__icon-dot > li {
  font-size: 1.2rem;
}

.noti .list__icon-dash li {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .noti .list__icon-dash li {
    font-size: 1.4rem;
  }
}

.noti .list__icon-dash li {
  color: var(--SH_Gr_05);
  font-size: 1rem;
}

.caption {
  display: block;
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  margin-top: 0.4rem;
  text-indent: -1.3rem;
  padding-left: 1.3rem;
  word-break: keep-all;
}

.caption .list__icon-dash {
  text-indent: 0;
  padding-left: 0;
}

.caption .list__icon-dash li {
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  text-indent: -0.8rem;
  padding-left: 0.8rem;
}

.under {
  text-decoration: underline;
}

.link_tel {
  font-size: 1.3rem;
  display: inline-block;
  color: var(--primary);
  text-decoration: underline;
  margin-left: 0.6rem;
  vertical-align: middle;
}

@media (min-width: 900px) {
  .link_tel {
    font-size: 1.4rem;
  }
}

.link_tel::before {
  content: '';
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/mweb/cms/images/icons/icon_call-bbc8262b3776bcea195f85e61a0770ef.svg) no-repeat 0 0;
  background-size: 100%;
  margin: 0 0.3rem 0 0.6rem;
  vertical-align: middle;
}

/*검색*/
.search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.2rem;
}

.search .search__form {
  display: flex;
  width: 100%;
  height: 4.5rem;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.6rem;
}

.search .search__form.focus {
  border-color: var(--SH_Gr_02);
}

.search .search__form .btn-search {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 1.6rem;
  flex-shrink: 0;
}

.search-caption {
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
  margin-top: 2.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px var(--SH_Gr_07) solid;
}

@media (min-width: 900px) {
  .search-caption {
    font-size: 1.4rem;
  }
}

/*공통 : 대체화면 error*/
.error {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 1.8rem 3.2rem;
}

.error__inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.error__inner .error__title {
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_02);
  font-weight: 500;
  margin: 4.8rem 0 4rem;
}

@media (min-width: 900px) {
  .error__inner .error__title {
    font-size: 1.8rem;
  }
}

.error__inner .error__title::before {
  content: '';
  width: 6rem;
  height: 6rem;
  background: url(/mweb/cms/images/common/icon_error-5f16251db5175073db9da68b0b8cb5ea.svg) no-repeat 50%;
  background-size: 100%;
  margin-bottom: 1.6rem;
}

.error__inner .error__title.errorp::before {
  background-image: url(/mweb/cms/images/common/icon_errorp-a02491ed6a2b920943e9bb346f6f75a6.svg);
}

.error__noti {
  display: flex;
  flex-direction: column;
  background-color: var(--SH_Gr_11);
  border-radius: 8px;
  padding: 1.6rem;
}

.error__noti .noti__header {
  border-bottom: 0;
  padding-bottom: 0;
}

.error__noti .noti__conts {
  margin-top: 0.8rem;
}

.float-chatbot {
  position: fixed;
  bottom: 2.8rem;
  right: 1.9rem;
  z-index: 1;
}

.float-chatbot .btn-chatbot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5E63F5;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 999px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.28);
  z-index: 1;
  overflow: hidden;
}

.float-chatbot .btn-chatbot .chatbot {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  background-color: #5E63F5;
  border-radius: 999px;
}

.float-chatbot .btn-chatbot .chatbot .text-chatbot {
  position: absolute;
  right: 1rem;
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 700;
  padding-right: 3.6rem;
  opacity: 0;
  animation-delay: 2s;
}

@media (min-width: 900px) {
  .float-chatbot .btn-chatbot .chatbot .text-chatbot {
    font-size: 1.6rem;
  }
}

.float-chatbot .btn-chatbot .chatbot::after {
  content: '';
  position: absolute;
  bottom: -1rem;
  right: 0.6rem;
  width: 3.6rem;
  height: 4.6rem;
  background: url(/mweb/cms/images/common/img_float_chatbot-6a6f0c1e02171b33f2d4cdd5003f7eb0.png) no-repeat 0 0;
  background-size: 100%;
  transition: all 0.3s ease-in-out;
  animation: bot-to-top 1.5s ease-out;
}

.float-chatbot .float-chatbot-text {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 4.8rem;
  padding: 0 8.7rem 0 0;
  opacity: 0;
  z-index: -1;
}

.float-chatbot .float-chatbot-text .text {
  color: #FFF;
  font-size: 1.3rem;
  white-space: nowrap;
  letter-spacing: 0;
}

@media (min-width: 900px) {
  .float-chatbot .float-chatbot-text .text {
    font-size: 1.4rem;
  }
}

.float-chatbot .float-chatbot-text .btn__close-chat {
  width: 1.6rem;
  height: 1.6rem;
  background: url(/mweb/cms/images/icons/icon_close_white-90df6bf99e9400401579c0a53a6fb21c.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.4rem;
}

@keyframes bot-to-top {
  0% {
    bottom: -4rem;
  }
  50% {
    bottom: -1rem;
  }
}

.loading__wrap {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.loading__wrap .loading {
  display: flex;
  justify-content: center;
  z-index: 11;
}

.loading__wrap .loading div {
  width: 0.6rem;
  height: 0.6rem;
  margin: 2rem 0.3rem;
  background: #FFF;
  border-radius: 50%;
  animation: 0.4s bounce infinite alternate;
}

.loading__wrap .loading div:nth-child(2) {
  animation-delay: 0.1s;
}

.loading__wrap .loading div:nth-child(3) {
  animation-delay: 0.2s;
}

.loading__wrap .loading div:nth-child(4) {
  animation-delay: 0.3s;
}

.loading__wrap .loading div:nth-child(5) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  to {
    transform: translate3d(0, -1rem, 0);
  }
}

@media (min-width: 600px) {
  .only__tablet {
    display: block;
  }
  .search {
    width: 50%;
    margin: 0 auto 2.4rem;
  }
  .search-caption {
    border-bottom: 0;
  }
}

@media (min-width: 900px) {
  .mweb__new .section {
    position: relative;
    margin-bottom: 0;
    padding: 2.8rem 2.2rem 4.8rem;
  }
  .section__box {
    padding: 2.8rem 2.2rem 4.8rem;
  }
}

@media (min-width: 1280px) {
  .float-chatbot {
    right: calc(100vw - 1280px - ((100vw - 1280px) / 2));
  }
}

.mweb__new .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #FFF;
  z-index: 2;
}

.header.line,
.popup__header.line {
  border-bottom: 1px var(--SH_Gr_08) solid;
  text-decoration: none !important;
}

.mweb__new .header__container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  max-width: 1280px;
  min-width: auto;
  height: 100%;
  margin: 0 auto;
  padding: 0 1.8rem;
}

.header__left {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 2.8rem;
}

.header__logo-link,
.header__title {
  display: inline-flex;
}

.header__logo-link {
  padding: 1.7rem 0;
}

.header__logo-image {
  display: block;
  width: 12rem;
  height: 2.1rem;
}

.header__title {
  font: inherit;
}

.header__user {
  font-weight: 700;
}

.header__sign-out {
  display: inline-block;
  margin-left: 0.6rem;
  padding: 0 0.6rem;
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  line-height: 2.8rem;
  text-decoration: underline;
}

.header__right {
  position: relative;
  display: flex;
  height: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
}

.header__tool {
  display: inline-block;
  margin: 0 0 0 1.6rem;
  padding: 1.4rem 0;
  background: transparent;
  border: 0;
}

.header__tool-icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  text-indent: -9999em;
  overflow: hidden;
}

.header__tool-new {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background: var(--SH_Smt_01);
  overflow: hidden;
  border-radius: 50%;
}

.header__tool-notice {
  position: relative;
  padding: 0;
}

.header__tool-notice-text {
  position: relative;
  display: block;
  margin-top: 0.3rem;
  font-size: 1.3rem;
  line-height: 2.0rem;
}

.header__tool-notice-icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_notice-20d221849ae977ea2fae561ebfac75ca.svg) no-repeat 0 0;
  background-size: 100%;
}

@media (min-width: 900px) {
  .mweb__new .header {
    height: 6.4rem;
  }
  .mweb__new .header__container {
    padding: 0 2.2rem;
  }
  .header__left {
    font-size: 2.4rem;
    line-height: 3.3rem;
  }
  .header__logo-link {
    padding: 2.25rem 0;
  }
  .header__logo-image {
    width: 11.6rem;
    height: 2.0rem;
  }
  .header__sign-out {
    font-size: 1.45rem;
    line-height: 3.3rem;
  }
  .header__tool-notice-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
  }
  .header__tool-icon {
    width: 3.0rem;
    height: 3.0rem;
  }
}

/*asideMenu*/
.menu {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  padding-top: 12.5rem;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  z-index: 4;
}

.menu.active {
  left: 0;
}

.menu.non__ani {
  transition: none;
}

.menu__inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.menu__header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 5.2rem;
  padding: 1.2rem 1.8rem;
  align-items: center;
  justify-content: space-between;
}

.menu__header .menu__logo {
  display: block;
  width: 12rem;
  height: 2.1rem;
  background: url(/mweb/cms/images/common/logo-3c185e33b604c45ed1f671effac40543.svg) no-repeat 0 0;
  background-size: 100%;
}

.menu__header .menu__title {
  color: var(--SH_Gr_01);
  font-size: 2rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .menu__header .menu__title {
    font-size: 2.4rem;
  }
}

.menu__header .menu__user-info {
  display: flex;
  align-items: baseline;
}

.menu__header .menu__user-info .name {
  display: flex;
  align-items: center;
  color: #111;
  font-size: 2rem;
  font-weight: 700;
  margin-right: 1.2rem;
}

.menu__header .menu__user-info .name::after {
  content: '님';
  font-weight: 400;
}

.menu__header .menu__user-info .sub-text {
  display: none;
  font-size: 1.4rem;
  color: #3B3B41;
  margin: 0.6rem 0 0.8rem;
}

.menu__header .menu__util {
  display: flex;
  align-items: center;
  margin-right: 2.4rem;
}

.menu__header .menu__util button {
  margin-right: 1.6rem;
}

.btn-logout {
  position: absolute;
  bottom: 2.8rem;
  left: 1.8rem;
  display: flex;
  align-items: center;
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
}

.btn-logout::before {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background: url(/mweb/cms/images/icons/iocn_logout-2470177db262014abbdba052eb7c0d6c.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.6rem;
}

.menu__contents {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.search.on + .menu__contents__key-menu {
  display: none;
}

.menu__contents__key-menu {
  position: absolute;
  top: 5.2rem;
  left: 0;
  display: block;
  width: 100%;
  background-color: #FFF;
  padding: 0.8rem 2rem 1.6rem;
  border-bottom: 1px var(--SH_Gr_09) solid;
  z-index: 1;
  overflow: hidden;
}

.menu__contents__key-menu .menu__key-menu-list {
  display: flex;
  margin-left: -0.8rem;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items {
  width: calc(100% / 3) !important;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
  padding: 1.2rem;
  border-radius: 0.8rem;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items a::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 0.6rem;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key01 a {
  background-color: #FFDFF1;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key01 a::before {
  background-image: url(/mweb/cms/images/icons/icon_keymenu01-9a3886f8ca149021f6af0651f73f2798.png);
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key02 a {
  background-color: #C7ECE6;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key02 a::before {
  display: none;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key03 a {
  background-color: #FFF2C5;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key03 a::before {
  background-image: url(/mweb/cms/images/icons/icon_keymenu03-e271bf410341fa3385a159ca4c4fa1c7.png);
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key04 a {
  background-color: #D9E0FF;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items.key04 a::before {
  display: none;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items:last-child a {
  margin-right: 0.8rem;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items .txt {
  display: none;
  font-size: 1.2rem;
  color: #6D6D73;
}

.menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items .tit {
  font-size: 1.3rem;
  color: #3B3B41;
  font-weight: 500;
  text-align: center;
}

.menu__navi {
  display: flex;
  width: 100%;
  height: 100%;
}

.menu__navi .menu__depth1 {
  width: 13.8rem;
  height: 100%;
  background-color: #F1F3F8;
  padding: 0 0 1.6rem;
  flex-shrink: 0;
}

.menu__navi .menu__depth1 .menu__depth1-list .menu__depth1-items a {
  display: block;
  padding: 1.2rem 1.6rem 1.2rem 2.2rem;
  color: var(--SH_Gr_02);
  font-size: 1.4rem;
  font-weight: 500;
  word-break: keep-all;
}

.menu__navi .menu__depth1 .menu__depth1-list .menu__depth1-items.active a {
  background-color: #fff;
  font-weight: 700;
}

.menu__depth2 {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 1.6rem;
}

.menu__depth2 .menu__depth2-list-cont {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
}

.menu__depth2 .menu__depth2-list-cont .menu__depth2-title {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
  padding: 1.2rem 0;
  border-bottom: 1px var(--SH_Gr_02) solid;
  margin-bottom: 0.6rem;
}

.menu__depth2 .menu__depth2-list-cont .menu__depth2-list {
  padding: 1rem 2rem 1.6rem;
  margin: 0 -2rem;
}

.menu__depth2 .menu__depth2-list-cont .menu__depth2-list .menu__depth2-items {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
  line-height: 1.7;
}

.menu__depth2 .menu__depth2-list-cont .menu__depth2-list .menu__depth2-items .menu__depth2-items-title {
  color: #3B3B41;
  font-size: 1.5rem;
  font-weight: 700;
}

.menu__depth2-items-title.depth3 {
  background: url(/mweb/cms/images/icons/icon_plus-cf87dc765d4f72bd8abfb4c0e4df6d15.svg) no-repeat 100% 50%;
  background-size: 16px 17px;
}

.menu__depth2-items-title.depth3.active {
  background-image: url(/mweb/cms/images/icons/icon_minus-10b22e50932776db725116dbfa9221db.svg);
}

.menu__depth3-list li {
  margin: 1.2rem 0;
}

.menu__depth3-list li a {
  color: #474759;
  font-size: 1.5rem;
  padding: 0 1rem;
}

.menu__depth2 li.selected a {
  color: var(--primary) !important;
}

.search__detail {
  display: none;
  width: 100%;
  padding: 0 1.8rem 3.2rem;
}

.search__detail .search__detail-list {
  display: flex;
  flex-direction: column;
}

.search__detail .search__detail-list .search__detail-tit {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .search__detail .search__detail-list .search__detail-tit {
    font-size: 1.6rem;
  }
}

.search__detail-tit {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px var(--SH_Gr_07) solid;
  margin-bottom: 1.6rem;
  text-align: right;
}

@media (min-width: 900px) {
  .search__detail-tit {
    font-size: 1.4rem;
  }
}

.search__detail-items {
  border-bottom: 1px var(--SH_Gr_09) solid;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}

.search__detail-items:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.menu__contents .search {
  display: none;
  position: absolute;
  top: 5.2rem;
  left: 0;
  width: 100%;
  padding: 0.6rem 1.8rem 1.2rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.menu__contents .search.on {
  display: flex;
}

.menu__contents .search .btn-back {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_back-17eb9ae6dbe89a742afd87e18665bf40.svg) no-repeat 0 0;
  background-size: 100%;
  flex-shrink: 0;
  margin-right: 0.8rem;
}

.menu__contents .search .btn-back.on {
  display: block;
}

.navi__banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem 1.8rem 0;
  margin-top: calc(100vh - 26.6rem - 12.5rem - 14.8rem);
}

.navi__banner .navi__banner-items {
  display: flex;
  align-items: center;
  width: 100%;
  height: 8.2rem;
  background-color: var(--SH_flagbg_02);
  border-radius: 0.8rem;
}

.navi__banner .navi__banner-items a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 1.2rem;
}

.navi__banner .navi__banner-items a .banner-img {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
}

.navi__banner .navi__banner-items a .navi__banner-inner {
  display: flex;
  flex-direction: column;
}

.navi__banner .navi__banner-items a .banner-title {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .navi__banner .navi__banner-items a .banner-title {
    font-size: 1.4rem;
  }
}

.navi__banner .navi__banner-items a .banner-text {
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  margin-top: 0.4rem;
}

.navi__banner .navi__banner-items ~ .navi__banner-items {
  margin-top: 0.8rem;
  background-color: #F0EEFF;
}

.menu.company {
  padding-top: 5.2rem;
}

.menu.company .menu__header {
  border-bottom: 1px var(--SH_Gr_09) solid;
}

.menu.company .menu__depth2 .menu__depth2-list-cont:last-child {
  padding-bottom: 60rem;
}

.menu.company .navi__footer {
  position: absolute;
  bottom: 2.8rem;
  display: flex;
  flex-direction: column;
  padding: 0 1.2rem;
}

.menu.company .navi__footer .btn__com {
  color: var(--SH_Gr_02);
  font-size: 1.2rem;
  background-color: var(--SH_Gr_08);
  border-radius: 0.6rem;
  padding: 0.8rem 0.6rem 0.8rem 0.8rem;
  justify-content: space-between;
}

.menu.company .navi__footer .btn__com.btn-recruit {
  background-color: #DCE8FF;
  margin-top: 0.8rem;
}

.menu.company .navi__footer .btn__com.icon_arrow {
  justify-content: space-between;
}

.menu.company .navi__footer .btn__com.icon_arrow::after {
  width: 1.6rem;
  height: 1.6rem;
  transform: rotate(-90deg);
}

.menu.company .navi__footer .btn__com .link__blank {
  align-items: flex-end;
}

@media screen and (max-height: 511px) and (orientation: landscape) {
  .menu__navi .menu__depth1 .menu__depth1-list {
    height: calc(100vh - 16.5rem);
    overflow-y: auto;
  }
  .menu__navi .menu__depth1 .menu__depth1-list .menu__depth1-items:last-child {
    padding-bottom: 50px;
  }
  .menu__navi .navi__footer .navi__banner {
    margin-top: 0;
  }
  .btn-logout {
    bottom: 1rem;
  }
}

@media (orientation: landscape) {
  .btn-logout {
    bottom: 1rem;
  }
  .menu.company .menu__depth1 {
    height: calc(100vh - 5.2rem);
    padding-bottom: 0;
  }
  .menu.company .menu__depth2 {
    height: 100%;
  }
  .menu.company .navi__footer {
    position: fixed;
    bottom: 1.6rem;
  }
}

@media (min-width: 900px) {
  .menu {
    padding-top: 14.8rem;
  }
  .menu__header {
    display: flex;
    height: 6.5rem;
    padding: 1.6rem 2.2rem;
  }
  .menu__header .menu__user-info {
    position: absolute;
    top: 9rem;
    left: 2.4rem;
    flex-direction: column;
  }
  .menu__header .menu__user-info .name {
    font-size: 2.4rem;
    margin-right: 0;
  }
  .menu__contents__key-menu {
    top: 6.5rem;
  }
  .menu__header .menu__logo,
  .menu__header .menu__user-info .sub-text,
  .menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items .txt {
    display: block;
  }
  .menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items {
    width: calc(100% / 4 - 0.3rem) !important;
  }
  .menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items a {
    height: 5.8rem;
    padding: 1.4rem 1.6rem;
  }
  .menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items a::before {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
  }
  .menu__contents__key-menu .menu__key-menu-list .menu__key-menu-items .tit {
    font-size: 1.6rem;
  }
  .menu__navi {
    position: relative;
    flex-direction: column;
    flex: 1;
    height: 100%;
  }
  .menu__navi .menu__depth1 {
    display: none;
  }
  .menu__navi .menu__depth2 {
    display: flex;
    flex-flow: wrap;
    height: 100%;
    padding: 1.4rem 2.2rem 1.6rem;
  }
  .menu__navi .menu__depth2 .menu__depth2-list-cont {
    display: flex !important;
    width: calc(100% / 3);
  }
  .menu__contents .search {
    top: 6.5rem;
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 2.4rem 2.2rem;
  }
  .search__detail {
    padding: 1.6rem 2.2rem 3.2rem;
  }
  .menu__inner .btn__popup-close {
    width: 3rem;
    height: 3rem;
    top: 1.6rem;
  }
  .navi__footer {
    display: flex;
    align-items: center;
    margin-top: 6rem;
    width: 100%;
  }
  .btn-logout {
    position: relative;
    bottom: auto;
    left: auto;
    justify-content: center;
    height: 7.2rem;
    width: 13.2rem;
    font-size: 1.4rem;
    background-color: var(--SH_Gr_10);
    border-radius: 0.8rem;
    padding: 1.6rem 2rem;
    flex-shrink: 0;
  }
  .navi__banner {
    flex-direction: row;
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
  .navi__banner .navi__banner-items {
    height: 7.2rem;
    flex: 1 1 0;
    margin: 0 0 0 1.2rem !important;
  }
  .navi__banner .navi__banner-items .banner-title br {
    display: none;
  }
  .menu.company {
    padding-top: 6.5rem;
  }
  .menu.company .menu__navi {
    flex-direction: row-reverse;
    padding: 2.8rem 4rem 2.8rem 2.2rem;
  }
  .menu.company .menu__navi .menu__depth2 {
    padding: 0;
  }
  .menu.company .navi__footer {
    position: relative;
    bottom: auto;
    width: calc(100% / 3 - 4rem);
    padding: 0;
    margin-right: 4rem;
    margin-top: 0;
  }
  .menu.company .navi__footer .btn__com {
    width: 100%;
    padding: 1.6rem 0.8rem;
  }
  .menu.company .navi__footer .btn__com.btn-recruit {
    margin-top: 1.2rem;
  }
  .menu.company .navi__footer .btn__com span br {
    display: none;
  }
  .menu.company .menu__depth2 .menu__depth2-list-cont .menu__depth2-title {
    padding-top: 0;
  }
}

.footer {
  position: relative;
  background: #0C1626;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  line-height: 2.0rem;
  white-space: nowrap;
}

.content .footer__container {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 3rem 1.8rem 3.2rem;
}

.footer__eliminate {
  display: inline;
}

.footer__corp {
  position: relative;
  display: flex;
  flex-direction: column;
}

.footer__corp-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.footer__corp-list--info {
  flex-direction: row;
  justify-content: center;
  margin-top: 2rem;
}

.footer__corp-list--info .footer__corp-item {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.footer__corp-list--info .footer__corp-link {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_06);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .footer__corp-list--info .footer__corp-link {
    font-size: 1.4rem;
  }
}

.footer__corp-item {
  position: relative;
  padding-bottom: 1.2rem;
  border-bottom: 1px #444 solid;
  margin-bottom: 1.2rem;
}

.footer__corp-list:last-child .footer__corp-item:last-child {
  margin-bottom: 2.8rem;
}

.footer__corp-link {
  display: block;
  color: #FFF;
  font-size: 1.6rem;
}

@media (min-width: 900px) {
  .footer__corp-link {
    font-size: 1.8rem;
  }
}

.footer__corp-link.footer__corp-link_emphasis {
  color: #FFF;
  font-weight: 700;
}

.footer__corp-link.footer__corp-link_emphasis::after {
  content: '';
  width: 1px;
  height: 1rem;
  background-color: #FFF;
  margin: 0 1.4rem;
}

.footer__corp-link.link__blank {
  display: flex;
}

.footer__corp-link.link__blank::after {
  background: url(/mweb/cms/images/icons/icon_link_blank_gray-578698b4a78dade58b119147ebf6d704.svg) no-repeat;
}

.footer__social {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 0.8rem;
}

.footer__social-link {
  display: flex;
  align-items: center;
}

.footer__social-link ~ .footer__social-link {
  margin-left: 2.8rem;
}

.footer__social-item {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  text-indent: -9999em;
  overflow: hidden;
}

.footer__social-item--youtube {
  background: url("/mweb/cms/images/icons/social_youtube-bfd92ddd2f8ee32b4e0092ddc8878da6.svg") no-repeat center/contain;
}

.footer__social-item--naver {
  background: url("/mweb/cms/images/icons/social_naver-a5a9237aa61f0cf733bd6f689276e905.svg") no-repeat center/contain;
}

.footer__social-item--kakao {
  background: url("/mweb/cms/images/icons/social_kakao-1e03b65fa7f7a0e6556fb60045fad38f.svg") no-repeat center/contain;
}

.footer__social-item--facebook {
  background: url("/mweb/cms/images/icons/social_facebook-9e6244f73f7080c60717325c82f308a7.svg") no-repeat center/contain;
}

.footer__social-item--instagram {
  background: url("/mweb/cms/images/icons/social_instagram-97ad89b5418ee6201350db31d275c157.svg") no-repeat center/contain;
}

.footer__customer {
  text-align: center;
  margin-top: 1.8rem;
}

.footer__customer-center {
  display: inline-block;
  color: #FFF;
  font-size: 1.6rem;
}

@media (min-width: 900px) {
  .footer__customer-center {
    font-size: 1.8rem;
  }
}

.footer__customer-center.repn-customer {
  display: none;
}

.repn ~ .footer .footer__customer-center {
  display: none;
}

.repn ~ .footer .footer__customer-center.repn-customer {
  display: inline-block;
}

.footer__address,
.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: center;
}

.footer__copyright {
  padding-top: 0.8rem;
}

@media (min-width: 900px) {
  .footer {
    font-size: 1.4rem;
  }
  .footer::before {
    height: 6.2rem;
    margin-bottom: -6.2rem;
  }
  .content .footer__container {
    padding: 3rem 2.2rem 5rem;
  }
  .footer__eliminate {
    display: none;
  }
  .footer__add {
    display: inline;
  }
  .footer__corp {
    flex-direction: row;
  }
  .footer__corp-list ~ .footer__corp-list {
    margin-left: 2.8rem;
  }
  .footer__corp-link {
    line-height: 1.65;
  }
  .footer__corp-list--info::before {
    display: block;
  }
}

.icon {
  display: inline-block;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon--close {
  background: url("/mweb/cms/images/icons/icon_close-c319b9dd26a4ea2b626ed2a01bbca03d.svg") no-repeat center/contain;
}

.icon--home {
  background: url("/mweb/cms/images/icons/icon_home-f1a17eae3b5817afd44d4193711c8230.svg") no-repeat center/contain;
}

.icon--menu {
  background: url("/mweb/cms/images/icons/icon_menu-6219eba5c136452d9f5d196853e56f4f.svg") no-repeat center/contain;
}

.icon--search {
  background: url("/mweb/cms/images/icons/icon_search-be8cff6651a3ba837b1d4a96627593b3.svg") no-repeat center/contain;
}

.icon--share {
  background: url("/mweb/cms/images/icons/icon_share-05da5bf2875f60a053d4aab116d83f69.svg") no-repeat center/contain;
}

.icon--file::before {
  background: url("/mweb/cms/images/icons/icon_file-e205c15dca58a2a2474da767fac8a67b.svg") no-repeat center/contain;
}

.icon--arrow-down {
  background: url("/mweb/cms/images/icons/icon_arrow_down-55e39a4bfbd49ae4c9acf3abb25ced10.svg") no-repeat center/contain;
}

.icon_arrow:after {
  background: url("/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg") no-repeat center/contain;
}

.icon--call::before {
  background: url("/mweb/cms/images/icons/icon_call-black-bdacbab4e6f827f0fa5ba4ccbecb2c03.svg") no-repeat center/contain;
}

.icon--talk::before {
  background: url("/mweb/cms/images/icons/icon_talk-4e21800ac3010dffba32b95598870565.svg") no-repeat center/contain;
}

.icon--tel::before {
  background: url("/mweb/cms/images/icons/icon_tel-94fc5ad0fa3df2be83360a3f2c129c87.svg") no-repeat center/contain;
}

.icon--naver::before {
  background: url("/mweb/cms/images/icons/icon_naver-a70d0476fb005226c9aa746a6101c389.svg") no-repeat center/contain;
  background-size: 1.2rem !important;
}

.icon--logo_alpha {
  display: flex;
  align-items: center;
}

.icon--logo_alpha::before {
  content: '';
  width: 7rem;
  height: 2.2rem;
  background-size: 100%;
  margin-right: 0.6rem;
  background: url("/mweb/cms/images/icons/icon_sol-f320249e11130a83e8c4e064965c3493.svg") no-repeat center/contain;
}

.flag__none {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .flag__none {
    font-size: 1.4rem;
  }
}

/*채권*/
.flag-bond {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_01);
}

/*Daily*/
.flag-daily {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_02);
}

/*국내종목*/
.flag-stocks {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_03);
}

/*국내업종*/
.flag-industry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_05);
}

/*해외*/
.flag-foreign {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_04);
}

/*Weekly*/
.flag-weekly {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_06);
}

/*경제/외환*/
.flag-economi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_07);
}

/*파생*/
.flag-derive {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_08);
}

/*크레딧*/
.flag-credit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_09);
}

/*대체, 대체투자*/
.flag-invest {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  background-color: var(--SH_flag_10);
}

/*리서치 : hot,new*/
.flag__i-new {
  position: absolute;
  top: 2.4rem;
  right: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  background-color: #FFE0D6;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 0.4rem;
  color: #FF710A;
}

.flag__i-hot {
  position: absolute;
  top: 2.4rem;
  right: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  background-color: #FFE0D6;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 0.4rem;
  color: #FF0A0A;
}

/*new icon - 공지사항*/
.flag__new-round {
  display: flex;
  align-items: center;
}

.flag__new-round::after {
  content: 'N';
  display: flex;
  width: 1.6rem;
  height: 1.6rem;
  color: #FFF;
  font-size: 1rem;
  justify-content: center;
  background-color: var(--primary);
  margin-left: 0.4rem;
  flex-shrink: 0;
}

.flag__new-round::after {
  border-radius: 50%;
}

.flag__new-square {
  display: flex;
  align-items: center;
}

.flag__new-square::after {
  content: 'N';
  display: flex;
  width: 1.6rem;
  height: 1.6rem;
  color: #FFF;
  font-size: 1rem;
  justify-content: center;
  background-color: var(--primary);
  margin-left: 0.4rem;
  flex-shrink: 0;
}

.flag__new-square::after {
  border-radius: 4px;
}

/*scrolltab*/
.tab-menu, .subtab-menu {
  position: fixed;
  top: 5.2rem;
  left: 0;
  width: 100%;
  overflow-x: auto;
  padding-top: 1.2rem;
  background-color: #FFF;
  border-bottom: 1px var(--SH_Gr_08) solid;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}

.tab-menu .tab-menu__more {
  display: none;
}

.tab-menu__list {
  display: flex;
  white-space: nowrap;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.tab-menu__list li {
  height: 3.6rem;
  padding: 0 0 0 2rem;
}

.tab-menu__list li a {
  position: relative;
  display: flex;
  height: 100%;
  font-size: 1.8rem;
  color: var(--SH_Gr_05);
  cursor: pointer;
}

@media (min-width: 900px) {
  .tab-menu__list li a {
    font-size: 2rem;
  }
}

.tab-menu__list li.active a {
  color: var(--SH_Gr_01);
  font-weight: 700;
}

.tab-menu__list li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  border-radius: 1px;
  background-color: #000;
  transition: all 0.3s ease-in-out;
}

.tab-menu__list li.active a:after {
  width: 100%;
}

.tab__double li {
  width: 50%;
  padding: 0;
}

.tab__double li:last-child a {
  margin-right: 0 !important;
}

.tab__double li a {
  justify-content: center;
}

/*scrolltab : 메뉴전체보기*/
.tab-wrap.active .tab-Menu {
  right: 0;
  padding: 2rem 1.8rem;
  transition: none;
  z-index: 3;
}

.tab-wrap.active .tab-menu__full {
  display: flex;
  align-items: center;
  padding-left: 1.8rem;
}

.tab-menu__full-title {
  display: none;
}

.tab-wrap.active .tab-menu__full-title {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .tab-wrap.active .tab-menu__full-title {
    font-size: 1.6rem;
  }
}

.tab-menu .tab-menu__more.on {
  position: fixed;
  top: 6.3rem;
  right: 0;
  display: flex;
  height: 3.2rem;
  padding: 0 1.8rem 0 2.4rem;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 30%);
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.tab-menu__btn-more {
  width: 3.2rem;
  height: 3.2rem;
  background: #fff url(/mweb/cms/images/icons/icon_tab-more-37a3266f046af29d1021886923e83142.svg) no-repeat 50% 50%;
  background-size: 2.4rem;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 4px;
}

.tab-menu__btn-more.active {
  transform: rotate(180deg);
}

.tab-wrap.active .tab-menu__list {
  flex-flow: wrap;
  white-space: normal;
  margin-left: -0.6rem;
  padding: 0.8rem 1.8rem 2rem;
}

.tab-wrap.active .tab-menu__list li {
  flex-basis: calc(100% / 3 - 0.6rem);
  margin: 0.6rem 0 0 0.6rem;
  border-radius: 4px;
  padding: 0 !important;
  border: 1px var(--SH_Gr_08) solid;
}

.tab-wrap.active .tab-menu__list li.active {
  border-color: var(--SH_Gr_01);
}

.tab-wrap.active .tab-menu__list li a {
  display: flex;
  width: 100%;
  font-size: 1.5rem;
  align-items: center;
  justify-content: center;
}

@media (min-width: 900px) {
  .tab-wrap.active .tab-menu__list li a {
    font-size: 1.6rem;
  }
}

.tab-wrap.active .tab-menu__list li a:after {
  display: none;
}

.tab-wrap .dim {
  z-index: 2;
}

.tab-menu__list li:last-child a {
  margin-right: 1.8rem;
}

.tab-contents {
  display: none;
  flex-direction: column;
  margin-top: 4.7rem;
  height: 100%;
}

/*subTab*/
.subtab-menu {
  top: 10.1rem;
  padding-top: 0;
  border-bottom: none;
  transition: all 0.3s ease-in-out;
}

.subtab-menu::after {
  display: none;
}

.subtab-menu.active {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.subtab-menu .tab-menu__list {
  padding: 1.2rem 0 1.2rem 1.8rem;
}

.subtab-menu .tab-menu__list li {
  height: 3.2rem;
  margin-left: 8px;
  padding: 0;
}

.subtab-menu .tab-menu__list li:first-child {
  margin-left: 0;
}

.subtab-menu .tab-menu__list li:last-child {
  padding-right: 1.8rem;
}

.subtab-menu .tab-menu__list li a {
  align-items: center;
  border: 1px var(--SH_Gr_05) solid;
  border-radius: 1.6rem;
  padding: 0 1.6rem;
  background-color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .subtab-menu .tab-menu__list li a {
    font-size: 1.6rem;
  }
}

.subtab-menu .tab-menu__list li.active a {
  color: #FFF;
  background-color: var(--SH_Gr_02);
  border-color: var(--SH_Gr_02);
}

.subtab-menu .tab-menu__list li a::after, .subtab-menu .tab-menu__list li.active a::after {
  display: none;
}

.subtab-menu + .section .list .list__items:first-child {
  padding-top: 1.6rem;
}

.subtab-container {
  margin-top: 5.6rem;
}

.subtab-contents {
  display: none;
  padding-top: 0.8rem;
}

.subtab-menu + .section {
  padding-top: 5.6rem;
}

.subtab-menu + .section .section__header {
  margin-top: 0.8rem;
}

.subtab-menu + .section .list__card {
  padding-top: 2.8rem;
}

.tab-menu::-webkit-scrollbar,
.subtab-menu::-webkit-scrollbar {
  display: none;
}

.sticky__tab .tab-menu {
  position: sticky;
  top: -0.2rem;
}

.sticky__tab .tab-contents {
  position: relative;
  margin-top: 0;
}

.sticky__tab .tab-contents.sticky__sub {
  margin-top: 0;
}

.sticky__tab .subtab-menu {
  position: sticky;
  top: 4.7rem;
}

.sticky__tab .subtab-menu .tab-menu__list::-webkit-scrollbar {
  display: none;
}

.sticky__tab .subtab-container {
  margin-top: 0;
}

.subtab-menu-sec {
  position: relative !important;
  top: 0 !important;
  background-color: transparent;
  z-index: 1;
}

.subtab-menu-sec .tab-menu__list {
  padding: 0.8rem 0;
}

.subtab-menu-sec .tab-menu__list li {
  height: 2.6rem;
}

.subtab-menu-sec .tab-menu__list li a {
  font-size: 1.3rem;
  font-weight: 500;
  border-radius: 0.6rem;
  padding: 0.4rem 1rem;
  line-height: 1;
  border: 1px #FFF solid;
}

@media (min-width: 900px) {
  .subtab-menu-sec .tab-menu__list li a {
    font-size: 1.4rem;
  }
}

.tab__scroll .tab-contents {
  display: block !important;
}

.tab__scroll .tab-contents ~ .tab-contents {
  margin-top: 0;
}

.select__tab {
  margin-bottom: 2.8rem;
}

.select__tab .popup__title {
  font-size: 0;
}

.section__tab-inner {
  margin-top: 2.8rem;
}

.section__tab-inner:first-child {
  margin-top: 0;
}

@media (min-width: 900px) {
  .content {
    padding: 6.5rem 0 0;
  }
  .tab-menu {
    top: 6.3rem;
  }
  .subtab-menu {
    top: 11.2rem;
  }
  .tab-menu .tab-menu__more.on {
    top: 7.5rem;
  }
  .select__tab .popup__title {
    height: 2.6rem;
  }
}

/* button : Default - solid */
button {
  font-family: var(--font-family-base);
}

.btn__wrap {
  display: flex;
  align-items: center;
}

.btn__wrap .btn__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3.2rem 1.8rem;
}

.btn__wrap .btn__inner .btn-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.2rem;
  margin-top: 0.6rem;
}

.btn__wrap.group {
  justify-content: space-between;
}

.btn__wrap.group .btn__inner {
  flex-direction: row;
}

.btn__wrap.group button:first-child {
  width: 40%;
  margin-right: 0.8rem;
}

.btn__wrap.group button:last-child {
  width: 60%;
}

.btn__wrap.float {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 12.8rem;
  align-items: flex-end;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 30%);
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 30%);
  z-index: 3;
}

.btn__wrap.notiBg {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #F1F3F8 37.5%);
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #F1F3F8 37.5%);
}

.justi-flex-end {
  justify-content: flex-end;
}

.btn-lg {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #3B3B41;
  border-radius: 8px;
  font-size: 1.6rem;
  height: 4.8rem;
}

@media (min-width: 900px) {
  .btn-lg {
    font-size: 1.8rem;
  }
}

@media (min-width: 900px) {
  .btn-lg {
    height: 5.6rem;
  }
}

.btn-mi {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #3B3B41;
  border-radius: 8px;
  height: 4.2rem;
  font-size: 1.6rem;
}

@media (min-width: 900px) {
  .btn-mi {
    font-size: 1.8rem;
  }
}

@media (min-width: 900px) {
  .btn-mi {
    height: 5rem;
  }
}

.btn-smi {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #3B3B41;
  border-radius: 8px;
  height: 4rem;
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .btn-smi {
    font-size: 1.6rem;
  }
}

@media (min-width: 900px) {
  .btn-smi {
    height: 4.2rem;
  }
}

.btn-sm {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #3B3B41;
  border-radius: 8px;
  height: 3.6rem;
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .btn-sm {
    font-size: 1.4rem;
  }
}

@media (min-width: 900px) {
  .btn-sm {
    height: 3.8rem;
  }
}

.btn-xsm {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #3B3B41;
  border-radius: 8px;
  height: 3.2rem;
  font-size: 1.3rem;
  border-radius: 4px !important;
}

@media (min-width: 900px) {
  .btn-xsm {
    font-size: 1.4rem;
  }
}

.btn-xxsm {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #3B3B41;
  border-radius: 8px;
  width: auto;
  height: 2.4rem;
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  font-weight: 400;
  border-radius: 4px !important;
  border: 1px var(--SH_Gr_07) solid;
  padding: 0 1rem;
}

.btn-pri {
  background-color: var(--primary);
  color: #FFF !important;
}

.btn-pri:disabled, .btn-pri:disabled:hover, .btn-pri:disabled:active {
  background-color: var(--SH_Btn_06);
  color: var(--SH_Gr_06) !important;
  border-color: #8C949E !important;
  cursor: default;
}

.btn-pri:hover, .btn-pri:active, .btn-pri.press {
  background-color: #1122AE;
}

.btn-sec {
  background-color: var(--secondary);
}

.btn-sec:disabled, .btn-sec:disabled:hover, .btn-sec:disabled:active {
  background-color: var(--SH_Btn_06);
  color: var(--SH_Gr_06) !important;
  border-color: #8C949E !important;
  cursor: default;
}

.btn-sec:hover, .btn-sec:active, .btn-sec.press {
  background-color: var(--SH_Btn_03);
}

.btn-line {
  background-color: #FFF;
  border: 1px #8C949E solid;
  border-radius: 8px;
}

.btn-line:disabled, .btn-line:disabled:hover, .btn-line:disabled:active {
  background-color: var(--SH_Btn_06);
  color: var(--SH_Gr_06) !important;
  border-color: #8C949E !important;
  cursor: default;
}

.btn-line.line-pri {
  border-color: var(--primary);
  color: var(--primary);
}

.btn-line:hover, .btn-line:active, .btn-line.press {
  background-color: var(--SH_Btn_07);
  border-color: #8C949E;
}

.btn-line :disabled,
.btn-line :disabled:hover,
.btn-line :disabled:active {
  background-color: #FFF;
  border-color: var(--SH_Btn_06);
}

.btn-line.btn-sm {
  border-radius: 6px;
}

.btn-white {
  background-color: #FFF;
  color: var(--primary);
}

.btn-white:disabled, .btn-white:disabled:hover, .btn-white:disabled:active {
  background-color: var(--SH_Btn_06);
  color: var(--SH_Gr_06) !important;
  border-color: #8C949E !important;
  cursor: default;
}

/*button : text*/
.btn-text {
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
  padding: 0;
}

@media (min-width: 900px) {
  .btn-text {
    font-size: 1.4rem;
  }
}

.btn-text span {
  display: flex;
  align-items: center;
}

.btn-text span::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_btn-text_arrow-5566c9ad0abfd89a8e3bdb050052d057.svg) no-repeat 0 0;
  background-size: 100%;
}

.btn-text.under {
  text-decoration: underline;
}

.btn-text.point span::after {
  background-image: url(/mweb/cms/images/icons/icon_btn-text_point_arrow-443682d9dfeb98eb2a6ef4dcdb00ada9.svg);
}

.btn__zoom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 2.8rem;
  border: 1px var(--SH_Gr_06) solid;
  border-radius: 0.4rem;
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .btn__zoom {
    font-size: 1.4rem;
  }
}

/*button : icon*/
.btn-icon {
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.btn__info span {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .btn__info span {
    font-size: 1.4rem;
  }
}

.btn__info span::after {
  content: '';
  width: 16px;
  height: 16px;
  background: url(/mweb/cms/images/icons/icon_info-87291b5e750657a9f77132307ccc64bb.svg) no-repeat 0 0;
  background-size: 100%;
  margin-left: 0.5rem;
}

.btn__back {
  display: flex;
  background: url(/mweb/cms/images/icons/icon_header_back-2f1fdd44bf9c5f268cbd063238ca11f0.svg) no-repeat 50%;
  background-size: 100%;
}

@media (min-width: 600px) {
  .btn__wrap .btn__inner {
    width: 50%;
    max-width: 64rem;
    padding: 3.2rem 0;
  }
}

/*공통*/
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea {
  width: 100%;
  border: 0;
  line-height: 1.5;
  outline: 0;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
textarea:disabled {
  background-color: #F7F7F8;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}

.text__area {
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.6rem;
  padding: 1.6rem;
}

.text__area.focus {
  border-color: var(--SH_Gr_02);
}

.text__area textarea {
  min-height: 12.8rem;
}

.text-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  margin-top: 0.6rem;
  color: var(--SH_Gr_06);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .text-count {
    font-size: 1.4rem;
  }
}

.text-count .text-total {
  margin-left: 0.5rem;
}

::-moz-placeholder {
  color: var(--SH_Gr_06);
  font-size: 1.6rem;
  font-weight: 500;
}

::placeholder {
  color: var(--SH_Gr_06);
  font-size: 1.6rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  ::-moz-placeholder {
    font-size: 1.8rem;
  }
  ::placeholder {
    font-size: 1.8rem;
  }
}

.btn-clear {
  position: absolute;
  bottom: 1.2rem;
  right: 0.2rem;
  display: flex;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background: url(/mweb/cms/images/icons/icon_input-clear-0be9d29e532e336c61b9d76ea0a58540.svg) no-repeat 50%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.btn-del {
  display: flex;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background: url(/mweb/cms/images/icons/icon_input-clear-0be9d29e532e336c61b9d76ea0a58540.svg) no-repeat 50%;
  flex-shrink: 0;
}

/*input*/
.input__form {
  display: flex;
  flex-direction: column;
}

.input__form label {
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  padding-left: 0.2rem;
}

.input__form .ipt {
  position: relative;
  display: flex;
  width: 100%;
}

.input__form .ipt input {
  height: 4.1rem;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 2px var(--SH_Gr_08) solid;
  padding: 0.6rem 0.2rem 1rem;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 900px) {
  .input__form .ipt input {
    font-size: 1.8rem;
  }
}

.input__form .ipt input:focus {
  border-bottom: 2px var(--SH_Gr_02) solid;
}

.input__form .ipt input:focus + .btn-clear {
  opacity: 1;
}

.input__form .ipt.ipt__sm {
  width: 4rem;
}

.input__form .btn-smi {
  width: auto;
  flex-shrink: 0;
  margin-left: 1.2rem;
}

.val-msg {
  display: flex;
  font-size: 1rem;
  color: var(--SH_Gr_05);
  margin-top: 0.4rem;
  align-items: center;
}

.val-msg::before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  background: url(/mweb/cms/images/icons/icon_input_valChk-7ee93c97820c267a49d42e0dfb71d755.svg) no-repeat;
  background-size: 100%;
  margin-right: 0.4rem;
}

.val-msg.val-error {
  color: var(--SH_Smt_03);
}

.val-msg.val-error::before {
  background-image: url(/mweb/cms/images/icons/icon_input_valChk-error-2084c6ad2b2ff94b04f8b5c5f041d06e.svg);
}

.val-msg.val-ok {
  color: var(--SH_Smt_04);
}

.val-msg.val-ok::before {
  background-image: url(/mweb/cms/images/icons/icon_input_valChk-ok-33a929262602e6e2e35c19e783f16e0d.svg);
}

/*checkbox*/
.checkbox {
  display: flex;
  align-items: center;
}

.checkbox .checkbox__form ~ .checkbox__form {
  margin-left: 2rem;
}

.checkbox__form input {
  display: none;
}

.checkbox__form input + label {
  position: relative;
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  align-items: center;
}

@media (min-width: 900px) {
  .checkbox__form input + label {
    font-size: 1.8rem;
  }
}

.checkbox__form input + label::before, .checkbox__form input + label::after {
  content: '';
}

.checkbox__form input + label::before {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #FFF;
  border: 1px var(--SH_Gr_08) solid;
  margin-right: 0.8rem;
  border-radius: 0.6rem;
}

.checkbox__form input:checked + label::before {
  border-color: var(--primary);
  background-color: var(--primary);
}

.checkbox__form input:checked + label::after {
  position: absolute;
  left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/mweb/cms/images/icons/icon_checkbox-375bb024ed071b4b59ddb93ec3312181.svg) no-repeat 0 0;
}

.checkbox__form input:disabled + label {
  color: var(--SH_Gr_06);
  cursor: default;
}

.checkbox__form input:disabled + label::before {
  border-color: var(--SH_Gr_08);
}

.checkbox__form input:checked:disabled + label {
  color: var(--SH_Gr_06);
}

.checkbox__form input:checked:disabled + label::before {
  border-color: var(--SH_Gr_08);
  background-color: var(--SH_Gr_08);
}

.chk__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chk__items ~ .chk__items {
  margin-top: 0.8rem;
}

.chk-form label {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .chk-form label {
    font-size: 1.4rem;
  }
}

.chk-form label::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_chk_off-a6b19ecd59dd214c0f2f3faf0c8adbf0.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.6rem;
}

.chk-form :checked + label::before {
  background-image: url(/mweb/cms/images/icons/icon_chk-0d450374605d732d6882a84d6b38395b.svg);
}

/*radio*/
.radio {
  display: flex;
  align-items: center;
}

.radio .radio__form ~ .radio__form {
  margin-left: 2rem;
}

.radio input {
  display: none;
}

.radio input + label {
  position: relative;
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  align-items: center;
}

@media (min-width: 900px) {
  .radio input + label {
    font-size: 1.8rem;
  }
}

.radio input + label::before, .radio input + label::after {
  content: '';
}

.radio input + label::before {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #FFF;
  border: 1px var(--SH_Gr_08) solid;
  margin-right: 0.8rem;
  border-radius: 50%;
}

.radio input:checked + label::before {
  border-color: var(--primary);
}

.radio input:checked + label::after {
  position: absolute;
  left: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--primary);
  border-radius: 50%;
}

.radio input:disabled + label {
  color: var(--SH_Gr_06);
  cursor: default;
}

.radio input:disabled + label::before {
  border-color: var(--SH_Gr_08);
}

.radio input:checked:disabled + label {
  color: var(--SH_Gr_06);
}

.radio input:checked:disabled + label::before {
  border-color: var(--SH_Gr_08);
}

.radio input:checked:disabled + label::after {
  background-color: var(--SH_Gr_08);
}

.radio__tab {
  display: flex;
  align-items: center;
  background-color: var(--SH_Gr_11);
}

.radio__tab input[type="radio"] + label {
  position: relative;
  display: flex;
  color: var(--SH_Gr_06);
  font-size: 1.3rem;
  padding: 0.4rem 0.8rem;
  border: 1px var(--SH_Gr_07) solid;
  border-right-color: var(--SH_Gr_11);
  border-left-color: var(--SH_Gr_11);
}

@media (min-width: 900px) {
  .radio__tab input[type="radio"] + label {
    font-size: 1.4rem;
  }
}

.radio__tab input[type="radio"]:checked + label {
  width: 100%;
  height: 100%;
  color: var(--SH_Gr_02);
  font-weight: 700;
  background-color: #fff;
  border: 1px var(--SH_Gr_02) solid !important;
  border-radius: 4px;
}

.radio__tab .radio__tab-form:first-child input[type="radio"]:checked + label,
.radio__tab .radio__tab-form:last-child input[type="radio"]:checked + label {
  border-radius: 4px;
}

.radio__tab .radio__tab-form:first-child input[type="radio"] + label {
  border-left: 1px var(--SH_Gr_07) solid;
  border-radius: 4px 0 0 4px;
}

.radio__tab .radio__tab-form:last-child input[type="radio"] + label {
  border-right: 1px var(--SH_Gr_07) solid;
  border-radius: 0 4px 4px 0;
}

.radio__tab-text {
  display: flex;
  align-items: center;
}

.radio__tab-text label {
  display: flex;
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (min-width: 900px) {
  .radio__tab-text label {
    font-size: 1.4rem;
  }
}

.radio__tab-text input[type="radio"]:checked + label {
  color: var(--SH_Gr_02);
  font-weight: 700;
}

.radio__tab-text .radio__tab-form ~ .radio__tab-form {
  display: flex;
  align-items: center;
}

.radio__tab-text .radio__tab-form ~ .radio__tab-form::before {
  content: '';
  width: 1px;
  height: 12px;
  background-color: var(--SH_Gr_06);
  margin: 0 0.8rem;
}

/*select*/
select {
  display: none;
}

/*selectType : 공통 */
.dropdown-select {
  display: flex;
  width: 100%;
  height: 4.1rem;
  font-size: 1.6rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px var(--SH_Gr_08) solid;
}

@media (min-width: 900px) {
  .dropdown-select {
    font-size: 1.8rem;
  }
}

.dropdown-select::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg) no-repeat 0 0;
  background-size: 100%;
  transition: transform 0.3s ease-in-out;
}

.dropdown-select.active::after {
  transform: rotate(-180deg);
}

.dropdown-container {
  display: none;
  position: fixed;
  flex-direction: column;
  left: 0;
  top: 5rem;
  width: 100%;
  height: 100%;
}

.dropdown-container.active {
  display: flex;
}

.dropdown-select-ul {
  width: 100%;
  max-height: 90%;
  background-color: #fff;
  margin-top: 0.8rem;
  padding-right: 1.8rem;
  overflow-y: auto;
}

.dropdown-select-ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--SH_Gr_04);
  font-size: 1.5rem;
  padding: 0.8rem 0;
}

@media (min-width: 900px) {
  .dropdown-select-ul li {
    font-size: 1.6rem;
  }
}

.dropdown-select-ul li.selected {
  color: var(--SH_Gr_02);
  font-weight: 500;
}

.dropdown-select-ul li.selected::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_select_chk-f648d46ea5abcd0c7a5e0958cf0c02fc.svg) no-repeat 0 0;
  background-size: 100%;
}

.active .dropdown-select-ul {
  display: block;
}

/*select : listType*/
.select-box {
  position: relative;
  margin-right: 1.2rem;
}

.select-box .dropdown-select {
  min-width: 12.4rem;
  font-weight: 700;
  padding: 0.3em 0.2rem 0.8rem;
}

.select-box .dropdown-select:after {
  margin-left: 0.6rem;
}

.select-box .dropdown-select.active {
  border-color: var(--SH_Gr_02);
}

.select-box .dropdown-container {
  position: absolute;
  top: 3.5rem;
  left: 0;
  z-index: 1;
}

.select-box .dropdown-container.active {
  width: auto;
}

.select-box .dropdown-container .dropdown-select-ul {
  width: 16.2rem;
  max-height: none;
  padding: 0.8rem;
  border: 1px var(--SH_Gr_01) solid;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.select-box .dropdown-container .dropdown-select-ul li {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  background-color: #fff;
  border-radius: 5px;
  padding: 0.4rem 0.8rem;
}

@media (min-width: 900px) {
  .select-box .dropdown-container .dropdown-select-ul li {
    font-size: 1.6rem;
  }
}

.select-box .dropdown-container .dropdown-select-ul li ~ li {
  margin-top: 0.8rem;
}

.select-box .dropdown-container .dropdown-select-ul li:hover, .select-box .dropdown-container .dropdown-select-ul li.selected {
  background-color: #E5ECFF;
}

.pop-bottom .dropdown-container {
  top: auto;
  height: auto !important;
  padding-top: 0 !important;
}

.pop-bottom .dropdown-container .dropSelectWrap {
  position: relative;
  background-color: #FFF;
  border-radius: 1rem 1rem 0 0;
  padding: 3.7rem 0 0 1.8rem;
  max-height: 60%;
}

.pop-bottom .dropdown-container .dropdown-select-ul {
  max-height: calc(100vh - 37rem);
  padding-bottom: 3.2rem;
}

/*파일 찾기*/
.file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.8rem;
}

.file .btn-file {
  width: auto;
  flex-shrink: 0;
  color: var(--primary);
  margin-left: 1.6rem;
  border-color: var(--primary);
}

.file__items {
  display: flex;
  max-width: calc(100% - 10.6rem);
  align-items: center;
  border-bottom: 2px var(--SH_Gr_08) solid;
  padding: 0.6rem 0 1rem;
}

.file__items .file__items-list {
  max-width: calc(100% - 2rem);
  margin-right: 1.2rem;
}

.form-wrap .form-group {
  margin-bottom: 2.8rem;
}

.form-wrap .agree__box {
  margin: 2.8rem 0 0;
}

.form-wrap .input__form:last-child {
  margin-bottom: 2.8rem;
}

@media (min-width: 600px) {
  .form-wrap .form-group {
    display: flex;
    align-items: flex-start;
  }
  .form-wrap .form-group .input__form {
    width: 50%;
  }
  .form-wrap .form-group .input__form ~ .input__form {
    margin: 0 0 0 2rem;
  }
}

@media (min-width: 900px) {
  .file {
    justify-content: flex-start;
  }
  .pop-bottom .dropdown-container .dropSelectWrap {
    padding: 1.6rem 2.8rem 2.4rem;
  }
  .pop-bottom .dropdown-container .dropdown-select-ul {
    height: calc(100vh - 52%);
  }
}

.keyboard__on {
  flex: 0 !important;
}

/*module*/
/*listType : 공통*/
.list .list__items {
  padding: 1.6rem 0;
  border-bottom: 1px var(--SH_Gr_09) solid;
}

.list .list__items:first-child {
  padding-top: 0;
}

.list .list__items:last-child {
  border-bottom: 0;
}

.list__area {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.list__area .list__area-inner {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
/* 수정 2025.01.24 */
.list__area .list__area-inner .list__title {
  width: 95%;
  color: #3B3B41;
  font-size: 1.6rem;
  font-weight: 500;
  word-break: keep-all;
}
/* 추가 2025.02.03 */
.list__area .list__area-inner .list__title span {
  word-break: normal;
}
/* 추가 2025.02.04 */
.list.event .list__items .event__inner {
  width: 100%
}
@media (min-width: 900px) {
  .list__area .list__area-inner .list__title {
    font-size: 1.8rem;
  }
}

.list__area .list__area-inner .text {
  font-size: 1.5rem;
  color: #6D6D73;
  margin: 0.6rem 0;
}

.list__area .list__area-inner .list__add {
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
}

.list__area-inner .list__add_info {
  display: flex;
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  align-items: center;
}

@media (min-width: 900px) {
  .list__area-inner .list__add_info {
    font-size: 1.4rem;
  }
}

.list__area-inner .list__add_info span {
  display: flex;
  align-items: center;
}

.list__area-inner .list__add_info span em {
  margin-left: 0.4rem;
}

.list__area-inner .list__add_info .list__add_info-date + span {
  margin-left: 1.2rem;
}

.list__area-inner .list__add_info .time {
  margin-left: 1.2rem;
}

.list__area-inner .btn_file {
  display: flex;
  align-items: center;
  background: transparent;
}

.list__area-inner .btn_file::before {
  content: '';
  width: 1px;
  height: 1.2rem;
  margin: 0 0.8rem;
  background-color: #D4D4D4;
}

.list__area-inner .btn_file .icon--file {
  display: flex;
  align-items: center;
  font-size: 0;
}

.list__area-inner .btn_file .icon--file::before {
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  background-size: 24px;
}

.list .list__items::after {
  transform: rotate(-90deg);
}

.list .list__items .list__area {
  width: calc(100% - 3rem);
}

.list__items-category {
  color: var(--primary);
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .list__items-category {
    font-size: 1.4rem;
  }
}

.list__items-category.finish {
  color: var(--SH_Gr_04);
}

.icon_arrow {
  display: flex;
  align-items: center;
}

.icon_arrow::after {
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin-left: 5px;
  transition: all 0.3s ease-in-out;
  flex-shrink: 0;
}

.icon_arrow.active::after {
  transform: rotate(-180deg);
}

/*list__card*/
.list__card li {
  margin-bottom: 1.6rem;
}

.list__card .list__area {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px #fff solid;
  border-radius: 10px;
  padding: 1.8rem;
}

.list__card .list__area .list__area-inner .text {
  min-height: 2.25rem;
}

.list__card .list__area .list__area-inner .add {
  margin-top: 1rem;
}

/*목록 없을 경우*/
.list__none {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3.2rem 0;
}

.list__none .list__none-text {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_05);
  font-size: 1.5rem;
  align-items: center;
}

@media (min-width: 900px) {
  .list__none .list__none-text {
    font-size: 1.6rem;
  }
}

.list__none .list__none-text::before {
  content: '';
  width: 5rem;
  height: 5rem;
  background: url(/mweb/cms/images/icons/icon_list-none-8a113d63fca290bbf29d672d16ac2fa3.svg) no-repeat 0 0;
  background-size: 100%;
  margin-bottom: 0.8rem;
}

.list__none .list__none-text.data::before {
  background-image: url(/mweb/cms/images/icons/icon_data_none-9ebd90b153e2077b18f20679313d6f4f.svg);
}

.list__none .tit {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .list__none .tit {
    font-size: 1.6rem;
  }
}

.list__none .sub-txt {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  margin-top: 0.6rem;
}

@media (min-width: 900px) {
  .list__none .sub-txt {
    font-size: 1.4rem;
  }
}

/*상세*/
.contents__detail {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  margin: -1.8rem -1.8rem -2.8rem;
}

.contents__detail .contents__detail-header.list__area {
  display: block;
  background-color: #F1F3F8;
}

.contents__detail .contents__detail-header.list__area .contents__detail-inner {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3.2rem 1.8rem;
}

.contents__detail .contents__detail-header.list__area .list__area-inner .text {
  margin: 0.8rem 0 0;
}

.contents__detail .contents__detail-header.list__area .zoom__box {
  position: absolute;
  top: 3.2rem;
  right: 1.8rem;
  display: flex;
  align-items: center;
}

.contents__detail .contents__detail-header.list__area .zoom__box .btn__zoom ~ .btn__zoom {
  margin-left: 0.4rem;
}

.contents__detail .list__area-inner .list__add {
  position: relative;
  justify-content: space-between;
}

.contents__detail .list__area-inner .list__add .list__add_info {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .contents__detail .list__area-inner .list__add .list__add_info {
    font-size: 1.4rem;
  }
}

.contents__detail .list__area-inner .btn_file::before {
  display: none;
}

.contents__detail .list__area-inner .btn_file span {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .contents__detail .list__area-inner .btn_file span {
    font-size: 1.4rem;
  }
}

.file__area {
  display: none !important;
  position: absolute;
  top: 2.6rem;
  right: 0;
  max-width: 23rem;
  flex-direction: column;
  background-color: #fff;
  border: 1px #111 solid;
  padding: 2.4rem 1.6rem 1.6rem;
  border-radius: 8px;
}

.file__area-list a {
  font-size: 1.3rem;
  color: var(--color_sh_Gr_02);
  text-decoration: underline;
}

.file__area-list a ~ a {
  margin-top: 0.6rem;
}

.btn__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 16px;
  height: 16px;
  background: url(/mweb/cms/images/icons/icon_layerClose-1696266cdedaefcefe5dc9e0756ae107.svg) no-repeat 0 0;
  background-size: 100%;
}

.btn_file.active + .file__area {
  display: flex !important;
}

.contents__detail .contents__detail-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3.2rem 1.8rem;
}

.contents__detail .contents__detail-view.detail__notice {
  padding: 3.2rem 1.8rem;
}

.contents__detail .contents__detail-view.detail__notice .noticeIn {
  margin-top: 0 !important;
}

.contents__detail .contents__detail-view.detail__event {
  padding: 0;
}

.contents__detail .contents__detail-view.news-ir {
  border-top: 1px var(--SH_Gr_08) solid;
  padding-top: 1.6rem;
}

.contents__detail .contents__detail-view .text {
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
}

.contents__detail .contents__detail-view .btn__inner {
  padding: 3.2rem 0;
}

.contents__detail .contents__detail-view > div:not(.btn__wrap) {
  padding-bottom: 3.2rem;
}

.contents__detail .contents__detail-view .contents__detail-text {
  flex: 1;
}

.contents__detail-view .img {
  margin-bottom: 2.4rem;
}

.point {
  color: var(--primary) !important;
}

.point__red {
  color: var(--SH_Smt_03) !important;
}

.point__blue {
  color: var(--SH_Smt_04) !important;
}

.bold {
  font-weight: 700 !important;
}

/*accordion*/
.list__accordion {
  margin-bottom: 1.6rem;
}

.list__accordion .list__items {
  border-bottom: 1px var(--SH_Gr_08) solid;
}

.list__accordion .list__items > a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.6rem 4rem 1.6rem 0;
}

.list__accordion .list__items > a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 4px;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg) no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

.list__accordion .list__items.active a::after {
  transform: translateY(-50%) rotate(180deg);
}

.list__accordion .list__items-title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .list__accordion .list__items-title {
    font-size: 1.6rem;
  }
}

.list__accordion .list__items-date {
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  margin-top: 0.4rem;
}

.list__accordion .list__items-cont {
  display: none;
  flex-direction: column;
  background-color: var(--SH_Gr_10);
  border-radius: 0.5rem;
  padding: 1.2rem;
  margin-bottom: 1.6rem;
}

.list__accordion .list__items-cont .list__items-cont-text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .list__accordion .list__items-cont .list__items-cont-text {
    font-size: 1.6rem;
  }
}

.list__accordion .list__items-cont .list__items-cont-tit {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .list__accordion .list__items-cont .list__items-cont-tit {
    font-size: 1.6rem;
  }
}

.h2__title + .list__accordion {
  border-top: 1px var(--SH_Gr_08) solid;
}

.detail-wrap {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}

.detail-wrap.active {
  left: 0;
}

.detail-wrap.active .dim {
  visibility: hidden;
}

.detail-wrap .detail-wrap__inner {
  height: 100%;
}

.detail-wrap .detail__header {
  height: 5.2rem;
  padding: 0 1.8rem;
}

.detail-wrap .detail__header .header__right {
  margin-right: 0;
}

.detail-wrap .detail__header .btn__popup-close {
  position: relative;
  top: auto;
  right: auto;
}

.detail-wrap .contents__detail {
  margin: 0;
}

.detail-wrap .btn__wrap.float {
  position: absolute;
}

@media (min-width: 600px) {
  .list__accordion .list__items-cont {
    padding: 1.6rem;
  }
}

@media (min-width: 600px) {
  /*list*/
  .list .list__items {
    padding: 2rem 0;
  }
  /*list__card*/
  .list__card {
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
    margin-left: -2rem;
  }
  .list__card li {
    display: flex;
    width: calc(50% - 2rem);
    margin: 0 0 2rem 2rem;
  }
  .list__card .list__area .list__area-inner .list__add {
    margin-top: 1.4rem;
  }
  /*list - 상세*/
  .contents__detail {
    margin: -1.2rem -2.8rem -2.8rem;
  }
  .contents__detail .list__area-inner .list__add {
    align-items: flex-start;
    font-size: 1.4rem;
  }
  .contents__detail .list__area-inner .list__add.file {
    flex-direction: column;
  }
  .contents__detail .list__area-inner .btn_file {
    margin-top: 1.8rem;
    cursor: default;
  }
  .contents__detail .list__area-inner .btn_file span {
    font-size: 0;
  }
  .contents__detail .list__area-inner .icon_arrow::after {
    display: none;
  }
  .file__area {
    display: flex !important;
    position: relative;
    top: 0;
    max-width: 100%;
    background-color: transparent;
    border: 0;
    padding: 0 0 0 2.8rem;
    margin-top: -2.1rem;
  }
  .file__area .file__area-list {
    color: var(--SH_Gr_04);
  }
  .file__area .btn__close {
    display: none;
  }
  .contents__detail .contents__detail-view .text {
    font-size: 1.8rem;
  }
  .detail-wrap .detail__header {
    height: 6.5rem;
  }
}

/*popUp*/
.popup {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

.popup.active {
  opacity: 1;
  z-index: 10;
}

.popup .popup__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #FFF;
}

.popup .popup__inner .popup__header {
  display: flex;
  align-items: center;
  height: 5.1rem;
  padding: 0 1.8rem;
  flex-shrink: 0;
}

@media (min-width: 900px) {
  .popup .popup__inner .popup__header {
    height: 6.5rem;
    padding: 0 2.2rem;
  }
}

.popup .popup__inner .popup__content {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
}

@media (min-width: 900px) {
  .popup .popup__inner .popup__content {
    font-size: 1.8rem;
  }
}

.popup .popup__inner .tab-menu {
  position: absolute;
  top: 4.9rem;
}

.popup .btn__wrap {
  margin: 0 -1.8rem -3.2rem;
}

.popup .btn__wrap .btn__inner {
  padding: 3.2rem 1.8rem;
}

h2.popup__title {
  font-size: 1.8rem;
  color: var(--SH_Gr_02);
  font-weight: 500;
  padding-right: 4.2rem;
  line-height: 1.2;
}

@media (min-width: 900px) {
  h2.popup__title {
    font-size: 2rem;
  }
}

.btn__popup-close,
.btn__aside-close {
  position: absolute;
  top: 1.2rem;
  right: 1.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_popClose-a2f0a472513363d5f7f1478a41f8ec0a.svg) no-repeat 50%;
  background-size: 1.5rem;
  margin-left: 1.6rem;
}

.mod {
  position: fixed;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
}

.pop__h3-title {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .pop__h3-title {
    font-size: 1.4rem;
  }
}

/*popUp : Full*/
.popup-full {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  justify-content: flex-start;
}

.popup-full h2.popup__title {
  font-size: 2rem;
}

@media (min-width: 900px) {
  .popup-full h2.popup__title {
    font-size: 2.4rem;
  }
}

.popup-full .popup__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.8rem 1.8rem 2.8rem;
  overflow-y: auto;
  overflow-x: hidden;
}

/*popUp : bottomSheet*/
.pop-bottom {
  justify-content: flex-end;
  flex-direction: column;
}

.pop-bottom .popup__inner {
  position: fixed;
  height: auto;
  border-radius: 1rem 1rem 0 0;
  padding-top: 3.5rem;
  bottom: -50%;
  transition: bottom 0.3s ease-in-out;
  z-index: 3;
}

.pop-bottom .popup__inner .popup__header {
  min-height: 2.6rem;
  height: auto;
  padding: 1.2rem 1.8rem 0;
}

.pop-bottom .popup__inner .popup__content {
  padding: 1.6rem 1.8rem 3.2rem;
}

.pop-bottom .popup__inner .popup__content .popup__content-text {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .pop-bottom .popup__inner .popup__content .popup__content-text {
    font-size: 1.8rem;
  }
}

.pop-bottom .popup__inner .popup__content .btn-mi, .pop-bottom .popup__inner .popup__content button {
  margin-top: 3.2rem;
}

.pop-bottom .popup__inner .btn__popup-close {
  position: absolute;
  top: 1.6rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 6rem;
  height: 0.5rem;
  background-color: var(--SH_Gr_05);
  background-image: none;
  border-radius: 0.25rem;
  margin-left: 0;
}

.pop-bottom.active .popup__inner {
  bottom: 0;
}

/*popUp : popConfirm*/
.pop-confirm,
.pop-alert {
  width: 100%;
  padding: 0 1.8rem;
}

.pop-confirm .popup__inner,
.pop-alert .popup__inner {
  height: auto;
  border-radius: 8px;
  justify-content: center;
  padding: 2.4rem;
}

.pop-confirm .popup__inner .popup__header,
.pop-alert .popup__inner .popup__header {
  padding: 0;
}

.pop-confirm .popup__inner .popup__header h2.popup__title,
.pop-alert .popup__inner .popup__header h2.popup__title {
  padding: 1.2rem 0;
}

.pop-confirm .popup__inner .popup__content,
.pop-alert .popup__inner .popup__content {
  padding: 0.8rem 0 3.2rem;
}

.pop-confirm .popup__inner .btn__wrap,
.pop-alert .popup__inner .btn__wrap {
  margin: 0 -1.8rem;
}

.pop-confirm .popup__inner .btn__wrap .btn__inner,
.pop-alert .popup__inner .btn__wrap .btn__inner {
  padding: 0 1.8rem;
}

.pop-alert .popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pop-alert .popup__content .pop__cont-title {
  color: var(--SH_Gr_02);
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .pop-alert .popup__content .pop__cont-title {
    font-size: 2rem;
  }
}

.pop-alert .btn__wrap {
  margin: 0 -2.4rem -2.4rem;
}

.pop-alert .btn__wrap .btn__inner {
  width: 60%;
  padding: 2.4rem;
}

.dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.active .dim {
  opacity: 1;
  visibility: visible;
}

.hidden {
  overflow: hidden !important;
}

.popup .btn__wrap.float {
  position: absolute;
  left: 0;
  margin: 0;
}

.popup__content-text {
  display: flex;
  flex-direction: column;
}

.popup__content-text span {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .popup__content-text span {
    font-size: 1.4rem;
  }
}

.popup__content-text span ~ span {
  margin-top: 0.8rem;
}

@media (min-width: 600px) {
  .pop-confirm .popup__inner,
  .pop-alert .popup__inner {
    max-width: 35rem;
  }
}

@media (min-width: 900px) {
  /*popup : full*/
  .popup-full {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 8rem 0;
    justify-content: center;
  }
  .popup-full .popup__inner {
    width: 73.6rem;
    height: auto;
    min-height: 100%;
    border-radius: 8px;
    overflow: hidden;
  }
  .popup-full .popup__inner .popup__content {
    padding: 1.2rem 2.2rem 2.8rem;
  }
  /*popup : bottomSheet*/
  .pop-bottom {
    transition: none;
  }
  .pop-bottom .popup__inner .popup__header {
    padding: 0 2.2rem;
  }
  .pop-bottom.active .popup__inner {
    bottom: auto;
    top: 50%;
    left: 50%;
    width: 45rem;
    min-height: auto;
    border-radius: 1rem;
    transform: translate(-50%, -50%);
    padding-top: 1.6rem;
    overflow: hidden;
    transition: none;
  }
  .pop-bottom.active .popup__inner .btn__popup-close {
    top: 1.6rem;
    left: auto;
    right: 1.8rem;
    width: 2.4rem;
    height: 2.4rem;
    background: transparent url(/mweb/cms/images/icons/icon_popClose-a2f0a472513363d5f7f1478a41f8ec0a.svg) no-repeat 50%;
  }
  .btn__popup-close {
    top: 1.6rem;
  }
  .btn__aside-close {
    top: 2rem;
  }
  .pop-confirm .btn__wrap {
    margin: 0 -1.8rem -2.4rem;
  }
  .pop-confirm .btn__wrap .btn__inner {
    width: 100%;
  }
  .popup .btn__wrap .btn__inner {
    padding: 2.4rem;
  }
}

table {
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
  box-sizing: border-box;
}

.scroll > table {
  width: 180%;
}

.table thead th,
.table__row thead th {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
  background-color: var(--SH_Gr_10);
  border-top: 1px var(--SH_Gr_07) solid;
  border-bottom: 1px var(--SH_Gr_08) solid;
  border-right: 1px var(--SH_Gr_08) solid;
  padding: 0.8rem 0.6rem;
  vertical-align: middle;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .table thead th,
  .table__row thead th {
    font-size: 1.4rem;
  }
}

.table thead th:last-child,
.table__row thead th:last-child {
  border-right: 0;
}

.table tbody th,
.table__row tbody th {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 1px var(--SH_Gr_08) solid;
  border-right: 1px var(--SH_Gr_08) solid;
  vertical-align: middle;
  padding: 0.8rem 0.4rem;
  word-break: break-all;
}

@media (min-width: 900px) {
  .table tbody th,
  .table__row tbody th {
    font-size: 1.4rem;
  }
}

.table tbody td,
.table__row tbody td {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  border-bottom: 1px var(--SH_Gr_08) solid;
  border-right: 1px var(--SH_Gr_08) solid;
  padding: 0.8rem 0.4rem;
  vertical-align: middle;
  word-break: break-word;
}

@media (min-width: 900px) {
  .table tbody td,
  .table__row tbody td {
    font-size: 1.4rem;
  }
}

.table tbody td:last-child,
.table__row tbody td:last-child {
  border-right: 0;
}

.table tbody td .list__icon-dot li,
.table__row tbody td .list__icon-dot li {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .table tbody td .list__icon-dot li,
  .table__row tbody td .list__icon-dot li {
    font-size: 1.4rem;
  }
}

.table tbody td .caption,
.table__row tbody td .caption {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .table tbody td .caption,
  .table__row tbody td .caption {
    font-size: 1.4rem;
  }
}

.table tfoot th, .table tfoot td,
.table__row tfoot th,
.table__row tfoot td {
  color: var(--SH_Gr_02);
  font-weight: 500;
  background-color: var(--SH_Gr_10);
  text-align: left;
  padding: 0.8rem 0.4rem;
  border-bottom: 1px var(--SH_Gr_08) solid;
}

.table__row tbody th {
  font-weight: 700;
}

.table__caption {
  display: flex;
  flex-direction: column;
  margin-top: 2.8rem;
}

.table__caption .table__caption-tit {
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
}

@media (min-width: 900px) {
  .table__caption .table__caption-tit {
    font-size: 1.4rem;
  }
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

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

.tline {
  border-right: 1px var(--SH_Gr_08) solid !important;
}

.table__info {
  margin-top: 1.6rem;
}

.table__caption {
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

.table__row th {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
  background-color: var(--SH_Gr_10);
  border-top: 1px var(--SH_Gr_07) solid;
}

@media (min-width: 900px) {
  .table__row th {
    font-size: 1.4rem;
  }
}

.table__row th span {
  font-size: 1.2rem;
  font-weight: 400;
}

.table__row td {
  border-top: 1px var(--SH_Gr_07) solid;
}

.table__row .tit {
  color: var(--SH_Gr_02);
}

@media (min-width: 900px) {
  .table th, .table td {
    padding: 1rem 0.6rem !important;
  }
  .only__tablet thead th {
    font-size: 1.6rem;
  }
  .scroll table {
    width: 100%;
  }
}

.header.main {
  background-color: transparent;
}

.header.main.active {
  background-color: #FFF;
}

.content.main__content .container {
  height: auto;
}

.main__visual-inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}

.main__visual {
  margin: -5.2rem 0 0;
}

.main__visual .main__visual-swiper {
  position: relative;
  height: 42.5rem;
  margin-bottom: 3.6rem;
}

.main__visual .main__visual-swiper .main__visual-items {
  position: absolute;
  top: 0;
  left: 0;
  height: 38rem;
  padding: 7.2rem 1.8rem 0;
  opacity: 0 !important;
}

.main__visual .main__visual-swiper .main__visual-items.swiper-slide-active {
  opacity: 1 !important;
}

.main__visual .main__visual-swiper .main__visual-items.items01 {
  background: linear-gradient(to bottom, #D6E2FF 0%, #FFBCD8 100%);
}

.main__visual .main__visual-swiper .main__visual-items.items02 {
  background: linear-gradient(to bottom, #ADEFDE 0%, #BCC2FD 100%);
}

.main__visual .main__visual-swiper .main__visual-items.items03 {
  background: linear-gradient(to bottom, #F8EFCF 0%, #FFA4A3 100%);
}

.main__visual .main__visual-swiper .main__visual-items.items04 {
  background: linear-gradient(to bottom, #A1D8F0 0%, #FDBDBC 100%);
}

.main__visual .main__visual-swiper .main__visual-items.items05 {
  background: linear-gradient(to bottom, #EFF2D2 0%, #5EC3EE 100%);
}

.main__visual .main__visual-box a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 35.2rem;
  border-radius: 1rem;
  border: 1px #FFF solid;
  background-color: rgba(238, 238, 238, 0.6);
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 2.8rem 1.6rem 1.6rem;
}

.main__visual .main__visual-box a .text-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main__visual .main__visual-box a .text-box.icon-type {
  position: relative;
  align-items: flex-start;
}

.main__visual .main__visual-box a .text-box.icon-type:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5.3rem;
  height: 4.5rem;
  background: url(/mweb/cms/images/thumb/icon_main_vi03.png) no-repeat 0 0;
  background-size: 100%;
}

.main__visual .main__visual-box a .text-box.icon-type div:first-child {
  margin-bottom: 0.5rem;
}

.main__visual .main__visual-box a .text-box.icon-type .date {
  color: var(--SH_Gr_01);
}

.main__visual .main__visual-box a .text-box div:first-child {
  margin-bottom: 1.2rem;
}

.main__visual .main__visual-box a .text-box .tit {
  color: var(--SH_Gr_01);
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.3 !important;
}

@media (min-width: 900px) {
  .main__visual .main__visual-box a .text-box .tit {
    font-size: 2.8rem;
  }
}

.main__visual .main__visual-box a .text-box .text {
  display: flex;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .main__visual .main__visual-box a .text-box .text {
    font-size: 1.4rem;
  }
}

.main__visual .main__visual-box a .text-box .text span ~ span {
  margin-left: 1rem;
}

.main__visual .main__visual-box a .img {
  position: relative;
  height: 18.7rem;
  overflow: hidden;
  border-radius: 1rem;
  flex-shrink: 0;
}

.main__visual .main__visual-box a .img.video {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}

.main__visual .main__visual-box a .img.video video {
  border-radius: 1rem;
}

.main__visual .notify {
  display: flex;
  flex-direction: column;
}

.main__visual .notify-list {
  padding: 0 1rem;
}

.main__visual .notify-list li {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_01);
  background-color: #FFF;
  border-radius: 999px;
  padding: 1.4rem 1.6rem;
  margin-bottom: 0.4rem;
}

.main__visual .notify-list li.notify-list-items01 {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.main__visual .notify-list li.notify-list-items01 .tit {
  font-size: 1.6rem;
}

.main__visual .notify-list li.notify-list-items02 {
  opacity: 0.5;
}

.main__visual .notify-list li.notify-list-items02 .tit {
  font-size: 1.4rem;
}

.main__visual .notify-list li.notify-list-items03 {
  opacity: 0.2;
}

.main__visual .notify-list li.notify-list-items03 .tit {
  font-size: 1.3rem;
}

.main__visual .notify-list li .date {
  width: 6rem;
  font-size: 11px;
  font-weight: 500;
}

.main__visual .btn-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -2.2rem;
  z-index: 1;
}

.main__visual .btn-main .btn-black {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.7rem;
  color: #FFF;
  font-size: 1.3rem;
  font-weight: 700;
  background-color: var(--SH_Gr_01);
  padding: 0 2.5rem;
  border-radius: 999px;
}

.main__visual .btn__round-black {
  position: absolute;
  top: 1rem;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.1rem;
  height: 2.8rem;
  background-color: rgba(59, 59, 65, 0.8);
  border-radius: 999px;
  transform: translateX(-50%);
}

.main__visual .btn__round-black span {
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 500;
}

.main__visual .swiper__navi {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}

.main__visual .swiper-pagination {
  position: relative !important;
  bottom: 0 !important;
  display: flex;
  width: auto !important;
  z-index: 1 !important;
}

.main__visual .swiper-pagination-bullet {
  width: 4rem;
  height: 0.2rem;
  border-radius: 0.4rem;
  margin: 0 0.8rem 0 0 !important;
  background: #111 !important;
}

.main__visual .swiper-pagination-bullet-active {
  opacity: 1;
}

.btn-play {
  display: flex;
  align-items: center;
  z-index: 1;
}

.btn-play::before {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background: url(/mweb/cms/images/icons/icon_play-98bb98081b1dfcbaaa237e497edbf38f.svg) no-repeat 0 0;
  background-size: 100%;
}

.btn-play.icon__pause::before {
  background-image: url(/mweb/cms/images/icons/icon_pause-97c20b6adb7babd6b134dbc04e228e53.svg);
}

.main__group.section {
  padding: 4rem 1.8rem 2rem 1.8rem;
}

.main__group.section .main__banner-acct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F1EBFF;
  border-radius: 1rem;
  margin-bottom: 1.2rem;
}

.main__group.section .main__banner-acct a {
  position: relative;
  display: block;
  width: 100%;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
  padding: 1.6rem;
}

@media (min-width: 900px) {
  .main__group.section .main__banner-acct a {
    font-size: 1.6rem;
  }
}

.main__group.section .main__banner-acct a::after {
  content: '';
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  background: url(/mweb/cms/images/index/icon_main_acct-70ef62cc48eb1f5b64b7377667259c2d.png) no-repeat 0 0;
  background-size: 100%;
  flex-shrink: 0;
}

.main__group.section .main__banner-acct a .box-tip {
  background-color: #864DFF;
  font-weight: 500;
  margin-bottom: 1rem;
}

.main__group.section .main__banner-acct a .box-tip:after {
  width: 1.6rem;
  height: 1.1rem;
  background: url(/mweb/cms/images/index/icon_main_acct_arrow-86d054dadb8aef4d64cc93dde104824f.svg) no-repeat 0 0;
  border: 0;
  left: auto;
  right: 2.7rem;
}

.main__group.section .main__banner-acct .tit {
  display: block;
}

.main__group.section .main__banner-acct .tit.m__900 {
  display: none;
}

.main__group.section .box-list .list__items {
  padding: 0.8rem 1.2rem;
}

.title__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.h2__title-main {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_01);
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .h2__title-main {
    font-size: 2.4rem;
  }
}

.series__list a {
  display: flex;
  align-items: center;
}

.series__list a::before {
  content: '';
  width: 5rem;
  height: 5rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 1rem;
}

.series__list .list-items-tit {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_01);
  font-size: 1.6rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .series__list .list-items-tit {
    font-size: 1.8rem;
  }
}

.series__list .list-items-tit br {
  display: none;
}

.series__list .tag {
  display: none;
}

.series__list .series-items01 a::before {
  background-image: url(/mweb/cms/images/index/icon_main_series01-20cf27c76ab233e5e0c55bf50925cd57.png);
}

.series__list .series-items02 a::before {
  background-image: url(/mweb/cms/images/index/icon_main_series02-375dd430f005ef51dd803743d8fff566.png);
}

.series__list .series-items03 a::before {
  background-image: url(/mweb/cms/images/index/icon_main_series03-10ae67652c2294e0137352acdae09f9a.png);
}

.research__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem 0 0 -1.2rem;
}

.research__list .research__list-items {
  display: flex;
  flex-direction: column;
  width: calc(50% - 1.2rem);
  margin: 1.2rem 0 0 1.2rem;
}

.research__list .research__list-items .items-box {
  height: 14.5rem;
  border-radius: 0.8rem;
  padding: 1.5rem 1.6rem;
  background: linear-gradient(to bottom, #F4F4F4 0%, #E2E2E2 100%);
}

.research__list .research__list-items .items-box.flag__bg-bond {
  background: linear-gradient(to bottom, #E8F3F5 0%, #CCF6F9 100%);
}

.research__list .research__list-items .items-box.flag__bg-daily {
  background: linear-gradient(to bottom, #F0F4FF 0%, #C2D9FD 100%);
}

.research__list .research__list-items .items-box.flag__bg-stocks {
  background: linear-gradient(to bottom, #F0FEFF 0%, #DDF0FD 100%);
}

.research__list .research__list-items .items-box.flag__bg-industry {
  background: linear-gradient(to bottom, #F1EEFC 0%, #D7D1F0 100%);
}

.research__list .research__list-items .items-box.flag__bg-foreign {
  background: linear-gradient(to bottom, #E4FDE6 0%, #B6EAB1 100%);
}

.research__list .research__list-items .items-box.flag__bg-weekly {
  background: linear-gradient(to bottom, #EEFCF4 0%, #BCF3D2 100%);
}

.research__list .research__list-items .items-box.flag__bg-economi {
  background: linear-gradient(to bottom, #FEF8EF 0%, #FEF0DF 100%);
}

.research__list .research__list-items .items-box.flag__bg-derive {
  background: linear-gradient(to bottom, #FFF9E2 0%, #FFF8D3 100%);
}

.research__list .research__list-items .items-box.flag__bg-credit {
  background: linear-gradient(to bottom, #FFF3F0 0%, #FFDED3 100%);
}

.research__list .research__list-items .items-box.flag__bg-invest {
  background: linear-gradient(to bottom, #F3FEEB 0%, #E1FFCA 100%);
}

.research__list .research__list-items .items-box dl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.research__list .research__list-items .list__title {
  height: 4.8rem;
  color: var(--SH_Gr_01);
  font-size: 1.6rem;
  font-weight: 700;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 900px) {
  .research__list .research__list-items .list__title {
    font-size: 1.8rem;
  }
}

.research__list .research__list-items .list__text .ellipsis {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

@media (min-width: 900px) {
  .research__list .research__list-items .list__text .ellipsis {
    font-size: 1.4rem;
  }
}

.main__custom-center {
  margin-top: 2.8rem;
}

.main__custom-center .main__custom-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-color: #C4D0EF;
  border-radius: 1rem;
  padding: 1.6rem;
}

.main__custom-center .main__custom-title {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .main__custom-center .main__custom-title {
    font-size: 1.6rem;
  }
}

.main__custom-center .main__custom-time {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  margin-top: 0.6rem;
}

@media (min-width: 900px) {
  .main__custom-center .main__custom-time {
    font-size: 1.4rem;
  }
}

.main__custom-center .main__custom-tel {
  display: flex;
  align-items: center;
  height: 2.4rem;
  padding: 0 1.2rem;
  background-color: #6F7FA7;
  border-radius: 999px;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 500;
}

.finance__wrap {
  background-color: #ECF0FB;
}

.finance__wrap .finance__wrap-inner {
  width: 100%;
  max-width: 128rem;
  padding: 2.8rem 1.8rem;
  margin: 0 auto;
}

.finance__wrap .finance__wrap-inner .finance-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem 0 0 -1.2rem;
}

.finance__wrap .finance__wrap-inner .finance-list .finance-list-items {
  width: calc(100% / 2 - 1.2rem);
  margin: 1.2rem 0 0 1.2rem;
}

.finance__wrap .finance__wrap-inner .finance-list-items a {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 1.2rem;
}

.finance__wrap .finance__wrap-inner .finance-list-items a .finance-img {
  width: 2.4rem;
  height: 2.4rem;
}

.finance__wrap .finance__wrap-inner .finance-list-items a .title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 400;
  margin-left: 0.4rem;
}

@media (min-width: 900px) {
  .finance__wrap .finance__wrap-inner .finance-list-items a .title {
    font-size: 1.6rem;
  }
}

.main__content .alphaTv-swiper {
  margin: 0 -1.8rem 0 -1.8rem;
  padding-left: 1.8rem;
  padding-bottom: 2.8rem;
}

.main__content .alphaTv-swiper .title__box {
  position: relative;
  justify-content: flex-start;
}

.main__content .alphaTv-swiper .btn-alpha {
  margin: 0 0 0 1.2rem;
  font-weight: 700;
}

.main__content .alphaTv-swiper .video-swiper-wrapper {
  margin-top: 1.6rem;
}

.main__content .alphaTv-swiper .alpha-tv__items .text-box {
  height: 4.5rem;
}

.main__content .alphaTv-swiper .img {
  min-height: 16rem;
}

.main__content .app-download__banner {
  margin-bottom: 4.8rem;
}

.main__content .app-download__banner a {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: auto;
  background: #E2E8FF;
  padding: 1.6rem;
}

.main__content .app-download__banner a .text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .main__content .app-download__banner a .text {
    font-size: 1.6rem;
  }
}

.main__content .app-download__banner a .btn-alpha {
  color: #FFF;
  background: linear-gradient(to bottom, #333EEB 0%, #4D39E7 100%);
  padding: 0.8rem;
  border-radius: 999px;
  flex-shrink: 0;
}

.main__content .app-download__banner a .btn-alpha .icon--logo_alpha::before {
  width: 1.7rem;
  height: 1.6rem;
}

.main__content .app-download__banner a .btn-alpha span {
  font-size: 1.2rem;
  font-weight: 500;
}

.main__content .default__list .default__list-items a {
  padding: 1.6rem;
  border-bottom: 0;
}

.main__content .default__list .default__list-items a strong {
  display: flex;
  align-items: center;
}

.main__content .default__list .default__list-items a strong::before {
  content: '';
  width: 3rem;
  height: 3rem;
  background: url(/mweb/cms/images/index/icon_location-6c14997a363e753e4a7f36c092ed053a.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.8rem;
}

.main__content .main__banner-financial {
  margin-bottom: 2.8rem;
}

.main__content .main__banner-financial .main__banner-financial-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #D8EEFF;
  border-radius: 1rem;
  padding: 1.6rem;
}

.main__content .main__banner-financial .main__banner-financial-inner::after {
  content: '';
  width: 5rem;
  height: 5rem;
  background: url(/mweb/cms/images/index/icon_main_fina-37d9f9a550a08a7c316d2bdb42a34621.png) no-repeat 0 0;
  background-size: 100%;
}

.main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_01);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text {
    font-size: 1.4rem;
  }
}

.main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text strong {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text strong {
    font-size: 1.6rem;
  }
}

.main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text .m__600 {
  display: none;
}

.main__content .main__section-group {
  margin: 0 -1.8rem -2.8rem;
}

.main__content .main__section-group .rolling__banner {
  background-color: #F1F3F8;
  padding: 1.6rem 1.8rem;
}

.main__content .main__section-group .rolling__banner .rolling__banner-inner {
  display: flex;
  flex-direction: column;
}

.main__content .main__section-group .rolling__banner .rolling__banner-inner .today-time {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  letter-spacing: 0;
}

.main__content .main__section-group .rolling__banner .rolling__banner-inner .today-time::before {
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(/mweb/cms/images/index/iocn_flag-6be8e98a7543a8e3286c0015388cc4ec.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.2rem;
}

.main__content .main__section-group .rolling__banner .rolling__banner-inner .today-time em {
  margin: 0 0.4rem;
}

.main__content .main__section-group .rolling__banner .rolling {
  margin-top: 0.8rem;
  height: 2.5rem;
  overflow: hidden;
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items {
  height: 2.5rem;
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info {
  align-items: center;
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-price {
  font-size: 1.6rem;
  text-align: right;
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap-info {
  margin: 0 0 0 1.2rem;
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap {
  flex-direction: row-reverse;
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap .gap, .main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap .num {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap .gap, .main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap .num {
    font-size: 1.6rem;
  }
}

.main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap .num {
  background-color: transparent;
  padding: 0;
}

@media (min-width: 512px) {
  .main__visual .main__visual-swiper {
    height: 54rem;
  }
  .main__visual .main__visual-swiper .main__visual-items {
    height: 48rem;
  }
  .main__visual .main__visual-box a {
    height: 46.9rem;
  }
  .main__visual .main__visual-box a .img {
    height: 28.3rem;
  }
}

@media (min-width: 600px) {
  .main__visual .main__visual-box a {
    flex-direction: row;
    height: 19.4rem;
    padding: 2.8rem 1.6rem;
  }
  .main__visual .main__visual-box a .text-box {
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    margin-bottom: 0;
  }
  .main__visual .main__visual-box a .text-box .tit {
    text-align: left;
    padding-right: 7rem;
    word-break: keep-all;
  }
  .main__visual .main__visual-box a .text-box .tit br {
    display: none;
  }
  .main__visual .main__visual-box a .img {
    width: 21.5rem;
    height: auto;
    flex-shrink: 0;
  }
  .main__visual .main__visual-swiper {
    height: 26.6rem;
  }
  .main__visual .main__visual-swiper .main__visual-items {
    height: 23rem;
  }
  .main__visual .notify-list li {
    padding: 1rem 1.6rem;
  }
  .main__visual .notify-list li .title {
    font-size: 1.3rem;
  }
  .main__visual .btn-main .btn-black {
    height: 3.2rem;
  }
  .main__visual .btn__round-black {
    top: 0.7rem;
    width: 17.4rem;
    height: 2.6rem;
  }
  .main__visual .btn__round-black span {
    font-size: 1rem;
  }
  .main__content .app-download__banner {
    margin-bottom: 4rem;
  }
  .main__group.section {
    padding-bottom: 1.2rem;
  }
  .main__group.section .main__banner-acct a::after {
    width: 5.9rem;
    height: 5.9rem;
  }
  .main__banner-acct .tit br {
    display: none;
  }
  .main__custom-center .main__custom-title {
    flex-direction: row;
  }
  .main__custom-center .main__custom-title strong {
    margin-left: 0.4rem;
  }
  .series__list {
    display: flex;
  }
  .series__list a::before {
    position: absolute;
    bottom: 1.6rem;
    right: 0.6rem;
  }
  .series__list .list-items-tit br {
    display: block;
  }
  .series__list .list__items {
    position: relative;
    flex: 1;
    height: 18.8rem;
  }
  .series__list .tag {
    display: flex;
    color: var(--SH_Gr_04);
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
}

@media (min-width: 600px) and (min-width: 900px) {
  .series__list .tag {
    font-size: 1.4rem;
  }
}

@media (min-width: 600px) {
  .box-list.series__list .list__items ~ .list__items {
    margin: 0 0 0 2rem;
  }
  .research__list .research__list-items {
    width: calc(100% / 4 - 1.2rem);
  }
  .main__content .app-download__banner a .text br {
    display: none;
  }
  .main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text {
    flex-direction: row;
    align-items: center;
  }
  .main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text .m__600 {
    display: flex;
    margin-right: 0.4rem;
  }
  .main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text strong {
    margin-left: 0.4rem;
  }
  .finance__wrap .finance__wrap-inner .finance-list .finance-list-items {
    width: calc(100% / 3 - 1.2rem);
  }
  .finance__wrap .finance__wrap-inner .finance-list .finance-list-items a .title {
    margin-left: 0.8rem;
  }
}

@media (min-width: 900px) {
  .main__visual {
    margin: 0 0 1.8rem 0;
  }
  .main__visual .visual-group {
    display: flex;
    height: 51.3rem;
  }
  .main__visual .visual-group .main__group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0;
    padding: 0 2.2rem;
  }
  .main__visual .main__visual-swiper {
    width: 55%;
    height: 45.2rem;
    padding: 0 0 0 2.2rem;
    flex-shrink: 0;
  }
  .main__visual .main__visual-swiper .main__visual-items {
    display: flex;
    justify-content: center;
    height: 51.3rem;
    padding: 2.8rem 2.8rem 6.1rem;
    border-radius: 1rem;
  }
  .main__visual .main__visual-box a {
    flex-direction: column;
    width: 41.8rem;
    height: 42rem;
  }
  .main__visual .main__visual-box a .text-box {
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.4rem;
    flex: 0;
  }
  .main__visual .main__visual-box a .text-box .tit {
    text-align: center;
    padding-right: 0;
  }
  .main__visual .main__visual-box a .text-box .tit br {
    display: block;
  }
  .main__visual .main__visual-box a .img {
    width: 100%;
    height: 100%;
    flex-shrink: 1;
  }
  .main__visual .swiper-pagination-bullet {
    background-color: #FFF !important;
    opacity: 1;
  }
  .main__visual .swiper-pagination-bullet-active {
    background-color: #111 !important;
  }
  .main__visual .notify-list li {
    padding: 1.4rem 1.6rem;
  }
  .main__visual .notify-list li .title {
    font-size: 1.6rem;
  }
  .main__visual .btn-main .btn-black {
    height: 3.7rem;
  }
  .main__visual .btn__round-black {
    top: 1rem;
    width: 22.7rem;
    height: 2.8rem;
  }
  .main__visual .btn__round-black span {
    font-size: 1.2rem;
  }
  .main__group.section .main__banner-acct {
    align-items: flex-end;
    margin-bottom: 0;
    width: 50%;
  }
  .main__group.section .main__banner-acct a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 5.4rem;
  }
  .main__group.section .main__banner-acct a::after {
    bottom: 1.6rem;
    right: 1.6rem;
    width: 5rem;
    height: 5rem;
  }
  .main__group.section .main__banner-acct a .box-tip {
    display: none;
  }
  .main__group.section .main__banner-acct .tit {
    font-size: 1.2rem;
    font-weight: 400;
  }
  .main__group.section .main__banner-acct .tit span {
    display: none;
  }
  .main__group.section .main__banner-acct .tit.m__900 {
    display: block;
    padding-right: 3.5rem;
    word-break: keep-all;
    font-weight: 700;
    font-size: 1.6rem;
    margin-top: 0.4rem;
  }
  .main__group.section .box-list .list__items {
    padding: 1.6rem 2rem;
  }
  .main__group-banner {
    display: flex;
    align-items: stretch;
  }
  .research__list .research__list-items .items-box {
    height: 16.1rem;
  }
  .box-list.series__list .list__items ~ .list__items {
    margin: 0.8rem 0 0 0;
  }
  .main__banner-acct .tit br {
    display: block;
  }
  .main__content .main__section-group .rolling__banner {
    border-radius: 0.8rem;
  }
  .series__list {
    flex-direction: column;
  }
  .series__list .list__items {
    height: auto;
  }
  .series__list .list__items ~ .list__items {
    margin-left: 0;
  }
  .series__list a::before {
    position: relative;
    bottom: auto;
    right: auto;
    width: 6rem;
    height: 6rem;
  }
  .series__list .list-items-tit br {
    display: none;
  }
  .series__list .tag {
    margin-top: 0;
  }
  .group__wrap {
    display: flex;
    align-items: stretch;
  }
  .group__wrap .app-download__banner {
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .main__content .app-download__banner {
    width: 50%;
    margin: 0 0 0 1.2rem;
  }
  .main__content .app-download__banner a {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 1.6rem;
  }
  .main__content .app-download__banner a .text {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .main__content .app-download__banner a .text .m__360 {
    display: none;
  }
  .main__content .app-download__banner a .btn-alpha {
    margin-top: 2.6rem;
  }
  .main__content .app-download__banner a .btn-alpha span {
    font-size: 1.4rem;
  }
  .main__content .main__section-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 1.6rem);
    margin: 0 0 0 1.6rem;
  }
  .main__content .main__section-group .default__list {
    border-top: 0;
  }
  .main__content .main__section-group .default__list .default__list-items {
    border: 1px var(--SH_Gr_09) solid;
    border-radius: 1rem;
  }
  .main__content .main__section-group .default__list .default__list-items a {
    border-bottom: 0;
  }
  .main__content .main__section-group .rolling__banner .rolling .rolling__list-items .stock__list-info .stock-gap-info {
    margin: 0 0 0 1.6rem;
  }
  .main__content .main__banner-financial {
    width: 35rem;
    height: 16.8rem;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .main__content .main__banner-financial .main__banner-financial-inner {
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
  }
  .main__content .main__banner-financial .main__banner-financial-inner .main__banner-financial-text {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .main__content .section {
    padding: 3.2rem 2.2rem;
  }
}

@media (min-width: 1280px) {
  .finance__wrap .finance__wrap-inner .finance-list .finance-list-items {
    width: calc(100% / 6 - 1.2rem);
  }
}

.pop__event {
  padding-top: 0 !important;
  overflow: hidden;
}

.pop__event .popup__content {
  padding: 0 !important;
}

.popup__today-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 1.8rem;
}

.popup__today-box .checkbox__form input + label {
  color: var(--SH_Gr_04);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .popup__today-box .checkbox__form input + label {
    font-size: 1.6rem;
  }
}

.popup__today-box .checkbox__form input + label::before {
  display: none;
}

.popup__today-box .btn_text {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .popup__today-box .btn_text {
    font-size: 1.8rem;
  }
}

/*공무주청약일정*/
.banner {
  margin-top: 1.6rem;
}

.banner .banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #121C5A;
  border-radius: 8px;
  padding: 1.6rem;
}

.banner .banner__inner .banner__inner-text {
  font-size: 1.3rem;
  color: #FFF;
  font-weight: 500;
}

@media (min-width: 900px) {
  .banner .banner__inner .banner__inner-text {
    font-size: 1.4rem;
  }
}

.banner .banner__inner .btn-alpha {
  display: inline-flex;
  align-items: center;
  height: 3.4rem;
  background: linear-gradient(180deg, #333EEB 0%, #4D39E7 100%);
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 999px;
  padding: 0 1.4rem;
}

.banner .banner__inner .btn-alpha .icon--logo_alpha::before {
  width: 1.7rem;
  height: 1.6rem;
}

.schedule__list-items {
  display: flex;
  flex-direction: column;
  margin-top: 2.8rem;
}

.schedule__list-items:first-child {
  margin-top: 1.6rem;
}

.schedule__list-items .date-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.schedule__list-items .date-box .d-day {
  display: flex;
  color: var(--primary);
  font-size: 1.3rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .schedule__list-items .date-box .d-day {
    font-size: 1.4rem;
  }
}

.schedule__list-items .date-box .d-day::before {
  content: 'D-';
  margin-right: 0.3rem;
}

.schedule__list-items .date-box .date {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .schedule__list-items .date-box .date {
    font-size: 1.4rem;
  }
}

.schedule__list-items .schedule__inner {
  display: flex;
  flex-direction: column;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 1.6rem;
  margin-top: 0.8rem;
}

.schedule__list-items .schedule__inner .schedule__inner-items {
  display: flex;
  align-items: center;
  border-top: 1px var(--SH_Gr_09) solid;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}

.schedule__list-items .schedule__inner .schedule__inner-items:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.schedule__list-items .schedule__inner .schedule__inner-items .img__stocks-logo {
  display: flex;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-right: 1.2rem;
}

.schedule__list-items .schedule__inner .schedule__inner-items .stocks-info {
  display: flex;
  flex-direction: column;
}

.schedule__list-items .schedule__inner .schedule__inner-items .stocks-info .stocks-info-name {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .schedule__list-items .schedule__inner .schedule__inner-items .stocks-info .stocks-info-name {
    font-size: 1.6rem;
  }
}

.schedule__list-items .schedule__inner .schedule__inner-items .stocks-info .stocks-info-price {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  font-weight: 400;
  margin-top: 0.2rem;
}

@media (min-width: 900px) {
  .schedule__list-items .schedule__inner .schedule__inner-items .stocks-info .stocks-info-price {
    font-size: 1.4rem;
  }
}

.stocks-faq {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
}

.stocks-faq .stocks-faq__inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3.2rem 1.8rem 6rem;
}

.stocks-faq .stocks-faq__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px var(--SH_Gr_09) solid;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}

.stocks-faq .stocks-faq__header .h2__title {
  margin-bottom: 0;
}

.stocks-faq .stocks-faq__content .stocks-faq__content-items {
  display: flex;
  flex-direction: column;
}

.stocks-faq .stocks-faq__content .stocks-faq__content-items dt {
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .stocks-faq .stocks-faq__content .stocks-faq__content-items dt {
    font-size: 1.6rem;
  }
}

.stocks-faq .stocks-faq__content .stocks-faq__content-items dt::before {
  content: 'Q.';
  color: var(--primary);
  margin-right: 0.4rem;
}

.stocks-faq .stocks-faq__content .stocks-faq__content-items dd {
  display: flex;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  font-weight: 400;
  margin-top: 0.8rem;
  align-items: baseline;
}

@media (min-width: 900px) {
  .stocks-faq .stocks-faq__content .stocks-faq__content-items dd {
    font-size: 1.4rem;
  }
}

.stocks-faq .stocks-faq__content .stocks-faq__content-items dd::before {
  content: 'A.';
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
  margin-right: 0.4rem;
  flex-shrink: 0;
}

@media (min-width: 900px) {
  .stocks-faq .stocks-faq__content .stocks-faq__content-items dd::before {
    font-size: 1.6rem;
  }
}

.stocks-faq + .noti {
  margin-top: 0;
}

.account-open {
  display: flex;
  flex-direction: column;
  margin: 4.8rem 0 1.2rem;
}

.account-open .account-open__banner {
  background-color: #DFF1FE;
  border-radius: 8px;
  padding: 1.2rem 1.6rem;
  margin-bottom: 0.8rem;
}

.account-open .account-open__banner a {
  display: flex;
  align-items: center;
}

.account-open .account-open__banner a img {
  width: 6rem;
  height: 6rem;
  margin-right: 1.2rem;
}

.account-open .account-open__banner a .banner-text {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_01);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .account-open .account-open__banner a .banner-text {
    font-size: 1.6rem;
  }
}

.account-open .btn-text {
  display: flex;
  justify-content: flex-end;
}

/* 공모주/청약  > 공모주청약 가이드 */
.pssg.section__box {
  padding: 0;
  flex: 1;
  border-top: 1rem var(--SH_Gr_09) solid;
}

.pssg.section__box .cact__banner {
  background: linear-gradient(180deg, #F9EEE4 0%, #ADB6E7 100%);
}

.pssg.section__box .cact__banner .cact__banner-title {
  color: var(--SH_Gr_02);
  width: 100%;
  max-width: 40rem;
  margin-left: 0;
  position: relative;
  min-height: 7.75rem;
  padding-top: .875rem;
  margin: auto;
}

.pssg.section__box .cact__banner .cact__banner-title strong {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 28px;
}

@media (min-width: 900px) {
  .pssg.section__box .cact__banner .cact__banner-title strong {
    font-size: 2.4rem;
  }
}

.pssg.section__box .cact__banner .cact__banner-title span {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 20px;
}

@media (min-width: 900px) {
  .pssg.section__box .cact__banner .cact__banner-title span {
    font-size: 1.4rem;
  }
}

.pssg.section__box .cact__banner .cact__banner-title::before {
  content: '';
  display: block;
  background-image: url(/mweb/cms/images/pssb/pssg-img1-477b394b20dd89b498489bc9abcb0a9d.png);
  background-size: 12rem auto;
  width: 12rem;
  background-repeat: no-repeat;
  height: 7.75rem;
  top: 0rem;
  position: absolute;
  right: 0;
}

.pssg.section__box .cact__banner .cact__banner-list {
  margin-top: .8rem;
  width: 100%;
  max-width: 85.6rem;
}

.pssg.section__box .cact__banner .cact__banner-list::before {
  content: none;
}

.pssg.section__box .th3__dot {
  position: relative;
}

.pssg.section__box .th3__dot .btn__wrap {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.pssg.section__box .th3__dot .btn__wrap .btn-text span {
  font-weight: 400;
  min-width: 10rem;
}

.pssg.section__box .text {
  color: var(--SH_Gr_02);
}

.pssg.section__box .section__list {
  border-radius: 8px;
  border: 1px solid var(--SH_Gr_08);
  padding: 1.6rem;
  margin-top: .8rem;
}

.pssg.section__box .section__list .section__item .item_wrap {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .pssg.section__box .section__list .section__item .item_wrap {
    font-size: 1.4rem;
  }
}

.pssg.section__box .section__list .section__item .item_wrap strong {
  font-size: 1.5rem;
  display: block;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: .2rem;
}

@media (min-width: 900px) {
  .pssg.section__box .section__list .section__item .item_wrap strong {
    font-size: 1.6rem;
  }
}

.pssg.section__box .section__list .section__item:last-child {
  padding-bottom: 0;
}

.pssg.section__box .section__list .section__item ~ .section__item {
  border-top: 1px solid #ECF0FB;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}

.pssg.section__box .num-type.section__list {
  padding-top: 0;
  padding-bottom: 0;
}

.pssg.section__box .num-type.section__list .section__item {
  position: relative;
  padding: 1.6rem 0 1.6rem 3.2rem;
}

.pssg.section__box .num-type.section__list .section__item::before {
  content: '1';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 1.6rem;
  left: 0;
  border-radius: 50%;
  background-color: var(--primary);
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
  line-height: 2.2rem;
  padding-right: 0.1rem;
}

@media (min-width: 900px) {
  .pssg.section__box .num-type.section__list .section__item::before {
    font-size: 1.4rem;
  }
}

.pssg.section__box .num-type.section__list .section__item:nth-child(2)::before {
  content: '2';
}

.pssg.section__box .num-type.section__list .section__item:nth-child(3)::before {
  content: '3';
}

.pssg.section__box .num-type.section__list .section__item .btn__wrap {
  margin-top: .2rem;
}

.pssg.section__box .num-type.section__list .section__item .list__icon-dot li::before {
  width: .3rem;
  height: .3rem;
  background-color: var(--SH_Gr_06);
}

.pssg.section__box .num-type.section__list .section__item .list__icon-dot .emphasis {
  color: var(--primary);
}

.pssg.section__box .num-type.section__list .section__item .list__icon-dot .emphasis::before {
  content: '*';
  display: inline;
  background: none;
  position: relative;
  left: -2px;
  top: 6px;
}

.pssg.section__box .num-type.section__list .section__item ~ .section__item {
  margin-top: 0;
}

.pssg.section__box .num-type.section__list .item__content ~ .list__icon-dot {
  margin-top: .8rem;
}

.pssg.section__box .noborder_list .item {
  margin-bottom: 2.8rem;
}

.pssg.section__box .noborder_list .item:last-child {
  margin-bottom: 0;
}

.pssg.section__box .noborder_list .item .item__title {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  line-height: 2.5rem;
  display: block;
}

@media (min-width: 900px) {
  .pssg.section__box .noborder_list .item .item__title {
    font-size: 1.6rem;
  }
}

.pssg.section__box .noborder_list .item .item__title span {
  color: var(--primary);
  margin-right: .5rem;
}

.pssg.section__box .noborder_list .item .item__content {
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
}

@media (min-width: 900px) {
  .pssg.section__box .noborder_list .item .item__content {
    font-size: 1.4rem;
  }
}

.pssg.section__box .content-wrap > .table {
  margin-top: 1.6rem;
}

.pssg.section__box .content-wrap > .table td {
  color: var(--SH_Gr_04);
  text-align: center;
}

.pssg.section__box .content-wrap > .table td span {
  color: var(--primary);
}

.pssg.section__box .content-wrap > .table .color2 {
  color: var(--SH_Gr_02);
}

.pssg.section__box .content-wrap > .table .border-right {
  border-right: 1px solid var(--SH_Gr_08);
}

.pssg.section__box .content-wrap > .table .align-left {
  text-align: left;
}

.pssg.section__box .txt-list-group {
  margin-bottom: .8rem;
}

.pssg.section__box .txt-list-group strong {
  margin-bottom: .8rem;
  display: block;
}

.tab-contents:first-child .pssg.section__box {
  border-top: 0;
}

.popup__content.pssg .list__icon-dot {
  margin-bottom: .8rem;
}

.popup__content.pssg .list__icon-dot > li {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .popup__content.pssg .list__icon-dot > li {
    font-size: 1.6rem;
  }
}

.popup__content.pssg .list__icon-dot > li::before {
  width: .3rem;
  height: .3rem;
}

.popup__content.pssg .table table tbody tr th {
  background-color: var(--SH_Gr_10);
  word-break: keep-all;
}

.popup__content.pssg .table table tbody tr:first-child th, .popup__content.pssg .table table tbody tr:first-child td {
  border-top: 1px solid #D6DBE8;
}

.popup__content.pssg .table table tbody tr td span {
  margin-top: 1.2rem;
}

@media (min-width: 900px) {
  .banner .banner__inner .btn-alpha {
    height: 3.6rem;
    padding: 0 2rem;
  }
  /* 청약 가이드 */
  .pssg.section__box .cact__banner-title span {
    margin-top: 0.45rem;
  }
  .pssg.section__box .cact__banner .cact__banner-list {
    margin-top: 1.6rem;
  }
  .pssg.section__box .cact__banner .cact__banner-list li {
    width: 50%;
  }
  .pssg.section__box .btn_cert {
    position: static;
  }
  /*  .pssg.section__box .num-type.section__list {    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; padding: 2rem 4rem;
            .section__item {padding-right: 1.6rem; padding-left: 5.2rem;
               &::before {left:2rem;}
            }
            .section__item ~.section__item {    border-left: 1px solid #ECF0FB;border-top:0;}
        }*/
  .noborder_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.8rem 4rem;
  }
}

/*공모주/청약*/
/*계좌개설*/
.mact__section {
  background-color: #F1F3F8;
}

.mact__section .mact__inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 2.8rem 1.8rem;
}

.mact__section .mact__cont-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 0;
}

.mact__section .mact__cont-inner .title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: var(--SH_Gr_02);
}

@media (min-width: 900px) {
  .mact__section .mact__cont-inner .title {
    font-size: 2rem;
  }
}

.mact__section .mact__cont-inner .title::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/acct/img_acct03-886ffe4c38d9c709bd4440d48641d661.png) no-repeat 0 0;
  background-size: 100%;
  margin-left: 0.4rem;
}

.mact__section .mact__cont-inner .text {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  margin-top: 0.8rem;
}

@media (min-width: 900px) {
  .mact__section .mact__cont-inner .text {
    font-size: 1.8rem;
  }
}

.mact__section .mact__cont-inner .tag {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin-top: 0.2rem;
}

@media (min-width: 900px) {
  .mact__section .mact__cont-inner .tag {
    font-size: 1.4rem;
  }
}

.mact__section .mact__cont-inner .btn__round {
  height: 3.6rem;
  border-radius: 999px;
  background-color: #D2D4E1;
  padding: 0 2.4rem;
  margin-top: 1.6rem;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .mact__section .mact__cont-inner .btn__round {
    font-size: 1.4rem;
  }
}

.mact__section .mact__cont-box {
  margin-top: 1.6rem;
}

.mact__section .mact__cont-box:first-child {
  margin-top: 0;
}

.ready__acct-inner {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  padding: 1.8rem 1.6rem;
}

.ready__acct-inner .ready__acct-cont {
  position: relative;
  height: 7.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
}

.ready__acct-inner .ready__acct-cont::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 4rem;
  height: 5.4rem;
  background: url(/mweb/cms/images/acct/img_ready_acct-8034372506c43e9572676e5370436aae.png) no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%);
}

.ready__acct-inner .ready__acct-cont.amcact::after {
  width: 5.4rem;
  height: 5.4rem;
  background: url(/mweb/cms/images/acct/img_acct04-dbb3695f64ac2370a4dd2817c00b68d8.png) no-repeat 0 0;
  background-size: 100%;
}

.ready__acct-inner .ready__acct-cont .ready__acct-title {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .ready__acct-inner .ready__acct-cont .ready__acct-title {
    font-size: 1.8rem;
  }
}

.ready__acct-inner .ready__acct-cont .ready__acct-tag {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .ready__acct-inner .ready__acct-cont .ready__acct-tag {
    font-size: 1.4rem;
  }
}

.ready__acct-inner .btn__wrap,
.alpha__detail-inner .btn__wrap {
  z-index: 1;
  padding: 0;
}

.ready__acct-inner .caption,
.alpha__detail-inner .caption {
  margin-top: 0.8rem;
}

.alpha__detail .alpha__detail-inner {
  display: flex;
  flex-direction: column;
  background-color: #252F49;
  border-radius: 1rem;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 1.8rem 1.6rem;
}

.alpha__detail .alpha__detail-inner .alpha__detail-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.6rem;
  margin-bottom: 2rem;
}

.alpha__detail .alpha__detail-inner .alpha__detail-cont .alpha__detail-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFF;
  font-size: 1.8rem;
}

@media (min-width: 900px) {
  .alpha__detail .alpha__detail-inner .alpha__detail-cont .alpha__detail-title {
    font-size: 2rem;
  }
}

.alpha__detail .alpha__detail-inner .alpha__detail-cont .alpha__detail-title span {
  font-size: 1.3rem;
  font-weight: 400;
}

@media (min-width: 900px) {
  .alpha__detail .alpha__detail-inner .alpha__detail-cont .alpha__detail-title span {
    font-size: 1.4rem;
  }
}

.amact__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.2rem 0;
}

.amact__cont .amact__title {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  text-align: center;
}

@media (min-width: 900px) {
  .amact__cont .amact__title {
    font-size: 1.8rem;
  }
}

.amact__cont .amact__text {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin: 0.6rem 0 2.6rem;
  text-align: center;
}

@media (min-width: 900px) {
  .amact__cont .amact__text {
    font-size: 1.4rem;
  }
}

.bank__list {
  display: flex;
  flex-wrap: wrap;
  margin: 1.6rem 0 0 -0.6rem;
}

.bank__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 4 - 0.6rem);
  height: 3.4rem;
  background-color: #FFF;
  padding: 0.6rem 0.8rem;
  border-radius: 0.6rem;
  margin: 0.6rem 0 0 0.6rem;
}

.acct-open__list .acct-open__list-items {
  display: flex;
  /* background-color: var(--SH_Gr_11); */
  /* border-radius: 8px; */
  /* padding: 1.2rem; */
  align-items: center;
}/*  2025-06-26 수정  */

.acct-open__list .acct-open__list-items .img {
  margin-right: 0.8rem;
  flex-shrink: 0;
}/*  2025-06-26 수정  */

.acct-open__list .acct-open__list-items .list-items-tit {
  font-size: 1.8rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
}/*  2025-06-26 수정  */

@media (min-width: 900px) {
  .acct-open__list .acct-open__list-items .list-items-tit {
    font-size: 1.9rem;
  }
}/*  2025-06-26 수정  */

.acct-open__list .acct-open__list-items .list-items-txt {
  font-size: 1.5rem;
  color: var(--SH_Gr_04);
}/*  2025-06-26 수정  */

@media (min-width: 900px) {
  .acct-open__list .acct-open__list-items .list-items-txt {
    font-size: 1.6rem;
  }
}/*  202

.acct-open__list .acct-open__list-items .list-items-txt .list__icon-dot > li {
  color: var(--SH_Gr_04);
  margin-top: 0;
}

.acct-open__list .acct-open__list-items ~ .acct-open__list-items {
  margin-top: 1.2rem;
}

.acct-open__table th, .acct-open__table td {
  text-align: center;
}

.popup__content .h2__title ~ .h2__title {
  margin-top: 2.8rem;
}

.popup__content .noti {
  margin: 6rem -1.8rem -3.2rem;
}

.popup__content .noti.on {
  position: relative;
  width: auto;
}

/*자녀계좌개설*/
.cact__banner {
  display: flex;
  flex-direction: column;
  background-color: #E4D8FF;
}

.cact__banner .cact__banner-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 2.8rem 1.8rem;
}

.cact__banner .cact__banner-title {
  font-size: 1.8rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
}

@media (min-width: 900px) {
  .cact__banner .cact__banner-title {
    font-size: 2rem;
  }
}

.cact__banner .cact__banner-list {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.35);
  border: 1px #FFF solid;
  border-radius: 8px;
  padding: 1.6rem;
  margin-top: 2.4rem;
}

.cact__banner .cact__banner-list::before {
  content: '';
  position: absolute;
  top: -8.8rem;
  right: 0;
  width: 10.4rem;
  height: 8.7rem;
  background: url(/mweb/cms/images/acct/img_cact_banner-4f7007581c35965e3aafa7acb1b7166b.svg) no-repeat 0 0;
  background-size: 100%;
}

.cact__banner .cact__banner-list .list-items {
  display: flex;
  font-size: 1.3rem;
  margin-top: 0.8rem;
}

@media (min-width: 900px) {
  .cact__banner .cact__banner-list .list-items {
    font-size: 1.4rem;
  }
}

.cact__banner .cact__banner-list .list-items::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background: url(/mweb/cms/images/icons/icon_chk-0d450374605d732d6882a84d6b38395b.svg) no-repeat 0 0;
  background-size: 100%;
  margin: 0.2rem 0.4rem 0 0;
}

.cact__banner .cact__banner-list .list-items:first-child {
  margin-top: 0;
}

.cact__banner .cact__banner-list .list-items .list-items-inner {
  display: flex;
  flex-direction: column;
}

.cact__banner .cact__banner-list .list-items .list-items-inner strong {
  color: var(--SH_Gr_02);
}

.cact__banner .cact__banner-list .list-items .list-items-inner span {
  display: block;
  color: var(--SH_Gr_04);
}

.papers__list {
  margin: 1.6rem 0 2.8rem;
}

.papers__list .papers__list-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  border: 1px var(--SH_Gr_07) solid;
  border-radius: 8px;
  padding: 1.6rem;
}

.papers__list .papers__list-items ~ .papers__list-items {
  margin-top: 0.8rem;
}

.papers__list .papers__list-items .list-items-tit {
  font-size: 1.5rem;
  display: flex;
  color: var(--SH_Gr_02);
  align-items: center;
}

@media (min-width: 900px) {
  .papers__list .papers__list-items .list-items-tit {
    font-size: 1.6rem;
  }
}

.papers__list .papers__list-items .list-items-tit::before {
  content: '';
  width: 3rem;
  height: 3rem;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.papers__list .papers__list-items .list-items-txt {
  color: var(--primary);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .papers__list .papers__list-items .list-items-txt {
    font-size: 1.4rem;
  }
}

.papers__list .papers__list-items:nth-child(1) .list-items-tit::before {
  background-image: url(/mweb/cms/images/acct/icon_paper-list01-30856d32637a31ab31efe633e30b41ec.svg);
}

.papers__list .papers__list-items:nth-child(2) .list-items-tit::before {
  background-image: url(/mweb/cms/images/acct/icon_paper-list02-3926b0a3403fc40ab10a2fd03405ee9a.svg);
}

.papers__list .papers__list-items:nth-child(3) .list-items-tit::before {
  background-image: url(/mweb/cms/images/acct/icon_paper-list03-c687b11fa051360ca27c7551ec99a1d5.svg);
}

.papers__list .papers__list-items:nth-child(4) .list-items-tit::before {
  background-image: url(/mweb/cms/images/acct/icon_paper-list04-b1962ed2b603fcb383f1591d598d47c1.svg);
}

/*자녀계좌개설 - 서류 발급 방법 팝업*/
.papers__step-items {
  padding: 2.8rem 0;
}

.papers__step-items .items-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.papers__step-items .items-inner .step {
  font-size: 1.5rem;
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 1.2rem;
}

@media (min-width: 900px) {
  .papers__step-items .items-inner .step {
    font-size: 1.6rem;
  }
}

.papers__step-items .items-inner .step-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.papers__step-items .items-inner .step-cont .step-cont-title {
  font-size: 1.6rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .papers__step-items .items-inner .step-cont .step-cont-title {
    font-size: 1.8rem;
  }
}

.papers__step-items .items-inner .step-cont .step-cont-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .papers__step-items .items-inner .step-cont .step-cont-text {
    font-size: 1.4rem;
  }
}

.papers__step-items .items-inner .step-cont .step-cont-img {
  margin-top: 1.6rem;
}

/*휴면계좌 찾기*/
.agree {
  display: flex;
  flex-direction: column;
}

.agree .agree__title {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  font-weight: 500;
  margin-bottom: 2.8rem;
  letter-spacing: -0.1px;
}

@media (min-width: 900px) {
  .agree .agree__title {
    font-size: 1.6rem;
  }
}

.agree__box {
  margin: 4rem 0 1.6rem;
  border: 1px var(--SH_Gr_07) solid;
  border-radius: 8px;
}

.agree__box .checkbox {
  padding: 1.6rem;
}

.agree__box .agree__cont {
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
  border-top: 1px var(--SH_Gr_07) solid;
  padding: 1.6rem;
}

@media (min-width: 900px) {
  .agree__box .agree__cont {
    font-size: 1.4rem;
  }
}

/*휴면계좌 찾기 완료 팝업*/
.complet-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3rem 0 4rem;
}

.complet-box .complet-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .complet-box .complet-title {
    font-size: 1.8rem;
  }
}

.complet-box .complet-title::before {
  content: '';
  width: 6rem;
  height: 6rem;
  background: url(/mweb/cms/images/icons/icon_complet-9214792a1bf5b5abdceb62ea7edee012.svg) no-repeat 0 0;
  background-size: 100%;
  margin-bottom: 1.6rem;
}

.complet-box .complet-text {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin: 0.8rem 0 4rem;
}

@media (min-width: 900px) {
  .complet-box .complet-text {
    font-size: 1.4rem;
  }
}

.dormant {
  flex: 1;
}

.dormant .dormant__list {
  display: flex;
  flex-direction: column;
  background-color: var(--SH_Gr_11);
  border-radius: 8px;
  padding: 1.6rem;
  margin-bottom: 1.6rem;
}

.dormant .dormant__list .dormant__list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.8rem;
  border-bottom: 1px var(--SH_Gr_08) solid;
  margin-bottom: 0.8rem;
}

.dormant .dormant__list .dormant__list-header .tit {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
}

@media (min-width: 900px) {
  .dormant .dormant__list .dormant__list-header .tit {
    font-size: 1.6rem;
  }
}

.dormant .dormant__list .dormant__list-header .num {
  font-weight: 400;
}

.dormant .dormant__list .dormant__list-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.8rem;
}

.dormant .dormant__list .dormant__list-cont .acct-num {
  font-size: 1.5rem;
  color: var(--SH_Gr_04);
  font-weight: 500;
}

@media (min-width: 900px) {
  .dormant .dormant__list .dormant__list-cont .acct-num {
    font-size: 1.6rem;
  }
}

.dormant .dormant__list .dormant__list-cont .acct-price {
  color: var(--SH_Gr_02);
}

.agree__box + .caption {
  margin-top: -1rem;
}

.phone__certify {
  margin-top: 2.8rem;
}

.phone__certify .agree__box {
  margin: -0.8rem 0 1.6rem;
}

.phone__certify .ipt-group {
  align-items: flex-start;
}

.phone__certify .btn__wrap .btn__inner {
  padding: 3.2rem 0 0;
}

.ncch__header {
  background-color: #FFF;
}

.ncch__header .ncch__header-inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 2.8rem 1.8rem;
  overflow: hidden;
}

.ncch__header .ncch__header-inner .ncch__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--SH_Gr_02);
  font-size: 2rem;
}

@media (min-width: 900px) {
  .ncch__header .ncch__header-inner .ncch__title {
    font-size: 2.4rem;
  }
}

.ncch__header .ncch__header-inner .ncch__title::after {
  content: '';
  width: 14rem;
  height: 13rem;
  background: url(/mweb/cms/images/acct/img_ncch_bg-a1b0dedc7120b8da825eb7a2b698c939.png) no-repeat 0 0;
  background-size: 100%;
  margin-bottom: -6rem;
}

.list__box-items {
  display: flex;
  align-items: center;
  background-color: #FFF;
  border-radius: 1rem;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 1.6rem;
}

.list__box-items::before {
  content: '';
  width: 4rem;
  height: 4rem;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 1.2rem;
}

.list__box-items.item01::before {
  background-image: url(/mweb/cms/images/acct/icon_ncch01-16b38e7591e5ba68142f969184ed5798.svg);
}

.list__box-items.item02::before {
  background-image: url(/mweb/cms/images/acct/icon_ncch02-9565cf1581be932aefca624de026b919.svg);
}

.list__box-items.item03::before {
  background-image: url(/mweb/cms/images/acct/icon_ncch03-1c18daf149661dccb6933d98985ab699.svg);
}

.list__box-items a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.list__box-items a::after, .list__box-items a.active:after {
  content: '';
  transform: rotate(-90deg);
}

.list__box-items ~ li {
  margin-top: 1.2rem;
}

.list__box-items dt {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .list__box-items dt {
    font-size: 1.8rem;
  }
}

.list__box-items dd {
  color: var(--SH_Gr_04);
  word-break: keep-all;
}

.alpha__guide {
  display: flex;
  align-items: center;
  background-color: #D9DAFF;
  border-radius: 1rem;
  padding: 1.6rem;
  margin-top: 2.8rem;
}

.alpha__guide::before {
  content: '';
  width: 3.6rem;
  height: 3.6rem;
  background: url(/mweb/cms/images/acct/icon_alpha_app-f0997f93b888a4578bb88bd68604d253.svg) no-repeat 50%;
  background-size: 100%;
  flex-shrink: 0;
  margin-right: 1.2rem;
}

.alpha__guide dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .alpha__guide dt {
    font-size: 1.6rem;
  }
}

.alpha__guide dd {
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .alpha__guide dd {
    font-size: 1.4rem;
  }
}

.cont-box {
  display: flex;
  flex-direction: column;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin-top: 1.6rem;
}

.cont-box .cont-box-inner ~ .cont-box-inner {
  border-top: 1px var(--SH_Gr_09) solid;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}

.cont-box .cont-box-inner dl {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 5.2rem;
}

.cont-box .cont-box-inner dl::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 4rem;
  height: 4rem;
  transform: translateY(-50%);
}

.cont-box .cont-box-inner dl dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .cont-box .cont-box-inner dl dt {
    font-size: 1.6rem;
  }
}

.cont-box .cont-box-inner dl dd {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .cont-box .cont-box-inner dl dd {
    font-size: 1.4rem;
  }
}

.cont-box .cont-box-inner.acct-mo dl::before {
  background: url(/mweb/cms/images/acct/icon_mweb-e2400a09a9079a84ec06b2a929ba65f0.svg) no-repeat 0 0;
}

.cont-box .cont-box-inner.acct-app dl::before {
  background: url(/mweb/cms/images/acct/icon_alpha_app-f0997f93b888a4578bb88bd68604d253.svg) no-repeat 50%;
  background-size: 4rem;
}

.cont-box .cont-box-inner.acct-shinhan dl::before {
  background: url(/mweb/cms/images/acct/icon_shinhan-bf1eea6d4edd01887b7e7744f6162e19.png) no-repeat 0 0;
  background-size: 100%;
}

.cont-box .cont-box-inner.trading dl {
  padding: 0 7.2rem 0 0;
}

.cont-box .cont-box-inner.trading dl::before {
  top: 0;
  left: auto;
  right: 0;
  width: 6rem;
  height: 6rem;
  background: url(/mweb/cms/images/acct/icon_trading-40c3b80286cdc6db405816e34571b5fc.png) no-repeat 0 0;
  background-size: 100%;
  transform: translateY(0);
}

.cont-box .cont-box-inner.trading.ars dl::before {
  background: url(/mweb/cms/images/acct/icon_ars-0582f7d59881070ef7b6d5480adf649a.png) no-repeat 0 0;
  background-size: 100%;
}

.cont-box .cont-box-inner.trading.certify {
  margin: 0;
}

.cont-box .cont-box-inner.trading.certify dl::before {
  background: url(/mweb/cms/images/acct/icon_certify-a625bda5e4b8d3b321344e597668b56e.png) no-repeat 0 0;
  background-size: 100%;
}

.cont-box .cont-box-inner.trading.banking dl::before {
  background: url(/mweb/cms/images/acct/icon_banking-14e1899fea845cdef325485950bfcb71.png) no-repeat 0 0;
  background-size: 100%;
}

.cont-box .cont-box-inner.trading.sign dl::before {
  background: url(/mweb/cms/images/acct/icon_sign-f9bba7e0909228b786d6300829a710a0.png) no-repeat 0 0;
  background-size: 100%;
}

.cont-box ~ .cont-box {
  margin-top: 1.6rem;
}

.btn-box {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
}

.btn-box button {
  width: 50%;
  height: 4.7rem;
  background-color: #FFF;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 2.6rem;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
}

.btn-box .btn__ios-store {
  background-image: url(/mweb/cms/images/acct/ios-store-9947c248a2c7cb3ee112c7a1690cb14d.png);
}

.btn-box .btn__play-store {
  background-image: url(/mweb/cms/images/acct/play-store-208335b40c7db902790f2fb1fd15dbb5.png);
  margin-left: 0.8rem;
}

.section__box + .noti {
  margin-top: 3.2rem;
}

.acct-open__list + .sub-text {
  margin-top: 1.6rem;
}

.sub-text + .btn-text {
  display: block;
  margin-top: -0.8rem;
}

.shinhan__acct {
  display: flex;
  align-items: center;
}

.shinhan__acct .btn__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 12.3rem;
  border: 1px var(--SH_Gr_08) solid;
  padding: 0 0.8rem;
  border-radius: 1rem;
}

.shinhan__acct .btn__box ~ .btn__box {
  margin-left: 1.2rem;
}

.shinhan__acct .btn__box button {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .shinhan__acct .btn__box button {
    font-size: 1.6rem;
  }
}

.shinhan__acct .btn__box button::before {
  content: '';
  width: 5rem;
  height: 5rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 0.8rem;
}

.shinhan__acct .btn__box button.btn__shinhan-sol::before {
  background-image: url(/mweb/cms/images/acct/btn__shinhan-sol-29a143f17f53b1a227746f9a53125fb9.png);
}

.shinhan__acct .btn__box button.btn__shinhan-plus::before {
  background-image: url(/mweb/cms/images/acct/btn__shinhan-plus-029292e7d23baa13935e4702a8cc3b4c.svg);
}

.noti .table {
  margin: 0.8rem 0 1.6rem;
}

.noti .table thead th {
  text-align: center;
}

.noti .table tbody td {
  text-align: center;
  background-color: #FFF;
}

.banking-certify__list {
  margin-top: 0.8rem;
}

.banking-certify__list .banking-certify__items {
  background-color: var(--SH_Gr_10);
  border-radius: 0.5rem;
  padding: 1.2rem;
  margin-top: 0.8rem;
}

.banking-certify__list .banking-certify__items strong {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .banking-certify__list .banking-certify__items strong {
    font-size: 1.4rem;
  }
}

.banking-certify__list .banking-certify__items .dot {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .banking-certify__list .banking-certify__items .dot {
    font-size: 1.4rem;
  }
}

.banking-certify__list .banking-certify__items .dot::before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--SH_Gr_06);
  border-radius: 50%;
  margin-right: 0.6rem;
  flex-shrink: 0;
}

.acct-open__list.guide {
  margin-bottom: 1.6rem;
}

.acct-open__list.guide + button {
  margin-bottom: 2.8rem;
}

.transkey_input_div {
  display: none !important;
}

.dv_transkey_div_b {
  background-color: var(--primary) !important;
}

@media (min-width: 600px) {
  .ncch__header .ncch__header-inner .ncch__title {
    justify-content: space-evenly;
  }
  .ncch__header .ncch__header-inner .ncch__title br {
    display: none;
  }
  .bank__list li {
    max-width: 8rem;
  }
}

@media (min-width: 900px) {
  .mact__section {
    margin: -1.6rem 0 0 -1.6rem;
  }
  .mact__section .mact__cont-box:first-child {
    margin-top: 1.6rem;
  }
  .mact__inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .mact__inner .mact__cont-box {
    width: calc(50% - 2rem);
    margin: 1.6rem 0 0 2rem;
  }
  .mact__inner .ready__acct-open button,
  .mact__inner .alpha__detail button {
    width: 100%;
  }
  .amact {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .amact .bank__list {
    margin: 0 0 0 -0.8rem;
    padding: 0 2rem;
  }
  .amact .bank__list li {
    width: calc(100% /6 - 0.8rem);
    max-width: 100%;
  }
  .amact__cont {
    width: 30rem;
    flex-shrink: 0;
  }
  .acct-open__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.2rem;
  }
  .acct-open__list .acct-open__list-items {
    width: calc(50% - 0.6rem);
    margin-top: 1.2rem;
  }
  .acct-open__list .acct-open__list-items:nth-child(even) {
    margin-left: 1.2rem;
  }
  .cact__banner {
    align-items: center;
  }
  .cact__banner .cact__banner-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cact__banner .cact__banner-title {
    margin-left: -9.3rem;
  }
  .cact__banner .cact__banner-list {
    flex-direction: row;
    align-items: baseline;
    padding: 2rem;
    justify-content: space-between;
  }
  .cact__banner .cact__banner-list::before {
    right: 19rem;
  }
  .cact__banner .cact__banner-list .list-items ~ .list-items {
    margin-left: 1.6rem;
  }
  .btn_cert {
    position: absolute;
    top: 2.8rem;
    right: 2.2rem;
  }
  .papers__list {
    display: inline-block;
    width: calc(50% - 2.8rem);
    vertical-align: top;
    margin: 0;
  }
  .papers__list + .list__icon-dot {
    display: inline-block;
    width: calc(50% - 0.4rem);
    margin-left: 2.8rem;
    vertical-align: top;
  }
  .papers__step-list {
    padding: 0 9rem;
  }
  .popup__content .noti {
    margin: 6rem -2.8rem -3.2rem;
  }
  .bank__list {
    margin: 2.6rem 0 0 -0.8rem;
  }
  .bank__list li {
    width: calc(100% / 7 - 0.8rem);
    padding: 0.6rem 1rem;
    margin: 0.8rem 0 0 0.8rem;
  }
  .bank__list li img {
    width: auto;
  }
  .ncch__list {
    display: flex;
  }
  .ncch__list .list__box-items ~ li {
    margin: 0 0 0 2rem;
  }
}

/*계좌개설*/
.analyst.content {
  overflow-y: hidden;
}

.visual__analyst {
  background: linear-gradient(to bottom, #D6FDFF 0%, #C6C8FF 100%);
}

.visual__analyst .visual__analyst-inner {
  width: 100%;
  max-width: 128rem;
  padding: 2.8rem 1.8rem;
  margin: 0 auto;
}

.visual__analyst .analyst__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 900px) {
  .visual__analyst .analyst__text {
    font-size: 2rem;
  }
}

.visual__analyst .analyst__box {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
}

.visual__analyst .analyst__box .analyst__info {
  align-items: center;
  justify-content: space-around;
}

.visual__analyst .analyst__box .analyst__info .img {
  width: 13rem;
}

.visual__analyst .analyst__box .analyst__info .user-info .email a {
  color: var(--SH_Gr_02);
}

.visual__analyst .analyst__box .analyst__info .user-info .pop-btn {
  margin-top: 1.6rem;
}

.visual__analyst .analyst__box .analyst__profile {
  padding-left: 2.8rem;
  border-left: 1px var(--SH_Gr_08) solid;
  margin-left: 2.8rem;
}

.visual__analyst .analyst__box .analyst__profile .analyst__profile-items dl {
  display: flex;
}

.visual__analyst .analyst__box .analyst__profile .analyst__profile-items dl dt {
  font-size: 1.3rem;
  min-width: 5.2rem;
  margin-right: 2.8rem;
}

@media (min-width: 900px) {
  .visual__analyst .analyst__box .analyst__profile .analyst__profile-items dl dt {
    font-size: 1.4rem;
  }
}

.analyst__box {
  background-color: #FFF;
  border: 1px #FFF solid;
  border-radius: 1rem;
  padding: 1.6rem;
  margin-top: 1.6rem;
}

.analyst__box .analyst__info {
  display: flex;
}

.analyst__box .analyst__info .user-info {
  font-size: 1.2rem;
}

.analyst__box .analyst__info .user-info .name {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .analyst__box .analyst__info .user-info .name {
    font-size: 1.8rem;
  }
}

.analyst__box .analyst__info .user-info .name span {
  font-size: 1.2rem;
  font-weight: 400;
  margin-left: 0.8rem;
}

.analyst__box .analyst__info .user-info .email a {
  color: var(--SH_Gr_05);
  letter-spacing: 0;
}

.analyst__box .analyst__info .user-info .pop-btn {
  margin-top: 1.2rem;
}

.analyst__profile-items ~ .analyst__profile-items {
  margin-top: 1.6rem;
}

.analyst__profile-items dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

@media (min-width: 900px) {
  .analyst__profile-items dt {
    font-size: 1.6rem;
  }
}

.analyst__profile-items .list__icon-dot li {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .analyst__profile-items .list__icon-dot li {
    font-size: 1.6rem;
  }
}

.analyst__list .analyst__list-items:first-child .analyst__box {
  margin-top: 0;
}

.analyst__list .img {
  width: 7rem;
  margin-right: 1.6rem;
}

.analyst__list .analyst__box .analyst__info .user-info .name {
  flex-direction: column;
  align-items: flex-start;
}

.analyst__list .analyst__box .analyst__info .user-info .name span {
  color: var(--primary);
  margin: 0 0 0.4rem 0;
  font-weight: 500;
}

.analyst__list .analyst__box .analyst__info .user-info .pop-btn {
  display: flex;
  align-items: center;
}

.analyst__list .analyst__box .analyst__info .user-info .pop-btn button ~ button {
  margin-left: 0.4rem;
}

.analyst-list .list__items .list__area {
  width: 100%;
}

.list.analyst-list .list__items:first-child {
  padding-top: 1.6rem;
}

.popup-full .popup__content.analyst {
  padding: 0;
}

.popup-full .popup__content.analyst .analyst-bg {
  background-color: var(--SH_Gr_10);
  padding: 1.2rem 1.6rem;
}

.popup-full .popup__content.analyst .analyst-bg .analyst__box {
  margin-top: 0;
}

.popup-full .popup__content.analyst .analyst__box .analyst__info {
  align-items: center;
}

.popup-full .popup__content.analyst .analyst__box .analyst__info .img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.6rem;
}

.popup-full .popup__content.analyst .analyst__box .analyst__info .name {
  flex-direction: column;
  align-items: flex-start;
}

.popup-full .popup__content.analyst .analyst__box .analyst__info .name .position {
  margin-left: 0;
  color: var(--primary);
}

.popup-full .popup__content.analyst .analyst__profile {
  padding: 2.8rem 1.8rem;
}

.plus {
  background: linear-gradient(to bottom, #FF4B50 0%, #FFB29A 100%);
}

.plus .plus__inner {
  width: 100%;
  max-width: 128rem;
  padding: 2.8rem 1.8rem 5rem;
  margin: 0 auto;
}

.plus .plus__inner .plus__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFF;
  font-size: 1.8rem;
  text-align: center;
}

@media (min-width: 900px) {
  .plus .plus__inner .plus__title {
    font-size: 2rem;
  }
}

.plus .plus__inner .plus__title::before {
  content: '';
  width: 20rem;
  height: 4.8rem;
  background: url(/mweb/cms/images/invt/img_invt_plus-b8e970b2fa5fe1adf3ee383eb4e6a991.png) no-repeat 0 0;
  background-size: 100%;
  margin-bottom: 1.2rem;
}

.set-round {
  max-width: none;
  background-color: #FFF;
  border-radius: 1rem 1rem 0 0;
  margin-top: -1rem;
}

.set-round .section__inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}

.h2__header {
  position: relative;
}

.box-tip {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 2.4rem;
  color: #FFF;
  font-size: 1.2rem;
  background-color: var(--SH_Gr_03);
  border-radius: 1.2rem;
  padding: 0 0.7rem;
  margin-bottom: 1.5rem;
}

.box-tip::after {
  content: '';
  position: absolute;
  bottom: -0.7rem;
  left: 1.2rem;
  border-top: 0.9rem var(--SH_Gr_03) solid;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
}

.box-list {
  margin-top: 1.6rem;
}

.box-list .list__items {
  background-color: var(--SH_Gr_11);
  border-radius: 0.8rem;
  padding: 1.6rem;
}

.box-list .list__items ~ .list__items {
  margin-top: 0.8rem;
}

.plus-list {
  margin-bottom: 4.8rem;
}

.plus__items-text {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .plus__items-text {
    font-size: 1.6rem;
  }
}

.plus__items-text::before {
  content: '';
  width: 3rem;
  height: 3rem;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 0.8rem;
}

.plus__items-text strong {
  margin: 0 0.4rem;
}

.plus01 .plus__items-text::before {
  background-image: url(/mweb/cms/images/invt/iocn_plus01-77e947a1a99645b8de335c542d2a1351.png);
}

.plus02 .plus__items-text::before {
  background-image: url(/mweb/cms/images/invt/iocn_plus02-25d09fa0869235015754f2409b2c523f.png);
}

.plus03 .plus__items-text::before {
  background-image: url(/mweb/cms/images/invt/iocn_plus03-3926243f1e59771a05a6246d778e2662.png);
}

.plus04 .plus__items-text::before {
  background-image: url(/mweb/cms/images/invt/iocn_plus04-3870c637df3fad916503e5e6e7eb8ffd.png);
}

.eyin .pop__h3-title {
  margin-bottom: 0.6rem;
}

.eyin .list__icon-dot {
  margin-bottom: 1.6rem;
}

.combo-visual {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}

.text__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  text-align: center;
}

@media (min-width: 900px) {
  .text__box {
    font-size: 1.4rem;
  }
}

.text__box .text {
  margin-bottom: 0.6rem;
}

.challenge-info {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 0.8rem;
  margin-top: 2.8rem;
  padding: 1.6rem;
}

.event__header {
  position: relative;
  text-align: center;
  padding: 0.8rem 0;
}

.event__header::after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--SH_Gr_02);
}

.event__header .h2__title {
  position: relative;
  display: inline-flex;
  background-color: #FFF;
  margin-bottom: 0;
  padding: 0 2rem;
  z-index: 1;
}

.challenge-info__list .challenge-info__list-items {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 1.6rem;
  border-top: 1px var(--SH_Gr_09) solid;
  padding-top: 1.6rem;
}

.challenge-info__list .challenge-info__list-items:first-child {
  padding-top: 0;
  border-top: 0;
}

.challenge-info__list .challenge-info__list-items .i__step {
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.2rem 0.4rem;
  background-color: var(--primary);
  border-radius: 0.5rem;
  letter-spacing: 0;
}

.challenge-info__list .challenge-info__list-items .title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  margin: 0.8rem 0 1.2rem;
}

@media (min-width: 900px) {
  .challenge-info__list .challenge-info__list-items .title {
    font-size: 1.6rem;
  }
}

.challenge-info__list .challenge-info__list-items .img {
  width: 18rem;
}

.challenge__sub-text-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.8rem;
}

.challenge__sub-text-box .sub-tit {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 900px) {
  .challenge__sub-text-box .sub-tit {
    font-size: 1.4rem;
  }
}

.challenge__sub-text-box .sub-txt {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin-top: 0.8rem;
}

@media (min-width: 900px) {
  .challenge__sub-text-box .sub-txt {
    font-size: 1.4rem;
  }
}

.pl8 {
  padding-left: .8rem;
}

.eyin.section__box {
  padding: 0;
  color: var(--SH_Gr_02);
}

.eyin.section__box .section__inner {
  background-color: #fff;
}

.eyin.section__box .section__inner ~ .section__inner {
  border-top: 10px solid var(--SH_Gr_09);
  margin-top: 0;
}

.eyin.section__box .combination {
  margin: 0 auto;
  text-align: center;
}

.eyin.section__box .combination::before {
  content: '';
  display: block;
  width: 16rem;
  height: 12rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  margin: 0 auto;
  margin-bottom: .4rem;
}

.eyin.section__box .combination h3 {
  font-weight: 700;
  line-height: 2.6rem;
  letter-spacing: -0.009rem;
  font-size: 1.8rem;
  margin-bottom: .8rem;
}

@media (min-width: 900px) {
  .eyin.section__box .combination h3 {
    font-size: 2rem;
  }
}

.eyin.section__box .combination p {
  font-size: 1.3rem;
  color: var(--SH_Gr_04);
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .eyin.section__box .combination p {
    font-size: 1.4rem;
  }
}

.eyin.section__box .combination a {
  display: inline-block;
  color: var(--primary);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  text-decoration-line: underline;
  margin-top: 1.2rem;
  position: relative;
  padding-right: 2.4rem;
  padding-top: .1rem;
}

@media (min-width: 900px) {
  .eyin.section__box .combination a {
    font-size: 1.4rem;
  }
}

.eyin.section__box .combination a:after {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/invt/barw-right-3896a27f38301989190f1e882cf4afbc.svg) center center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.eyin.section__box .part1 .combination::before {
  width: 17.2rem;
  height: 14.8rem;
  background-image: url(/mweb/cms/images/invt/eyin-img1-62b7e42b5cc70fd3598b5f2c785030be.png);
}

.eyin.section__box .part1.regular .combination::before {
  background-image: url(/mweb/cms/images/invt/eyin-img2-04907ae4a91c40f8ef5a8af8bb76a957.png);
}

.eyin.section__box .combi-list li ~ li {
  margin-top: 4rem;
}

.eyin.section__box .combi-list li:nth-child(1) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon1-28558c41519f4c09150542a8794f3d0c.svg);
}

.eyin.section__box .combi-list li:nth-child(2) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon2-54593568d751955b132eb28187bf8bb5.svg);
}

.eyin.section__box .combi-list li:nth-child(3) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon3-cb7a169c94fbdbe35951bac82aefaf09.svg);
}

.eyin.section__box .part2.regular .combi-list li:nth-child(1) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon5-615146ebe0c96b4666ea714d280db480.svg);
}

.eyin.section__box .part2.regular .combi-list li:nth-child(2) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon7-b5bc7875ead9d16f0626fe9557a4dc36.svg);
}

.eyin.section__box .part2.regular .combi-list li:nth-child(3) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon8-2195833e330413ea935dffda06ee9a66.svg);
}

.eyin.section__box .part2.regular.abroad .combi-list li:nth-child(1) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon5-615146ebe0c96b4666ea714d280db480.svg);
}

.eyin.section__box .part2.regular.abroad .combi-list li:nth-child(2) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon6-a4b3b4f85e78015ac6006cc42b102064.svg);
}

.eyin.section__box .part2.regular.abroad .combi-list li:nth-child(3) .combination:before {
  background-image: url(/mweb/cms/images/invt/eyin_icon8-2195833e330413ea935dffda06ee9a66.svg);
}

.eyin.section__box .part3 p {
  margin-bottom: 1.6rem;
}

.eyin.section__box .part3 p:last-child {
  margin-bottom: 0;
}

.eyin.section__box .left-img-box::before {
  content: '';
  display: block;
  width: 16rem;
  height: 12rem;
  margin: 0 auto 1.6rem;
  background: url(/mweb/cms/images/invt/eyin_icon4-3f71cc27b792161de2561983d7d4f94f.svg) center center no-repeat;
  background-size: 100% auto;
}

.eyin.section__box .left-img-box p {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -0.0075rem;
}

@media (min-width: 900px) {
  .eyin.section__box .left-img-box p {
    font-size: 1.6rem;
  }
}

.eyin.section__box .left-img-box p br {
  display: none;
}

.eyin.section__box .left-img-box span {
  display: block;
}

.eyin.section__box .left-img-box .caption {
  margin-top: .8rem;
}

.eyin.section__box .section > strong {
  display: block;
  margin-bottom: .8rem;
}

.eyin.section__box .section.four {
  padding-top: 0;
}

.eyin.section__box .section.four > p {
  margin-bottom: 1.6rem;
}

.eyin.section__box .section.four .time-graph {
  padding: 2rem 1.2rem;
  border-radius: 1rem;
  border: 1px solid var(--SH_Gr_08);
  margin-bottom: 2.8rem;
}

.eyin.section__box .section.four .time-graph ul {
  display: flex;
  max-width: 64rem;
  margin: 0 auto;
}

.eyin.section__box .section.four .time-graph ul li {
  margin-top: .4rem;
}

.eyin.section__box .section.four .time-graph ul li p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.005rem;
  text-align: center;
  margin-bottom: .8rem;
}

.eyin.section__box .section.four .time-graph ul li .graph {
  display: block;
  width: 100%;
  height: .9rem;
  background-color: var(--SH_Gr_07);
}

.eyin.section__box .section.four .time-graph ul li .graph:before {
  content: '';
  display: block;
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid var(--SH_Gr_07);
  margin-left: -.45rem;
}

.eyin.section__box .section.four .time-graph ul li .time {
  display: block;
  color: var(--SH_Gr_04);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.005rem;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(1) {
  width: 40%;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(2) {
  width: 20%;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(2) .graph {
  background-color: #BC51E2;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(3) {
  width: 25%;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(3) .graph {
  background-color: #7132F8;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(3) .graph:before {
  border-color: #BC51E2;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(4) {
  width: 15%;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(4) p {
  font-weight: 700;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(4) .time {
  text-align: right;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(4) .graph {
  background-color: #290CD6;
  position: relative;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(4) .graph:before {
  border-color: #7132F8;
}

.eyin.section__box .section.four .time-graph ul li:nth-child(4) .graph:after {
  content: '';
  display: block;
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #290CD6;
  position: absolute;
  top: 0;
  right: -.45rem;
}

.eyin.section__box .section.four .table td strong {
  display: block;
  color: var(--SH_Gr_02);
}

.eyin.section__box .section.five .list__icon-dot > li {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .eyin.section__box .section.five .list__icon-dot > li {
    font-size: 1.6rem;
  }
}

.eyin.section__box .list__icon-dot > li::before {
  width: .3rem;
  height: .3rem;
  background-color: var(--SH_Gr_06);
  line-height: 2.5rem;
  letter-spacing: -0.0075rem;
}

.eyin.section__box .bg-wrap {
  padding: 1.2rem;
  border-radius: .5rem;
  background: var(--SH_Gr_10);
  font-size: 1.3rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 900px) {
  .eyin.section__box .bg-wrap {
    font-size: 1.4rem;
  }
}

.eyin.section__box .bg-wrap:last-child {
  margin-bottom: 0;
}

.eyin.section__box .bg-wrap > strong {
  margin-bottom: .4rem;
  display: block;
}

.eyin.section__box .bg-wrap .caption {
  display: block;
}

.eyin.section__box .bg-wrap .caption.dark {
  color: var(--SH_Gr_02);
}

.eyin.section__box .bg-wrap .list__icon-dot {
  margin-bottom: 1.2rem;
}

.eyin.section__box .bg-wrap .list__icon-dot li {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .eyin.section__box .bg-wrap .list__icon-dot li {
    font-size: 1.4rem;
  }
}

.eyin.section__box .bg-wrap .list__icon-dot:last-child {
  margin-bottom: 0;
}

.eyin.section__box strong.line {
  padding-top: 1.6rem;
  border-top: 1px solid var(--SH_Gr_08);
}

.plus.fun_invest {
  background: linear-gradient(to bottom, #95CCFF 0%, #D6F8FF 52.6%, #FFE8D2 100%);
}

.plus.fun_invest .plus__inner {
  padding: 2.8rem 1.8rem;
}

.plus.fun_invest .plus__cont-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.plus.fun_invest .plus__cont-box::after {
  content: '';
  width: 17rem;
  height: 12rem;
  background: url(/mweb/cms/images/invt/img_eyin_vi-7aa78e9015e8614fadfbe961a02027c3.png) no-repeat 0 0;
  background-size: 100%;
  margin-top: 0.8rem;
}

.plus.fun_invest .plus__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .plus.fun_invest .plus__title {
    font-size: 2.4rem;
  }
}

.plus.fun_invest .plus__title span {
  font-size: 1.3rem;
  font-weight: 400;
  margin-bottom: 0.6rem;
}

@media (min-width: 900px) {
  .plus.fun_invest .plus__title span {
    font-size: 1.4rem;
  }
}

.plus.fun_invest .plus__title:before {
  content: none;
}

.plus__section-wrap {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}

.story-now__img {
  height: 24rem;
  background-color: #F2F7FF;
  border-radius: 1.6rem;
  text-align: center;
}

.story-now__img img {
  height: 100%;
  width: auto;
}

.pollntalk__swiper {
  position: relative;
  overflow: hidden;
}

.pollntalk__swiper .pollntalk__list-items {
  background-color: var(--SH_Gr_11);
  border-radius: 1.5rem;
  padding: 2rem;
}

.pollntalk__swiper .pollntalk__list-items:nth-child(1) {
  --bar-bg1: #674EFF;
  --bar-bg2: #B5AEFF;
}

.pollntalk__swiper .pollntalk__list-items:nth-child(2) {
  --bar-bg1: #3FBAFF;
  --bar-bg2: #94D8FF;
}

.pollntalk__swiper .pollntalk__list-items:nth-child(3) {
  --bar-bg1: #00C78B;
  --bar-bg2: #87DCB3;
}

.pollntalk__swiper .pollntalk__list-items:nth-child(4) {
  --bar-bg1: #FF9820;
  --bar-bg2: #FFCB7D;
}

.pollntalk__swiper .pollntalk__list-items:nth-child(5) {
  --bar-bg1: #F140A0;
  --bar-bg2: #F8A0CA;
}

.pollntalk__swiper .pollntalk__list-items a {
  display: flex;
  flex-direction: column;
}

.pollntalk__swiper .pollntalk__list-items .items__text {
  color: var(--SH_Gr_02);
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
}

.pollntalk__swiper .pollntalk__list-items .items__tit {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 900px) {
  .pollntalk__swiper .pollntalk__list-items .items__tit {
    font-size: 1.6rem;
  }
}

.pollntalk__swiper .swiper-pagination {
  position: relative;
  bottom: 0 !important;
  line-height: 0 !important;
  margin-top: 1.6rem;
  z-index: 1;
}

.pollntalk__swiper .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
}

.pollntalk__swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.pollntalk__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 0.6rem;
}

.pollntalk__swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child,
.pollntalk__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.pollntalk__swiper .swiper-pagination-bullet-active {
  background: var(--SH_Gr_02) !important;
}

.poll__target {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.poll__target::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 1.3rem;
  background: url(/mweb/cms/images/fnin/VS-cda1e706121f0f93780d4c5b0cefcaee.svg) no-repeat 0 0;
  background-size: 100%;
  transform: translate(-50%, -50%);
}

.poll__target .text {
  width: 100%;
  color: var(--SH_Gr_02);
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}

.poll__target .text:nth-child(1) {
  padding-right: 3.7rem;
}

.poll__target .text:nth-child(2) {
  padding-left: 3.7rem;
}

.poll__progress {
  display: flex;
  height: 3rem;
}

.poll__progress .poll__progress-items {
  position: relative;
  width: 50%;
  height: 100%;
  transition: width 0.3s ease-in-out;
  flex: 0 0 auto;
}

.poll__progress .poll__progress-items .per__num {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap;
  z-index: 1;
}

@media (min-width: 900px) {
  .poll__progress .poll__progress-items .per__num {
    font-size: 1.4rem;
  }
}

.poll__progress .poll__progress-items:nth-child(1) {
  background-color: var(--bar-bg1);
  border-radius: 999px 0px 0px 999px;
}

.poll__progress .poll__progress-items:nth-child(1) .per__num {
  left: 1rem;
  color: #FFF;
}

.poll__progress .poll__progress-items:nth-child(2) {
  background-color: var(--bar-bg2);
  border-radius: 0 999px 999px 0;
}

.poll__progress .poll__progress-items:nth-child(2) .per__num {
  right: 1rem;
  color: var(--SH_Gr_02);
}

@media (min-width: 600px) {
  .plus.fun_invest .plus__inner {
    padding: 2.8rem 2.2rem;
  }
  .plus.fun_invest .plus__cont-box {
    flex-direction: row;
    justify-content: center;
  }
  .plus.fun_invest .plus__cont-box::after {
    width: 14rem;
    height: 9.9rem;
    margin: 0 0 0 4rem;
  }
  .plus__section-wrap {
    display: flex;
  }
  .plus__section-wrap .section__box {
    width: 50%;
  }
  .plus__section-wrap .section__box ~ .section__box {
    border-top: 0;
  }
  .story-now__img {
    height: 26.6rem;
  }
  .poll__target {
    margin-bottom: 1.2rem;
  }
  .pollntalk__swiper .pollntalk__list-items {
    height: 26.6rem;
    padding: 1.8rem;
  }
  .pollntalk__swiper .pollntalk__list-items .items__tit {
    margin-bottom: 2.4rem;
  }
  .pollntalk__swiper .swiper-pagination {
    position: absolute;
    bottom: 2.8rem !important;
  }
  .visual__analyst .analyst__text {
    flex-direction: row;
    justify-content: center;
  }
  .visual__analyst .analyst__text span {
    margin-right: 0.4rem;
  }
  .visual__analyst .analyst__box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .visual__analyst .analyst__box .analyst__info {
    flex-direction: column;
  }
  .visual__analyst .analyst__box .analyst__info .img {
    width: 18rem;
  }
  .visual__analyst .analyst__box .analyst__info .user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .visual__analyst .analyst__box .analyst__info .user-info .pop-btn {
    display: none;
  }
  .analyst__list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.6rem 0 0 -1.6rem;
  }
  .analyst__list .analyst__list-items {
    width: calc(50% - 1.6rem);
    margin-left: 1.6rem;
  }
  .analyst__list .analyst__list-items:first-child .analyst__box {
    margin-top: 1.6rem;
  }
  .plus .plus__inner .plus__title br {
    display: none;
  }
  .plus-list {
    display: flex;
    flex-flow: wrap;
    margin: -1.2rem 0 4.8rem -1.2rem;
  }
  .plus-list .list__items {
    width: calc(50% - 1.2rem);
    margin: 0.8rem 0 0 0.8rem;
  }
  .set-round .default__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.2rem;
  }
  .set-round .default__list .default__list-items {
    width: calc(50% - 1.2rem);
    margin-left: 1.2rem;
  }
  .pop-analyst .selecter__header {
    border-bottom: 1px var(--SH_Gr_07) solid;
  }
  .pop-analyst .selecter__header + .analyst-list.list .list__items:first-child {
    padding-top: 1.6rem;
  }
  .pop-analyst .analyst-list .list__area {
    position: relative;
    padding-right: 9rem;
  }
  .pop-analyst .analyst-list .btn-wrap {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .popup__content.analyst .analyst__profile-items dl {
    display: flex;
  }
  .popup__content.analyst .analyst__profile-items dl dt {
    width: 8.8rem;
  }
}

@media (min-width: 900px) {
  .visual__analyst .analyst__box .analyst__info {
    align-items: center;
    width: 25.6rem;
  }
  .visual__analyst .analyst__box .analyst__profile {
    padding-left: 3.2rem;
    margin-left: 3.2rem;
  }
  .analyst__list {
    margin: -2rem 0 0 -2rem;
  }
  .analyst__list .analyst__list-items {
    width: calc(50% - 2rem);
    margin-left: 2rem;
  }
  .analyst__list .analyst__list-items:first-child .analyst__box {
    margin-top: 2rem;
  }
  .analyst__list .analyst__list-items .analyst__box {
    margin-top: 2rem;
  }
  .event__header {
    width: 50%;
    margin: 0 auto;
  }
  .challenge-info__list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .challenge-info__list .challenge-info__list-items {
    width: calc(100% / 3 - 1.6rem);
    padding-top: 0;
    border-top: 0;
  }
  .challenge-info__list .challenge-info__list-items ~ .challenge-info__list-items {
    margin-left: 1.6rem;
  }
  .eyin.section__box .combi-list {
    display: flex;
    gap: 4rem;
    justify-content: center;
  }
  .eyin.section__box .combi-list li {
    flex: 1 1 30%;
  }
  .eyin.section__box .combi-list li ~ li {
    margin-top: 0;
  }
  .eyin.section__box .left-img-box {
    display: flex;
    gap: 2.8rem;
    align-items: center;
  }
  .eyin.section__box .left-img-box::before {
    margin: 0 2.8rem;
  }
  .eyin.section__box .left-img-box .txt-area p br {
    display: block;
  }
  .pollntalk__swiper .pollntalk__list-items {
    padding: 2.8rem;
  }
  .poll__progress {
    height: 3.6rem;
  }
}

/*투자정보*/
.date-box {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .date-box {
    font-size: 1.4rem;
  }
}

.date-box span {
  margin-right: 0.5rem;
}

.date-box .btn-refresh {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}

.btn__info {
  position: absolute;
  right: 1.8rem;
  bottom: 1.6rem;
}

.stock__list dl {
  max-width: 50%;
}

.stock__list .img-national {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #F0F0F0;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  transform: translateY(-50%);
}

.stock__list .img-national + dl {
  padding-left: 4.5rem;
}

.stock__list .stock-name {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .stock__list .stock-name {
    font-size: 1.6rem;
  }
}

.stock__list-info {
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: space-between;
}

.stock__list-info .stock-code {
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.stock__list-info .stock-price {
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .stock__list-info .stock-price {
    font-size: 2rem;
  }
}

.stock__list-info .stock-gap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.stock__list-info .stock-gap-info {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}

.stock__list-info .stock-gap .gap {
  display: flex;
  font-size: 1.2rem;
  align-items: center;
  justify-content: center;
}

.stock__list-info .stock-gap .gap::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.stock__list-info .stock-gap .num {
  display: flex;
  height: 1.8rem;
  color: var(--SH_Gr_02);
  font-size: 1.2rem;
  padding: 0 0.4rem;
  margin-left: 0.4rem;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background-color: var(--SH_Gr_10);
}

.stock__list-info .stock-gap .num:after {
  content: '%';
}

.stock__list-info .stock-gap.grow .stock-price, .stock__list-info .stock-gap.grow .gap {
  color: var(--SH_Smt_01) !important;
}

.stock__list-info .stock-gap.grow .num {
  color: var(--SH_Smt_01) !important;
}

.stock__list-info .stock-gap.grow .num .bul, .stock__list-info .stock-gap.grow .num::after {
  color: var(--SH_Smt_01) !important;
}

.stock__list-info .stock-gap.fall .stock-price, .stock__list-info .stock-gap.fall .gap {
  color: var(--SH_Smt_02) !important;
}

.stock__list-info .stock-gap.fall .num {
  color: var(--SH_Smt_02) !important;
}

.stock__list-info .stock-gap.fall .num .bul, .stock__list-info .stock-gap.fall .num::after {
  color: var(--SH_Smt_02) !important;
}

.grow {
  color: var(--SH_Smt_01) !important;
}

.fall {
  color: var(--SH_Smt_02) !important;
}

.stock__list-info .stock-gap.grow .gap::before {
  background-image: url(/mweb/cms/images/icons/icon_grow-517d444186096d363dbd8002d955cb61.svg);
}

.stock__list-info .stock-gap.fall .gap::before {
  background-image: url(/mweb/cms/images/icons/icon_fall-e8e4f6bb9a0c8a3f086f7b3c48222deb.svg);
}

.stock__list-info .stock-gap.grow .num {
  background-color: var(--SH_flagbg_01);
}

.stock__list-info .stock-gap.fall .num {
  background-color: var(--SH_flagbg_02);
}

.stock__detail {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin: 1.6rem 0;
  background-color: var(--SH_Gr_10);
  border-radius: 8px;
  padding: 1.2rem 0.8rem;
  transition: all 0.3s ease-in-out;
}

.stock__detail .stock__detail-list {
  flex: 1;
}

.stock__detail .stock__detail-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .stock__detail .stock__detail-list li {
    font-size: 1.4rem;
  }
}

.stock__detail .stock__detail-list li .key {
  width: 6rem;
  color: var(--SH_Gr_04);
}

.stock__detail .stock__detail-list li .value {
  color: var(--SH_Gr_02);
  text-align: right;
}

.stock__detail .graph__area {
  display: flex;
  width: 14rem;
  flex-shrink: 0;
  margin-left: 1.2rem;
  flex-direction: column;
}

.stock__detail .graph__area .graph__area-graph {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7rem;
}

.stock__detail .graph__area .stock-time {
  display: flex;
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  justify-content: flex-end;
  margin-top: 0.4rem;
  letter-spacing: 0;
}

.active .stock__detail {
  display: flex;
}

.sorting-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -0.6rem -1.8rem 0;
  padding: 0 1.8rem 1.6rem;
  border-bottom: 1px var(--SH_Gr_08) solid;
}

/*시세안내팝업*/
.price__info-list {
  display: flex;
  flex-flow: wrap;
  border-top: 1px var(--SH_Gr_08) solid;
}

.price__info-list li {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3);
  padding: 0.8rem;
  border-bottom: 1px var(--SH_Gr_08) solid;
  border-left: 1px var(--SH_Gr_08) solid;
  font-size: 1.3rem;
  line-height: 1.5;
}

@media (min-width: 900px) {
  .price__info-list li {
    font-size: 1.4rem;
  }
}

.price__info-list li:nth-child(3n + 1) {
  border-left: 0;
}

.price__info-list li .tit {
  color: var(--SH_Gr_02);
  font-weight: 700;
}

.price__info-list li .txt {
  display: flex;
  color: var(--SH_Gr_04);
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .stock-box {
    position: relative;
  }
  .stock__list {
    margin: 2rem 34rem 0 0;
    padding-right: 2rem;
    height: calc(100vh - 35.1rem);
    overflow-y: auto;
  }
  .stock__list .list__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    margin-bottom: 0;
  }
  .stock__list .list__items.active {
    border: 1px var(--SH_Gr_02) solid;
    border-radius: 1rem;
  }
  .stock__list .list__items a {
    padding: 0;
  }
  .stock__list .list__items a::after {
    display: none;
  }
  .stock__list.stock__scroll {
    height: 27.2rem;
  }
  .stock__detail {
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: column;
    width: 30rem;
    margin: 0 0 0 4rem;
    padding: 1.6rem 2rem;
  }
  .stock__detail .stock__detail-list {
    width: 100%;
    flex: none;
  }
  .stock__detail .stock__detail-list li .key {
    width: 7.5rem;
  }
  .stock__detail .graph__area {
    width: 100%;
    margin: 3rem 0 0;
  }
  .stock__detail .graph__area .graph__area-graph {
    height: 8rem;
  }
}

/*증시동향*/
.visual__finance {
  background-color: #2644DD;
}

.visual__finance .visual__finance-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 128rem;
  height: 35.3rem;
  margin: 0 auto;
  padding: 2.8rem 1.8rem;
}

.visual__finance .visual__finance-inner dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #FFF;
}

.visual__finance .visual__finance-inner .visual__finance-icon {
  position: relative;
  width: 8rem;
  height: 8rem;
  background-color: #000BAD;
  border-radius: 50%;
  overflow: hidden;
}

.visual__finance .visual__finance-inner .visual__finance-icon::before, .visual__finance .visual__finance-inner .visual__finance-icon::after {
  content: '';
  position: absolute;
}

.visual__finance .visual__finance-inner .visual__finance-icon::before {
  bottom: -0.7rem;
  right: 0.6rem;
  width: 5.4rem;
  height: 6.7rem;
  background: url(/mweb/cms/images/fnin/img_fnin_01-466530c9d95d316b23881a5ecea2d366.png) no-repeat 0 0;
  background-size: 100%;
  animation: chara-ani 1s ease-out;
  transition: all 0.3s ease-in-out;
}

.visual__finance .visual__finance-inner .visual__finance-icon::after {
  left: 0.85rem;
  top: 2.28rem;
  width: 1.2rem;
  height: 1rem;
  background: url(/mweb/cms/images/fnin/img_fnin_02-fc32f9c04d4e3b4bfa500e738b0ce65d.png) no-repeat 0 0;
  background-size: 100%;
  animation: heart-ani 0.9s both;
  animation-delay: 1s;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.visual__finance .visual__finance-inner .finance-title {
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .visual__finance .visual__finance-inner .finance-title {
    font-size: 2.4rem;
  }
}

.visual__finance .visual__finance-inner .finance-text {
  font-size: 1.5rem;
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .visual__finance .visual__finance-inner .finance-text {
    font-size: 1.6rem;
  }
}

.visual__finance .visual__finance-inner .finance-btn {
  margin-top: 1.6rem;
}

.visual__finance .visual__finance-inner .finance-btn .btn-round {
  background-color: transparent;
  border-radius: 1.6rem !important;
  border-color: #FFF;
  color: #FFF;
}

@keyframes chara-ani {
  0% {
    bottom: -4rem;
  }
  50% {
    bottom: -0.7rem;
  }
}

@keyframes heart-ani {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
    opacity: 1;
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
    opacity: 1;
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
    opacity: 1;
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
    opacity: 1;
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
    opacity: 1;
  }
  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}

.finance-area {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  margin-top: -19rem;
}

.finance-area .finance-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0.8rem 0;
  overflow: hidden;
}

.finance-area .finance-list::before {
  content: '';
  display: none;
  position: absolute;
  bottom: -0.7rem;
  right: 2.08rem;
  width: 6rem;
  height: 7.5rem;
  background: url(/mweb/cms/images/fnin/img_fnin_01-466530c9d95d316b23881a5ecea2d366.png) no-repeat 100% 100%;
  background-size: 100%;
  animation: chara-ani 1s ease-out;
  transition: all 0.3s ease-in-out;
}

.finance-area .finance-list::after {
  content: '';
  display: none;
  position: absolute;
  right: 7.38rem;
  bottom: 5.6rem;
  width: 1.4rem;
  height: 1.3rem;
  background: url(/mweb/cms/images/fnin/img_fnin_02-fc32f9c04d4e3b4bfa500e738b0ce65d.png) no-repeat 0 0;
  background-size: 100%;
  animation: heart-ani 0.9s both;
  animation-delay: 1s;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.finance-area .finance-list .finance-list-items {
  width: calc(100% / 3);
  padding: 1.4rem 0.4rem;
}

.finance-area .finance-list .finance-list-items a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.finance-area .finance-list .finance-list-items a .finance-img {
  width: 4rem;
  height: 4rem;
}

.finance-area .finance-list .finance-list-items a .title {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  margin-top: 0.8rem;
}

@media (min-width: 900px) {
  .finance-area .finance-list .finance-list-items a .title {
    font-size: 1.4rem;
  }
}

.finance__banner-swiper {
  position: relative;
  margin-top: 2.8rem;
  overflow: hidden;
}

.finance__banner-swiper .finance__banner-items a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 8.2rem;
  padding: 1.6rem;
  border-radius: 1rem;
}

.finance__banner-swiper .finance__banner-items a.banner01 {
  background-color: #353643;
}

.finance__banner-swiper .finance__banner-items a.banner02 {
  background-color: #0092B2;
}

.finance__banner-swiper .finance__banner-items a.banner03 {
  background-color: #343F5C;
}

.finance__banner-swiper .finance__banner-items a.banner04 {
  background-color: #8358FE;
}

.finance__banner-swiper .finance__banner-items a .img-baner {
  width: 10rem;
  height: 8.2rem;
}

.finance__banner-swiper .finance__banner-items a .title {
  display: flex;
  align-items: center;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 700;
  word-break: keep-all;
  line-height: 1.2 !important;
}

@media (min-width: 900px) {
  .finance__banner-swiper .finance__banner-items a .title {
    font-size: 1.8rem;
  }
}

.finance__banner-swiper .finance__banner-items a .title::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow_white-fed82f217e1d3e052e025b9de5aed9f7.svg) no-repeat 0 0;
  background-size: 100%;
}

.finance__banner-swiper .finance__banner-items a .txt {
  color: #FFF;
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .finance__banner-swiper .finance__banner-items a .txt {
    font-size: 1.6rem;
  }
}

.finance__banner-swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: 1rem;
  width: auto;
  height: 1.7rem;
  color: #FFF;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.9rem;
  padding: 0 0.8rem;
  letter-spacing: 0;
}

.alphaTv-swiper {
  margin: 4.8rem -1.8rem 0 0;
  padding-bottom: 4.8rem;
  overflow: hidden;
}

.alphaTv-swiper .title__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  padding-right: 1.8rem;
}

.alphaTv-swiper .title__header .h2__title {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

.alphaTv-swiper .btn-alpha {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  color: #FFF;
  font-size: 1.3rem;
  background: linear-gradient(to bottom, #4A2AEC 0%, #3860FF 100%);
  border-radius: 2rem;
  padding: 0.4rem;
  margin-right: 2.4rem;
}

@media (min-width: 900px) {
  .alphaTv-swiper .btn-alpha {
    font-size: 1.4rem;
  }
}

.alphaTv-swiper .btn-alpha.icon_arrow::after {
  position: absolute;
  right: 1.8rem;
  transform: rotate(-90deg);
}

.alphaTv-swiper .btn-alpha span::before {
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  background: url(/mweb/cms/images/icons/icon_logo-alpha-96ca34aafea2a98bb61731cb67759b16.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.3rem;
}

.alpha-tv__list {
  margin-top: -1.2rem;
}

.alpha-tv__items {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 1rem;
  padding-bottom: 1.2rem;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-top: 1.2rem;
}

.alpha-tv__items .text-box {
  margin-top: 1rem;
  padding: 0 1.6rem;
}

.alpha-tv__items .text-box .title {
  text-decoration: underline;
}

.video-play,
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 151px;
}

.video-container {
  padding-top: 151px;
}

.app-download__banner a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 8.2rem;
  color: #FFF;
  background: linear-gradient(121deg, #5867FC 1.05%, #5639E9 100%);
  border-radius: 1rem;
  padding: 1.4rem 1.6rem;
}

.app-download__banner a span {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .app-download__banner a span {
    font-size: 1.6rem;
  }
}

.app-download__banner a .btn-alpha {
  font-size: 1.6rem;
}

@media (min-width: 900px) {
  .app-download__banner a .btn-alpha {
    font-size: 1.8rem;
  }
}

.customer__banner {
  margin-top: 1.2rem;
  background-color: var(--SH_Gr_07);
  border-radius: 1rem;
}

.customer__banner a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
}

.customer__banner a span {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .customer__banner a span {
    font-size: 1.6rem;
  }
}

.customer__banner a span::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon__custom_tel-c8ca9434cdca59810c3ed6ce3b883c8c.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.5rem;
}

.primarycolor {
  color: var(--Primary, #2A3FEC) !important;
}

.txt-red {
  color: var(--SH_Smt_03) !important;
}

.p0 {
  padding: 0 !important;
}

.ml18 {
  margin-left: 1.8rem;
}

.mt8 {
  margin-top: 0.8rem !important;
}

.mt0 {
  margin-top: 0 !important;
}

.underline {
  border-bottom: 1px solid #3B3B41;
}

.mb0 {
  margin-bottom: 0rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mt16 {
  margin-top: 1.6rem;
}

.mb8 {
  margin-bottom: .8rem;
}

.mb16 {
  margin-bottom: 1.6rem !important;
}

.mb28 {
  margin-bottom: 2.8rem;
}

.d-block {
  display: block !important;
}

.txt-int0 {
  display: block;
  text-indent: 0rem;
  padding-left: .8rem;
}

.txt-int {
  display: block;
  text-indent: -.8rem;
  padding-left: .8rem;
}

.txt-int2 {
  display: block;
  text-indent: -1.5rem;
  padding-left: .8rem;
}

.th3__dot {
  margin-top: 2.8rem;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
}

@media (min-width: 900px) {
  .th3__dot {
    font-size: 2rem;
  }
}

.th3__dot:first-child {
  margin-top: 0;
}

.fnin.section__box {
  padding: 0;
  border-top: 1rem var(--SH_Gr_09) solid;
  /* 투자방법 */
}

.fnin.section__box table tbody .border-right {
  border-right: 1px var(--SH_Gr_08) solid;
}

.fnin.section__box sup {
  vertical-align: super;
  font-size: .7rem;
  line-height: .9rem;
  color: var(--SH_Gr_02);
  font-weight: 400;
}

.fnin.section__box .text {
  color: var(--SH_Gr_02);
}

.fnin.section__box .section {
  max-width: 100%;
}

.fnin.section__box .section {
  width: 100%;
  padding: 2.8rem 1.8rem;
}

.fnin.section__box .section .section__inner {
  max-width: 128rem;
  margin: auto;
}

.fnin.section__box .right-arw {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
  color: #111;
  padding-bottom: 1.6rem;
}

@media (min-width: 900px) {
  .fnin.section__box .right-arw {
    font-size: 2.4rem;
  }
}

.fnin.section__box .right-arw a {
  position: relative;
  display: block;
}

.fnin.section__box .right-arw a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 4px;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg) no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%) rotate(-90deg);
  transition: all 0.3s ease-in-out;
}

.fnin.section__box .alphaTV .video {
  border-radius: 10px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  max-width: 50rem;
  margin: auto;
}

.fnin.section__box .alphaTV .video .video-txt {
  padding: 1rem 1.6rem 1.2rem;
}

.fnin.section__box .alphaTV .video .video-txt strong {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3B3B41;
  line-height: 2.5rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 900px) {
  .fnin.section__box .alphaTV .video .video-txt strong {
    font-size: 1.6rem;
  }
}

.fnin.section__box .alphaTV .video .video-txt ._hashtag span {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #6D6D73;
  display: inline-block;
  white-space: nowrap;
}

.fnin.section__box .alphaTV .video .video-txt ._hashtag span ~ span {
  margin-left: .8rem;
}

.fnin.section__box .alphaTV .video .video-img {
  overflow: hidden;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  height: 15rem;
}

.fnin.section__box .list__accordion {
  padding: 0;
  margin-bottom: 0;
}

.fnin.section__box .list__accordion .list__items:first-child {
  border-top: 1px var(--SH_Gr_08) solid;
}

.fnin.section__box .list__accordion .list__items a {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.5rem;
}

@media (min-width: 900px) {
  .fnin.section__box .list__accordion .list__items a {
    font-size: 1.8rem;
  }
}

.fnin.section__box .list__accordion .list__items .qna__a .list__icon-dot {
  background-color: #F1F3F8;
  padding: .4rem .8rem;
  border-radius: .5rem;
  margin-bottom: 1.6rem;
}

.fnin.section__box .list__accordion .list__items .qna__a .list__icon-dot > li {
  font-size: 1.3rem;
  padding: .4rem 0 .4rem .9rem;
  color: #3B3B41;
  line-height: 2rem;
  font-weight: 400;
  margin-top: 0rem;
}

@media (min-width: 900px) {
  .fnin.section__box .list__accordion .list__items .qna__a .list__icon-dot > li {
    font-size: 1.4rem;
  }
}

.fnin.section__box .list__accordion .list__items .qna__a .list__icon-dot > li::before {
  width: .3rem;
  height: .3rem;
}

.fnin.section__box .section ~ .section {
  border-top: 10px solid #ECF0FB;
  margin-top: 0px;
}

.fnin.section__box .banner_area {
  background: linear-gradient(180deg, #F8EECF 0%, #FFA5A3 100%);
  padding: 2.8rem 1.8rem;
}

.fnin.section__box .banner_area .banner_wrap {
  max-width: 64.8rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2.8rem 1.6rem;
  color: #3B3B41;
  gap: 2.8rem;
}

.fnin.section__box .banner_area .banner_wrap .banner_txt h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
  margin-bottom: .8rem;
}

@media (min-width: 900px) {
  .fnin.section__box .banner_area .banner_wrap .banner_txt h2 {
    font-size: 2.4rem;
  }
}

.fnin.section__box .banner_area .banner_wrap .banner_txt p {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .fnin.section__box .banner_area .banner_wrap .banner_txt p {
    font-size: 1.4rem;
  }
}

.fnin.section__box .banner_area .banner_wrap::after {
  content: '';
  width: 7rem;
  height: 7rem;
  background: url(/mweb/cms/images/fnin/bond-img1-d376ad4aae673fbd43646635c9b4f6c2.png) no-repeat 50%;
  background-size: 100%;
  flex-shrink: 0;
}

.fnin.section__box .fund-list {
  border: 1px solid #D6DBE8;
  border-radius: 8px;
  padding: 1.6rem;
}

.fnin.section__box .fund-list .section__list .section__item:last-child {
  border-bottom: none;
}

.fnin.section__box .fund-list .section__list .section__item .item_wrap {
  position: relative;
  padding-left: 5.2rem;
  box-sizing: border-box;
}

.fnin.section__box .fund-list .section__list .section__item .item_wrap::before {
  content: '';
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2rem;
  background-size: 100% auto;
}

.fnin.section__box .fund-list .section__list .section__item .item_wrap .item__title {
  font-weight: 700;
  line-height: 2.5rem;
  color: var(--SH_Gr_02);
  display: block;
  margin-bottom: .2rem;
  font-size: 1.6rem;
}

@media (min-width: 900px) {
  .fnin.section__box .fund-list .section__list .section__item .item_wrap .item__title {
    font-size: 1.8rem;
  }
}

.fnin.section__box .fund-list .section__list .section__item .item_wrap .item__content {
  font-weight: 400;
  line-height: 2rem;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .fnin.section__box .fund-list .section__list .section__item .item_wrap .item__content {
    font-size: 1.4rem;
  }
}

.fnin.section__box .fund-list .section__list .section__item:nth-child(1) .item_wrap::before {
  background-image: url(/mweb/cms/images/fnin/fund-icon1-ca9813ca38b7802b8123d0fd43a38865.svg);
}

.fnin.section__box .fund-list .section__list .section__item:nth-child(2) .item_wrap::before {
  background-image: url(/mweb/cms/images/fnin/fund-icon2-403a8299c605d5cd9bfd617d541b55e1.svg);
}

.fnin.section__box .fund-list .section__list .section__item:nth-child(3) .item_wrap::before {
  background-image: url(/mweb/cms/images/fnin/fund-icon3-5e1f20ffa10bafad04187b55af848b98.svg);
}

.fnin.section__box .fund-list .section__list .section__item ~ .section__item {
  margin-top: 1.6rem;
  border-top: 1px solid #ECF0FB;
  padding-top: 1.6rem;
}

.fnin.section__box .fund-list.step-type {
  margin-bottom: 2.8rem;
}

.fnin.section__box .fund-list.step-type .section__item {
  padding-left: 5.5rem;
  position: relative;
}

.fnin.section__box .fund-list.step-type .section__item span {
  display: inline-block;
  width: 4.7rem;
  margin-right: .8rem;
  height: 2.2rem;
  padding: .2rem 0;
  text-align: center;
  border-radius: .5rem;
  background: var(--Primary, #2A3FEC);
  font-size: 1.2rem;
  color: #FFF;
  font-weight: 500;
  line-height: 1.8rem;
  letter-spacing: -0.006rem;
  position: absolute;
  left: 0;
  top: 0;
}

.fnin.section__box .fund-list.step-type .section__item strong {
  display: block;
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .fnin.section__box .fund-list.step-type .section__item strong {
    font-size: 1.6rem;
  }
}

.fnin.section__box .fund-list.step-type .section__item .item__content {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .fnin.section__box .fund-list.step-type .section__item .item__content {
    font-size: 1.4rem;
  }
}

.fnin.section__box .fund-list.step-type .section__item ~ .section__item span {
  top: 1.6rem;
}

.fnin.section__box .order_info {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .fnin.section__box .order_info {
    font-size: 1.6rem;
  }
}

.fnin.section__box .order_info li {
  color: #3B3B41;
  margin-bottom: 2.8rem;
}

.fnin.section__box .order_info li:last-child {
  margin-bottom: 0;
}

.fnin.section__box .order_info li strong {
  display: block;
}

.fnin.section__box .order_info li p {
  line-height: 2.5rem;
  font-weight: 400;
  margin-top: .8rem;
}

.fnin.section__box .order_info li span {
  display: block;
  font-size: 1.3rem;
  color: #6D6D73;
  line-height: 2rem;
}

@media (min-width: 900px) {
  .fnin.section__box .order_info li span {
    font-size: 1.4rem;
  }
}

.fnin.section__box strong ~ .txt-list-group {
  margin-top: .8rem;
}

.fnin.section__box .txt-list-group {
  margin-bottom: .8rem;
}

.fnin.section__box .txt-list-group:last-child {
  margin-bottom: 0;
}

.fnin.section__box .txt-list-group .txt-list-tit {
  color: #3B3B41;
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .fnin.section__box .txt-list-group .txt-list-tit {
    font-size: 1.6rem;
  }
}

.fnin.section__box .table .row1 {
  color: var(--SH_Gr_02);
  font-weight: 700;
  text-align: center;
}

.fnin.section__box .table .row2 {
  color: var(--SH_Gr_02);
  font-weight: 400;
  text-align: center;
  border-right: 1px var(--SH_Gr_08) solid;
}

.fnin.section__box .vs-box-wrap {
  width: 100%;
}

.fnin.section__box .vs-box {
  width: 100%;
  padding: 1.6rem;
  border-radius: 10px;
  border: 1px solid var(--SH_Gr_08);
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  flex-direction: row;
  align-items: center;
  margin-top: 1.6rem;
}

.fnin.section__box .vs-box span {
  display: inline-block;
  color: var(--Primary, #2A3FEC);
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.fnin.section__box .vs-box span::before {
  content: '';
  display: inline-block;
}

.fnin.section__box .vs-box .vs {
  display: inline-block;
  width: 5.5rem;
  height: 3.6rem;
  color: transparent;
  background: url(/mweb/cms/images/fnin/VS-cda1e706121f0f93780d4c5b0cefcaee.svg) no-repeat 50% 50%;
}

/* 금융상품 > 펀드 */
.banner_type1 {
  padding: 2.8rem 1.8rem;
}

.banner_type1 + .fnin.section__box {
  border-top: 0;
}

.banner_type1 .banner-inner .banner-title-wrap {
  display: flex;
  width: 100%;
  min-height: 7rem;
  margin: auto;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.8rem;
}

.banner_type1 .banner-inner .banner-title-wrap .banner-title {
  color: var(--SH_Gr_02);
  display: inline-block;
  width: auto;
  font-weight: 700;
  line-height: 2.8rem;
  letter-spacing: -0.01rem;
  font-size: 2rem;
}

@media (min-width: 900px) {
  .banner_type1 .banner-inner .banner-title-wrap .banner-title {
    font-size: 2.4rem;
  }
}

.banner_type1 .banner-inner .banner-title-wrap .banner-title span {
  font-size: 1.3rem;
  display: block;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .banner_type1 .banner-inner .banner-title-wrap .banner-title span {
    font-size: 1.4rem;
  }
}

.banner_type1 .banner-inner .banner-title-wrap::after {
  content: '';
  width: 7rem;
  height: 7rem;
  background: url(/mweb/cms/images/fnin/fund-img2-8aa3a417da18c0c60e93148019267b4a.png) no-repeat 50%;
  background-size: 100%;
}

.banner_type1 .banner-inner .list-items {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  gap: 1rem .8rem;
}

.banner_type1 .banner-inner .list-items .list-item {
  height: 3.6rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 9.9rem;
  border: 1px #FFF solid;
}

.banner_type1 .banner-inner .list-items .list-item div {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
  font-weight: 500;
  padding: 0 1.6rem;
}

@media (min-width: 900px) {
  .banner_type1 .banner-inner .list-items .list-item div {
    font-size: 1.4rem;
  }
}

.banner_type1 .banner-inner .list-items .list-item div a {
  position: relative;
  padding-right: 1.4rem;
}

.banner_type1 .banner-inner .list-items .list-item div a::after {
  content: '';
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: url(/mweb/cms/images/fnin/icon-arw-r-8130a26c329cf79f29da012b796bc872.svg) 50% 50% no-repeat;
  position: absolute;
  right: -.6rem;
  top: 0rem;
}

.banner_type1 .banner-inner .list-items .list-item div strong {
  margin-left: 0.2rem;
}

.fund.banner_type1 {
  background: linear-gradient(180deg, #9ADBFF 0%, #F1F3F8 100%);
}

.summary {
  text-align: center;
}

.summary .summary-point div > span {
  display: block;
  color: var(--Primary, #2A3FEC);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  margin-bottom: 1.2rem;
}

@media (min-width: 900px) {
  .summary .summary-point div > span {
    font-size: 1.4rem;
  }
}

.summary .summary-point strong {
  display: block;
  color: var(--SH_Gr_02);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  letter-spacing: -0.009rem;
}

@media (min-width: 900px) {
  .summary .summary-point strong {
    font-size: 2rem;
  }
}

.summary .summary-point p {
  color: var(--SH_Gr_04, #6D6D73);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  margin-top: .8rem;
}

@media (min-width: 900px) {
  .summary .summary-point p {
    font-size: 1.4rem;
  }
}

.summary .summary-point:before {
  content: '';
  width: 16rem;
  height: 12rem;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  margin: 0 auto .4rem;
}

.summary .summary-point ~ .summary-point {
  margin-top: 4rem;
}

.fnin.fund {
  padding: 0;
}

.fnin.fund .summary-point:nth-child(1):before {
  background-image: url("/mweb/cms/images/fnin/fund_icon1-8bb7ce4e205be753da4872fe144d97cd.svg");
}

.fnin.fund .summary-point:nth-child(2):before {
  background-image: url("/mweb/cms/images/fnin/fund_icon2-e1e22734cfabd681be83fb53b569d4a4.svg");
}

.fnin.fund .summary-point:nth-child(3):before {
  background-image: url("/mweb/cms/images/fnin/fund_icon3-96c7bb5997056e83d8c5dab1ced2b646.svg");
}

.fnin.fund h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3B3B41;
  line-height: 2.5rem;
  margin-bottom: .8rem;
}

@media (min-width: 900px) {
  .fnin.fund h4 {
    font-size: 1.6rem;
  }
}

.fnin.fund .section__inner {
  width: 100%;
  padding: 2.8rem 1.8rem;
}

.fnin.fund .section__inner .fund-content {
  margin-bottom: 2.8rem;
}

.fnin.fund .section__inner .fund-content .img-wrap {
  padding: 1.2rem 2.2rem;
}

.fnin.fund .section__inner .fund-content .img-wrap img {
  max-width: 35rem;
}

.fnin.fund .section__inner .fund-content .txt-wrap {
  border: 1px solid #D6DBE8;
  padding: 1.6rem;
  border-radius: 1rem;
  text-align: center;
}

.fnin.fund .section__inner .fund-content .txt-wrap span {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .fnin.fund .section__inner .fund-content .txt-wrap span {
    font-size: 1.4rem;
  }
}

.fnin.fund .section__inner .fund-content .txt-wrap p {
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .fnin.fund .section__inner .fund-content .txt-wrap p {
    font-size: 1.4rem;
  }
}

.fnin.fund .section__inner .fund-content .txt-wrap p:last-child {
  color: var(--primary);
  padding-top: 1.6rem;
  border-top: 1px solid var(--SH_Gr_09);
  margin-top: 1.6rem;
}

.fnin.fund .section__inner .inner_wrap {
  max-width: 128rem;
  margin: auto;
}

.fnin.fund .section__inner .inner_wrap .list__accordion .qna__a {
  color: var(--SH_Gr_02);
  /* 투자방법 */
}

.fnin.fund .section__inner .inner_wrap .list__accordion .qna__a h3 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #3B3B41;
  line-height: 2.5rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 900px) {
  .fnin.fund .section__inner .inner_wrap .list__accordion .qna__a h3 {
    font-size: 1.8rem;
  }
}

.fnin.fund .section__inner .inner_wrap .caption {
  margin-bottom: .8rem;
  display: block;
  color: var(--SH_Gr_04);
}

.fnin.fund .section__inner .inner_wrap ~ .inner_wrap {
  margin-top: .8rem;
}

.fnin.fund .section__inner ~ .section__inner {
  margin-top: 0px;
  border-top: 1rem var(--SH_Gr_09) solid;
}

.fnin.fund .img-wrap {
  border: 1px solid #D6DBE8;
  padding: 1.2rem 2.2rem;
  border-radius: 1rem;
  flex-basis: 100%;
  text-align: center;
}

.fnin.fund .text_box {
  display: flex;
  gap: 2.8rem;
  flex-wrap: wrap;
}

.fnin.fund .text_box .img-wrap {
  padding: 1.2rem 0;
}

.fnin.fund .text_box .img-wrap img {
  max-width: 28rem;
}

.fnin.fund .text_box ul > li {
  font-size: 1.5rem;
  color: #3B3B41;
  font-weight: 400;
}

@media (min-width: 900px) {
  .fnin.fund .text_box ul > li {
    font-size: 1.6rem;
  }
}

.fnin.fund .text_box ul > li strong {
  font-weight: 500;
}

.fnin.fund .text_box ul > li ~ li {
  margin-top: .8rem;
}

.fnin.fund .late-trading {
  border-radius: .8rem;
  border: 1px solid var(--SH_Gr_08);
  padding: 1.5rem;
  margin-top: .8rem;
}

.fnin.fund .late-trading li .time-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1rem;
}

.fnin.fund .late-trading li .time-wrap .time-after {
  display: inline-block;
  color: var(--SH_Gr_02);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.005rem;
  width: 10rem;
  padding-top: .8rem;
}

.fnin.fund .late-trading li .time-wrap .time-after::after {
  content: '';
  display: block;
  width: 10rem;
  height: .7rem;
  background: url("/mweb/cms/images/fnin/gray-arw-b698287d92a36e7459e126a667a9687d.svg") 0% 100% no-repeat;
  margin-top: .3rem;
}

.fnin.fund .late-trading li .time-wrap .time-after:last-child:after {
  transform: rotate(180deg);
}

.fnin.fund .late-trading li .time-wrap .time {
  color: var(--Primary, #2A3FEC);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8rem;
  letter-spacing: -0.006rem;
}

.fnin.fund .late-trading li .time-wrap .time:before {
  content: '';
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: .45rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.fnin.fund .late-trading li p {
  color: var(--SH_Gr_02);
  text-align: center;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  border-radius: 1rem;
  background: var(--SH_Gr_10);
  padding: .8rem 0;
  margin-top: 1.55rem;
}

.fnin.fund .late-trading li:nth-child(1) .time:before {
  background-image: url("/mweb/cms/images/fnin/timer1530-35ea8b32db6bc578189208536011748f.svg");
}

.fnin.fund .late-trading li:nth-child(2) .time:before {
  background-image: url("/mweb/cms/images/fnin/timer1700-3e4b8c9dc6fb0fbd0cf5e219fe9e306f.svg");
}

.fnin.fund .late-trading li:first-child {
  padding-bottom: 2.8rem;
  border-bottom: 1px solid var(--SH_Gr_09);
  margin-bottom: 2.8rem;
}

/* 금융상품 > 채권 */
.fnin.bond.section__box .risk1 {
  color: #1EC517;
}

.fnin.bond.section__box .risk2 {
  color: #00C9E0;
}

.fnin.bond.section__box .risk3 {
  color: #FFB800;
}

.fnin.bond.section__box .risk4 {
  color: #FF5C00;
}

.fnin.bond.section__box .risk5 {
  color: #F00;
}

.fnin.bond.section__box .banner_area {
  background: linear-gradient(180deg, #F8EECF 0%, #FFA5A3 100%);
}

.fnin.bond.section__box .banner_area .banner_wrap {
  align-items: center;
}

.fnin.bond.section__box .banner_area .banner_wrap .banner_txt {
  width: calc(100% - 11.7rem);
}

.fnin.bond.section__box .text {
  font-size: 1.5rem;
  font-weight: 400;
  color: #3B3B41;
  line-height: 2.5rem;
}

@media (min-width: 900px) {
  .fnin.bond.section__box .text {
    font-size: 1.6rem;
  }
}

.fnin.bond.section__box .text ~ h3 {
  margin-top: 2.8rem;
}

.fnin.bond.section__box .risk_wrap .text {
  margin-bottom: 1.6rem;
}

.fnin.bond.section__box .risk_wrap .risk {
  border-radius: 10px;
  border: 1px solid var(--SH_Gr_08);
  padding: 2rem 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  position: relative;
}

.fnin.bond.section__box .risk_wrap .risk li {
  display: inline-block;
  height: 6rem;
  text-align: center;
  width: 25%;
  position: relative;
  padding-top: 2.2rem;
  /* &::after {content:'';width:50%;height:30px;background:red;position:absolute;top:-10px;left:0;}*/
}

.fnin.bond.section__box .risk_wrap .risk li::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  background-color: #1EC517;
  margin: 0 auto 1.2rem;
  position: absolute;
  top: 0rem;
  left: 50%;
  margin-left: -.5rem;
  z-index: 1;
}

.fnin.bond.section__box .risk_wrap .risk li p {
  font-size: 1.3rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .fnin.bond.section__box .risk_wrap .risk li p {
    font-size: 1.4rem;
  }
}

.fnin.bond.section__box .risk_wrap .risk li span {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--SH_Gr_04);
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(1) {
  color: #1EC517;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(1)::before {
  background-color: #1EC517;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(1)::after {
  content: '';
  width: calc(50% + .5rem);
  height: 1rem;
  background: #FFF;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 0;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(2) {
  color: #00C9E0;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(2)::before {
  background-color: #00C9E0;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(3) {
  color: #FFB800;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(3)::before {
  background-color: #FFB800;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(4) {
  color: #FF5C00;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(4)::before {
  background-color: #FF5C00;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(5) {
  color: #F00;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(5)::before {
  background-color: #F00;
}

.fnin.bond.section__box .risk_wrap .risk li:nth-child(5)::after {
  content: '';
  width: calc(50% + .5rem);
  height: 1rem;
  background: #FFF;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 0;
}

.fnin.bond.section__box .risk_wrap .risk::after {
  content: '';
  display: block;
  height: .1rem;
  background-color: #D6DBE8;
  position: absolute;
  top: 2.5rem;
  left: 1rem;
  right: 1rem;
  z-index: -2;
}

.fnin.bond.section__box .table table thead th {
  text-align: center;
}

.fnin.bond.section__box .table table tbody td {
  text-align: center;
  font-weight: 400;
}

.fnin.bond.section__box .table table tbody .align-left {
  text-align: left;
  background: #FFF !important;
}

.fnin.bond.section__box .table table tbody .risk1 td {
  background: #F0FFF0;
}

.fnin.bond.section__box .table table tbody .risk2 td {
  background: #E7FDFF;
}

.fnin.bond.section__box .table table tbody .risk3 td {
  background: #FFFBEC;
}

.fnin.bond.section__box .table table tbody .risk4 td {
  background: #FFF6F0;
}

.fnin.bond.section__box .table table tbody .risk5 td {
  background: #FFEAEA;
}

.fnin.bond.section__box .qna-list .qna__q::before {
  content: none;
}

.fnin.bond.section__box .vs-box.vs1 span {
  min-width: 8.9rem;
}

.fnin.bond.section__box .vs-box.vs1 span:nth-child(1)::before {
  width: 100%;
  height: 6.9rem;
  background: url(/mweb/cms/images/fnin/bond-img2-02c767e238796d5a90e068d9d98885f6.png) left 50% top 1rem no-repeat;
  background-size: 5.25rem auto;
}

.fnin.bond.section__box .vs-box.vs1 span:nth-child(3)::before {
  width: 100%;
  height: 6.9rem;
  background: url(/mweb/cms/images/fnin/bond-img3-bc0012a1fca45e3be159d75d50fe0feb.png) left 50% top 0.5rem no-repeat;
  background-size: 4.75rem auto;
}

.fnin.bond.section__box .vs-box.vs2 span:nth-child(1)::before {
  width: 100%;
  height: 6.9rem;
  background: url(/mweb/cms/images/fnin/bond-img4-ed30fa13b5eb8d5df221f17fd2d534bb.png) left 50% top 0 no-repeat;
  background-size: 7rem auto;
}

.fnin.bond.section__box .vs-box.vs2 span:nth-child(3)::before {
  width: 100%;
  height: 6.9rem;
  background: url(/mweb/cms/images/fnin/bond-img5-c59b014d6c2bdad6959f0abba3b43f02.png) left 50% top 0 no-repeat;
  background-size: 7rem auto;
}

.fnin.bond.section__box .vs-box.vs3 {
  margin-bottom: 1.6rem;
}

.fnin.bond.section__box .vs-box.vs3 span:nth-child(1)::before {
  width: 100%;
  height: 7rem;
  background: url(/mweb/cms/images/fnin/bond-img6-83f04c371e7b7d4a9d0257449334ecb9.png) left 50% top 0.5rem no-repeat;
  background-size: auto 7rem;
}

.fnin.bond.section__box .vs-box.vs3 span:nth-child(3)::before {
  width: 100%;
  height: 7rem;
  background: url(/mweb/cms/images/fnin/bond-img7-d4be0f11eac9ca6150c3af688c30be68.png) left 50% top 0.5rem no-repeat;
  background-size: auto 7rem;
}

.fnin.bond.section__box .vs-box-wrap ~ .list__accordion {
  margin-top: 2.8rem;
}

.fnin.bond.section__box .vs-box ~ .text {
  margin-top: 1.6rem;
}

.fnin.bond.section__box .vs-box ~ .text strong {
  margin-bottom: .8rem;
  display: block;
}

.list__accordion.bond {
  margin-top: 2.8rem;
}

.list__accordion.bond .list__items-cont {
  padding: 0;
  background-color: #FFF;
}

/* 금융상품 > 랩 */
.fnin.wrap.section__box .banner_area {
  background: linear-gradient(180deg, #FFDDA9 0%, #FFEEDE 100%);
}

.fnin.wrap.section__box .banner_area .banner_wrap {
  align-items: center;
}

.fnin.wrap.section__box .banner_area .banner_wrap .banner_txt {
  width: calc(100% - 9.2rem);
}

.fnin.wrap.section__box .banner_area .banner_wrap::after {
  background-image: url(/mweb/cms/images/fnin/wrap-img1-f36ea186e323bac83de210935e8937c9.png);
}

.fnin.wrap.section__box .fund-list .section__list .section__item:nth-child(1) .item_wrap::before {
  background-image: url(/mweb/cms/images/fnin/wrap-icon1-fe0fae68c5f4e1845e3ded3c048e2822.svg);
}

.fnin.wrap.section__box .fund-list .section__list .section__item:nth-child(2) .item_wrap::before {
  background-image: url(/mweb/cms/images/fnin/wrap-icon2-e5fe39cee3aca5c90b75f36abdb031c0.svg);
}

.fnin.wrap.section__box .fund-list .section__list .section__item:nth-child(3) .item_wrap::before {
  background-image: url(/mweb/cms/images/fnin/wrap-icon3-711827ff0889c07b807e4bc8fd87e002.svg);
}

.fnin.wrap.section__box .order_info {
  margin-bottom: 1.6rem;
}

.fnin.wrap.section__box .order_info li {
  margin-bottom: .8rem;
}

.fnin.wrap.section__box .caption {
  color: var(--SH_Gr_02);
}

/* 금융상품 > ELS/DLS */
.edls.banner_type1 {
  background: var(--menu_gra_03, linear-gradient(180deg, #F1EEFC 0%, #D7D1F0 100%));
}

.edls.banner_type1 .banner-inner .banner-title-wrap::after {
  background-image: url("/mweb/cms/images/fnin/edls-img1-69ba1474c7a9286aef639667f235f0d5.png");
}

.fnin.edls.section__box .summary-point:nth-child(1):before {
  background-image: url("/mweb/cms/images/fnin/edls_icon1-c5183d6d2f98f0d2f9d2c86c10508595.svg");
}

.fnin.edls.section__box .summary-point:nth-child(2):before {
  background-image: url("/mweb/cms/images/fnin/edls_icon2-0b5a9122ea49c8282e464f50cdf88466.svg");
}

.fnin.edls.section__box .summary-point:nth-child(3):before {
  background-image: url("/mweb/cms/images/fnin/edls_icon3-f67bfce59877af08ad5fd88af5aa639a.svg");
}

.fnin.edls.section__box .order_info li {
  margin-bottom: 1.6rem;
}

.fnin.edls.section__box .order_info li:last-child {
  margin-bottom: 0;
}

.fnin.edls.section__box .order_info li strong > span.primarycolor {
  display: inline;
  color: var(--Primary, #2A3FEC);
}

/* 금융상품 > 연금저축 */
.pens.banner_type1 {
  background: linear-gradient(180deg, #BFFFBA 0%, #F9D0D0 100%);
}

.pens.banner_type1 .banner-inner .banner-title-wrap {
  align-items: flex-start;
  margin-bottom: 1rem;
}

.pens.banner_type1 .banner-inner .banner-title-wrap::after {
  background-image: url("/mweb/cms/images/fnin/pens-img1-29d7485b642b7fef644ec0a5e9a53f8f.png");
}

.fnin.pens.section__box .summary-point:nth-child(1):before {
  background-image: url("/mweb/cms/images/fnin/pens_icon1-dc6e6f0e76036b5456da0ae87e0b973b.svg");
}

.fnin.pens.section__box .summary-point:nth-child(2):before {
  background-image: url("/mweb/cms/images/fnin/pens_icon2-d94a29deb2927f93ed5b9cdeb881855b.svg");
}

.fnin.pens.section__box .summary-point:nth-child(3):before {
  background-image: url("/mweb/cms/images/fnin/pens_icon3-a2ad95ca6adda533a3127c2abf3db039.svg");
}

.fnin.pens.section__box .fnin-qna {
  padding: 1.2rem;
  font-size: 1.3rem;
  border-radius: 5px;
  background: var(--SH_Gr_10, #F1F3F8);
}

@media (min-width: 900px) {
  .fnin.pens.section__box .fnin-qna {
    font-size: 1.4rem;
  }
}

.fnin.pens.section__box .fnin-qna dt, .fnin.pens.section__box .fnin-qna dd {
  padding-left: 2rem;
  color: var(--SH_Gr_02);
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

.fnin.pens.section__box .fnin-qna dt:before, .fnin.pens.section__box .fnin-qna dd:before {
  content: 'A.';
  display: inline-block;
  margin-right: .6rem;
  width: 1.4rem;
  margin-left: -2rem;
  font-weight: 700;
}

.fnin.pens.section__box .fnin-qna dt {
  font-weight: 700;
  margin-bottom: 1.6rem;
}

.fnin.pens.section__box .fnin-qna dt:before {
  content: 'Q.';
  color: var(--primary);
}

.fnin.pens.section__box .vs-box > span {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .fnin.pens.section__box .vs-box > span {
    font-size: 1.4rem;
  }
}

.fnin.pens.section__box .vs-box > span .d-block {
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: -0.006rem;
  margin-top: .8rem;
  color: var(--SH_Gr_04);
}

.fnin.pens.section__box .vs-box > span::before {
  width: 100%;
  height: 6.9rem;
  background-repeat: no-repeat;
  background-position: left 50% top 50%;
}

.fnin.pens.section__box .vs-box > span:nth-child(1):before {
  background-image: url(/mweb/cms/images/fnin/pens-img2-1ca2222bc6be569b6416609008c52c18.png);
  background-size: 6rem auto;
}

.fnin.pens.section__box .vs-box > span:nth-child(3):before {
  background-image: url(/mweb/cms/images/fnin/pens-img3-1b45822541fddebe81193d60880631fd.png);
  background-size: 4.8rem auto;
}

.fnin.pens.section__box .vs-box .vs {
  color: transparent;
}

.fnin.pens.section__box .vs-box .vs::before {
  content: none;
}

.fnin.pens.section__box .diagram-wrap {
  border-radius: 8px;
  border: 1px solid var(--SH_Gr_08);
  padding: 1.6rem;
  margin-top: 2.8rem;
}

.fnin.pens.section__box .diagram-wrap .diagram-item p {
  color: White;
  text-align: center;
  border-radius: 10px;
  background: var(--SH_Gr_03);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  padding: .6rem 0;
}

@media (min-width: 900px) {
  .fnin.pens.section__box .diagram-wrap .diagram-item p {
    font-size: 1.4rem;
  }
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul {
  display: flex;
  justify-content: space-between;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li {
  text-align: center;
  width: 100%;
  padding-top: 2.4rem;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content {
  height: auto;
  border-radius: 10px;
  background: var(--SH_Gr_10);
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  padding: .8rem 0;
  position: relative;
  overflow: visible !important;
}

@media (min-width: 900px) {
  .fnin.pens.section__box .diagram-wrap .diagram-item ul li .content {
    font-size: 1.4rem;
  }
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content .middle {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content:first-child {
  margin-bottom: 2rem;
  vertical-align: middle;
  margin-bottom: 2.4rem;
  color: var(--SH_Gr_04);
  font-weight: 400;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content:first-child::before {
  content: '';
  display: block;
  width: 100%;
  height: 2.4rem;
  background: url(/mweb/cms/images/fnin/arw-down-6ca3cfe640344bd78f83adc03350b14c.svg) no-repeat 50% 0;
  position: absolute;
  top: -2.4rem;
  left: 0;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content:first-child::after {
  content: '';
  display: block;
  width: 100%;
  height: 2.4rem;
  background: url(/mweb/cms/images/fnin/arw-down-6ca3cfe640344bd78f83adc03350b14c.svg) no-repeat 50% 100%;
  position: absolute;
  bottom: -2.4rem;
  left: 0;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content:nth-child(3) {
  margin-top: .4rem;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li .content.last {
  height: calc(100% - 10rem);
}

.fnin.pens.section__box .diagram-wrap .diagram-item ul li ~ li {
  margin-left: 1.2rem;
}

.fnin.pens.section__box .diagram-wrap .diagram-item:first-child ul li .content:first-child {
  height: 7.6rem;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ~ .diagram-item {
  margin-top: 2.8rem;
  border-top: 1px solid var(--SH_Gr_09);
  padding-top: 2.8rem;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ~ .diagram-item .content:first-child {
  margin-bottom: 0;
}

.fnin.pens.section__box .diagram-wrap .diagram-item ~ .diagram-item .content:first-child::after {
  content: none;
}

.fnin.pens.section__box h4 {
  font-weight: 700;
}

.fnin.pens.section__box h4 ~ .table {
  margin-top: .8rem;
}

.fnin.pens.section__box .border-bottom table tr td {
  border-bottom-color: var(--primary);
}

.fnin.pens.section__box .border-bottom table tr:nth-child(odd) td:nth-child(3), .fnin.pens.section__box .border-bottom table tr:nth-child(odd) td:nth-child(4), .fnin.pens.section__box .border-bottom table tr:nth-child(odd) td:nth-child(5) {
  border-bottom: 0;
}

.fnin.pens.section__box .border-bottom table tr:nth-child(4), .fnin.pens.section__box .border-bottom table tr:nth-child(3) {
  border: 1px solid var(--primary);
}

/* 금융상품 > 퇴직연금 */
.irp.banner_type1 {
  background: linear-gradient(180deg, #FFF9F0 0%, #FFDEDE 100%);
}

.irp.banner_type1 .banner-inner .banner-title-wrap::after {
  background-image: url("/mweb/cms/images/fnin/irp-img1-ac46bc8f27d7c92139e408573f1b22e2.png");
}

/* 금융상품 > ISA */
.pop-bottom.fisa .popup__content .inner_wrap {
  padding: 12px;
  border-radius: 5px;
  background: var(--SH_Gr_10);
}

.pop-bottom.fisa .popup__content .inner_wrap .list__icon-dot li {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .pop-bottom.fisa .popup__content .inner_wrap .list__icon-dot li {
    font-size: 1.4rem;
  }
}

.pop-bottom.fisa .popup__content .inner_wrap strong {
  margin-bottom: .6rem;
}

.pop-bottom.fisa .popup__content .inner_wrap ~ .inner_wrap {
  margin-top: .8rem;
}

.fnin.fisa.section__box .list__accordion .list__items:first-child {
  border-top: 0;
}

.fisa.caption {
  max-width: 128rem;
  margin: auto;
}

.fisa.banner_type1 {
  background: var(--menu_gra_01, linear-gradient(180deg, #E8F4F6 0%, #CEF6F9 100%));
}

.fisa.banner_type1 .banner-inner .banner-title-wrap {
  align-items: flex-start;
  margin-bottom: 1rem;
}

.fisa.banner_type1 .banner-inner .banner-title-wrap::after {
  background-image: url("/mweb/cms/images/fnin/fisa-img1-b4daccc4f95a1504926db1f0bedf716f.png");
}

.summary-point .bubble {
  height: 4.4rem;
  width: auto;
  padding: 1.2rem 0;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 2.6rem;
  margin-right: 2rem;
  background-color: #E9F1FF;
  color: var(--Primary, #2A3FEC);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .summary-point .bubble {
    font-size: 1.4rem;
  }
}

.summary-point .bubble:before {
  content: '';
  display: block;
  width: 2.6rem;
  height: 4.4rem;
  background: url(/mweb/cms/images/fnin/bubble-bg-ed14355a351cf28d997132025561f95b.svg) 0 50% no-repeat;
  position: absolute;
  top: 0;
  left: -2.6rem;
}

.summary-point .bubble:after {
  content: '';
  display: block;
  width: 2rem;
  height: 4.4rem;
  background: url(/mweb/cms/images/fnin/bubble-bg-ed14355a351cf28d997132025561f95b.svg) 100% 50% no-repeat;
  position: absolute;
  top: 0;
  right: -2rem;
}

.fnin.fisa.section__box .summary-point {
  padding-top: 5.6rem;
  position: relative;
}

.fnin.fisa.section__box .summary-point:nth-child(1):before {
  background-image: url("/mweb/cms/images/fnin/fisa_icon1-3d98a11f7ce842f83a1c6d21aa3a31cb.svg");
}

.fnin.fisa.section__box .summary-point:nth-child(2):before {
  background-image: url("/mweb/cms/images/fnin/fisa_icon2-57e97b817647abdb6d2edbf91f8c8322.svg");
}

.fnin.fisa.section__box .summary-point:nth-child(3):before {
  background-image: url("/mweb/cms/images/fnin/fisa_icon3-26f3bbc5e6b27df263608f0607a351e1.svg");
}

.fnin.fisa.section__box .list__accordion .list__items-cont {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .fnin.fisa.section__box .list__accordion .list__items-cont {
    font-size: 1.4rem;
  }
}

.fnin.fisa.section__box .list__accordion .list__items-cont .list__icon-dot {
  padding-left: 0;
  margin: 0.4rem 0 1.2rem;
}

.fnin.fisa.section__box .list__accordion .list__items-cont .list__icon-dot li {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .fnin.fisa.section__box .list__accordion .list__items-cont .list__icon-dot li {
    font-size: 1.4rem;
  }
}

.fnin.fisa.section__box .list__accordion .list__items-cont .list__icon-dot li strong {
  display: inline;
}

.fnin.fisa.section__box .list__accordion .list__items-cont .list__icon-dot li span {
  margin: .4rem 0;
}

.fnin.fisa.section__box .list__accordion .list__items-cont strong {
  display: block;
}

.fnin.fisa.section__box .list__accordion .list__items-cont strong ~ strong {
  margin-top: 1.2rem;
}

.fnin.fisa.section__box .list__accordion .list__items-cont .list__icon-dot:last-child {
  margin-bottom: 0;
}

.fnin.section__box .list__accordion .list__items .qna__a {
  display: none;
  border-radius: 5px;
  background: var(--SH_Gr_10);
  padding: 1.2rem;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 900px) {
  .fnin.section__box .list__accordion .list__items .qna__a {
    font-size: 1.4rem;
  }
}

.fnin.section__box .list__accordion.qna-list {
  border-top: 0;
  color: var(--SH_Gr_02);
}

.fnin.section__box .list__accordion.qna-list .list__items a.qna__q {
  font-weight: 500;
}

.fnin.section__box .list__accordion.qna-list .qna__a-text:before {
  line-height: 2rem;
}

.fnin.section__box .caption.txt-int0 {
  padding-left: 1.8rem;
}

.tab__scroll .tab-contents:first-child .fnin.section__box {
  border-top: 0;
}

.rp.banner_type1 {
  background: linear-gradient(to bottom, #D8EEFF 0%, #A8D0FF 100%);
}

.rp.banner_type1 .banner-inner .banner-title-wrap::after {
  background-image: url(/mweb/cms/images/fnin/rp-img1-623863161977c7f5fb589ea1d7aa7402.png);
}

.rp .summary-point:nth-child(1):before {
  background-image: url(/mweb/cms/images/fnin/rp_icon1-ed47eb9ff794d4c717a5b01e3a714310.svg);
}

.rp .summary-point:nth-child(2):before {
  background-image: url(/mweb/cms/images/fnin/rp_icon2-593bbddf3e8653b3dda3524bea047554.svg);
}

.rp .summary-point:nth-child(3):before {
  background-image: url(/mweb/cms/images/fnin/rp_icon3-f6a0e1df806bb7d5c660f3d55a322314.svg);
}

.table .btn-wrap {
  margin-top: 1rem;
}

.cma.banner_type1 {
  background: linear-gradient(to bottom, #FFDEE0 0%, #C4EEFB 100%);
}

.cma.banner_type1 .banner-inner .banner-title-wrap::after {
  background-image: url(/mweb/cms/images/fnin/cma-img1-731ae33ced7a78d04929d876f9242e2e.png);
}

.fnin.cma.section__box .summary-point {
  padding-top: 5.6rem;
  position: relative;
}

.fnin.cma.section__box .summary-point:nth-child(1):before {
  background-image: url("/mweb/cms/images/fnin/cma_icon1-3aabfda0ea878047dd2dd7ea1be95721.svg");
}

.fnin.cma.section__box .summary-point:nth-child(2):before {
  background-image: url("/mweb/cms/images/fnin/cma_icon2-401fc626d2f7c6b436a39619741bc084.svg");
}

.fnin.cma.section__box .summary-point:nth-child(3):before {
  background-image: url("/mweb/cms/images/fnin/cma_icon3-f6a0e1df806bb7d5c660f3d55a322314.svg");
}

.list__items-cont .card__box a .card__info .card__info-title {
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .list__items-cont .card__box a .card__info .card__info-title {
    font-size: 1.4rem;
  }
}

.card__box-wrap .card__box a {
  background-color: var(--SH_Gr_10);
  padding: 1.2rem;
  border-radius: 0.5rem;
}

.card__box-wrap .card__box a .img {
  margin-right: 1.6rem;
}

.card__box-wrap .card__box ~ .card__box {
  margin-top: 0.8rem;
}

.card__box a {
  display: flex;
}

.card__box a .img {
  width: 2.4rem;
  flex-shrink: 0;
  margin-right: 1.2rem;
  padding-top: 0.5rem;
}

.card__box a .card__info {
  display: flex;
  flex-direction: column;
}

.card__box a .card__info .card__info-title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

@media (min-width: 900px) {
  .card__box a .card__info .card__info-title {
    font-size: 1.6rem;
  }
}

.card__box a .card__info .card__info-text {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 400;
}

@media (min-width: 900px) {
  .card__box a .card__info .card__info-text {
    font-size: 1.4rem;
  }
}

.card__box + .card__box {
  margin-top: 0.8rem;
}

.cma__products-list li {
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  padding: 0.8rem 0;
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .cma__products-list li {
    font-size: 1.6rem;
  }
}

.cma__products-list li::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/fnin/icon_cma01-4fccdda10f1671c0b598e053e1a4206f.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 1rem;
  flex-shrink: 0;
}

.cma__products-list li:nth-child(2)::before {
  background-image: url(/mweb/cms/images/fnin/icon_cma02-c43cf0c70c43cfbf434d86f54ebf5a2b.svg);
}

.cma__products-list li:nth-child(3)::before {
  background-image: url(/mweb/cms/images/fnin/icon_cma03-2ed267e4217d73d4d5a46cd105752b01.svg);
}

.cma__products-list li:nth-child(4)::before {
  background-image: url(/mweb/cms/images/fnin/icon_cma04-22d22bbf1ec3131083bdfd5fed138bf4.svg);
}

.cma__products-list li:first-child {
  margin-top: 0;
}

@media (min-width: 600px) {
  .visual__finance .visual__finance-inner {
    height: 32.5rem;
    padding: 2.8rem 8.5rem;
    justify-content: center;
  }
  .visual__finance .visual__finance-inner dl {
    align-items: center;
  }
  .visual__finance .visual__finance-inner .finance-title {
    text-align: center;
  }
  .visual__finance .visual__finance-inner .finance-title br {
    display: none;
  }
  .visual__finance .visual__finance-inner .visual__finance-icon {
    display: none;
  }
  .finance-area {
    margin-top: -19.8rem;
  }
  .finance-area .finance-list {
    padding: 1.6rem;
  }
  .finance-area .finance-list::before, .finance-area .finance-list::after {
    display: block;
  }
  .finance-area .finance-list .finance-list-items {
    width: calc(100% / 5);
  }
  .fnin.fund.section__box .cact__banner .cact__banner-inner .cact__banner-title-wrap .cact__banner-title {
    padding-top: 2rem;
  }
  .banner_type1 .banner-inner .banner-title-wrap {
    justify-content: center;
    gap: 2.8rem;
  }
  .banner_type1 .banner-inner .list-items {
    justify-content: center;
  }
  .fnin.section__box .alphaTV .video .video-img {
    height: 23rem;
  }
  .fnin.fund .late-trading ul {
    display: flex;
    justify-content: space-around;
  }
  .fnin.fund .late-trading ul li:first-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .fisa.banner_type1 .banner-inner .banner-title-wrap,
  .pens.banner_type1 .banner-inner .banner-title-wrap {
    align-items: center;
    margin-bottom: 2.8rem;
  }
}

@media (min-width: 900px) {
  .visual__finance .visual__finance-inner {
    width: 62.8rem;
    height: 27.6rem;
    padding: 4rem 0;
    margin: 0 auto;
  }
  .finance-area {
    margin-top: -12rem;
  }
  .finance-area .finance-list::before {
    width: 8.2rem;
    height: 10.3rem;
    right: 4.5rem;
    bottom: -0.95rem;
  }
  .finance-area .finance-list::after {
    width: 1.9rem;
    height: 1.7rem;
    right: 12.7rem;
    bottom: 6.8rem;
  }
  .finance__banner-swiper {
    position: absolute;
    top: 65.4rem;
    width: calc(50% - 2rem);
  }
  .finance__banner-swiper .finance__banner-items a {
    height: 9.6rem;
  }
  .finance__banner-swiper .finance__banner-items a .img-baner {
    width: 11.7rem;
    height: 9.6rem;
  }
  .alphaTv-swiper {
    margin: 4.8rem 0 0 0;
  }
  .alpha-tv__list {
    flex-direction: row !important;
  }
  .alpha-tv__items.swiper-slide {
    height: calc(100% / 2);
  }
  .app-download__banner {
    display: flex;
    justify-content: flex-end;
  }
  .app-download__banner a {
    width: calc(50% - 2rem);
    height: 9.6rem;
    margin-left: 2rem;
    padding: 2rem;
  }
  .customer__banner {
    margin-top: 2rem;
  }
  .customer__banner a {
    padding: 2rem;
  }
  .fnin.section__box .banner_area .banner_wrap::after {
    width: 6rem;
    height: 6rem;
  }
  .summary {
    max-width: 71rem;
    margin: auto;
  }
  .summary .summary-point {
    display: flex;
    gap: 2.8rem;
    align-items: center;
  }
  .summary .summary-point > div {
    text-align: left;
    width: calc(100% - 18.8rem);
  }
  .summary .summary-point:before {
    width: 16rem;
  }
  .summary .summary-point br {
    display: none;
  }
  .summary .summary-point ~ .summary-point {
    margin-top: 4.8rem;
  }
  .fnin.fund .late-trading {
    padding: 2.8rem 1.6rem;
  }
  .fnin.fund .late-trading ul {
    display: flex;
    justify-content: center;
    gap: 7rem;
  }
  .fnin.fund .late-trading ul li {
    width: 29.2rem;
    box-sizing: content-box;
  }
  .fnin.fund .late-trading ul li:first-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    padding-right: 7rem;
    border-right: 1px solid var(--SH_Gr_09);
  }
  .fnin.section__box h2, .banner_type1 .banner-inner .banner-title-wrap .banner-title {
    line-height: 3.3rem;
  }
  .fnin.section__box .alphaTV .video .video-img {
    height: 28rem;
  }
  .fnin.section__box .fund-list {
    padding: 2.8rem;
  }
  .fnin.section__box .fund-list .section__list {
    display: flex;
    gap: 4rem;
  }
  .fnin.section__box .fund-list .section__list .section__item {
    flex: 1 1 30%;
    text-align: center;
    position: relative;
    padding: 0;
  }
  .fnin.section__box .fund-list .section__list .section__item .item_wrap {
    padding-left: 0;
  }
  .fnin.section__box .fund-list .section__list .section__item .item_wrap:before {
    position: static;
    margin-bottom: 1.2rem;
    margin-top: 0;
    width: 5rem;
    height: 5rem;
  }
  .fnin.section__box .fund-list .section__list .section__item ~ .section__item {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .fnin.section__box .fund-list .section__list .section__item ~ .section__item::before {
    content: '';
    width: block;
    width: 1px;
    height: 7.3rem;
    background-color: var(--SH_Gr_09);
    position: absolute;
    top: 50%;
    margin-top: -3.65rem;
    left: -2rem;
  }
  .fnin.section__box .fund-list.step-type {
    padding: 2.8rem 1.6rem;
  }
  .fnin.section__box .fund-list.step-type .section__list {
    gap: 6rem;
  }
  .fnin.section__box .fund-list.step-type .section__list .section__item {
    padding-left: 0;
    flex: 1 1 25%;
  }
  .fnin.section__box .fund-list.step-type .section__list .section__item span {
    position: static;
    display: block;
    margin: 0 auto 2.3rem;
  }
  .fnin.section__box .fund-list.step-type .section__list .section__item ~ .section__item span {
    left: -3rem;
  }
  .fnin.fund .section__inner .float-area .fund-content {
    width: 32.4rem;
    float: left;
  }
  .fnin.fund .section__inner .float-area .fund-content .img-wrap {
    padding: 3.2rem .8rem;
  }
  .fnin.fund .section__inner .float-area .fund-content .txt-wrap {
    padding: 2.4rem 1.6rem;
  }
  .fnin.fund .section__inner .float-area .fund-content.mb16 {
    margin-bottom: 5.3rem !important;
  }
  .fnin.fund .section__inner .float-area .table {
    width: calc(100% - 35.2rem);
    float: right;
  }
  .fnin.section__box {
    /* 투자방법 */
  }
  .fnin.section__box .text_box .img-wrap {
    max-width: 36rem;
  }
  .fnin.section__box .text_box ul > li {
    font-size: 1.6rem;
  }
  .fnin.section__box .list__accordion .list__items .qna__a {
    padding: 0;
  }
  .fnin.section__box .fnin.bond.section__box .risk_wrap {
    display: flex;
    align-items: flex-start;
    gap: 2.8rem;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .fnin.section__box .fnin.bond.section__box .risk_wrap .text {
    flex-basis: calc(100% - 35.2rem);
  }
  .fnin.section__box .fnin.bond.section__box .risk_wrap .risk {
    width: 32.4rem;
  }
  .fnin.section__box .fnin.bond.section__box .banner_wrap {
    margin: auto;
    max-width: 64.8rem;
  }
  .fnin.section__box .vs-box-wrap {
    display: flex;
    flex-wrap: nowrap;
    gap: 2.8rem;
  }
  .fnin.section__box .vs-box-wrap .vs-box {
    max-width: 32.4rem;
    margin-top: 0 !important;
  }
  .fnin.section__box .vs-box-wrap .vs-box.vs1 {
    max-height: 14.2rem;
    margin-top: 5.3rem !important;
  }
  .fnin.section__box .vs-box-wrap.float {
    overflow: hidden;
    display: block;
  }
  .fnin.section__box .vs-box-wrap.float .text {
    width: calc(100% - 35.2rem);
    float: left;
  }
  .fnin.section__box .vs-box-wrap.float .vs-box {
    float: right;
  }
  .fnin.pens.section__box .diagram-wrap {
    display: flex;
    padding: 2.8rem;
    justify-content: space-between;
    gap: 5.6rem;
    align-items: flex-start;
  }
  .fnin.pens.section__box .diagram-wrap .diagram-item {
    flex-grow: 1;
    width: calc(50% - 2.9rem);
  }
  .fnin.pens.section__box .diagram-wrap .diagram-item ~ .diagram-item {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    position: relative;
  }
  .fnin.pens.section__box .diagram-wrap .diagram-item ~ .diagram-item:before {
    content: '';
    display: block;
    width: 1px;
    height: 25.2rem;
    background-color: var(--SH_Gr_09);
    position: absolute;
    left: -2.8rem;
    top: 0;
  }
  .fnin.fisa.section__box .summary-point {
    padding-top: 3.2rem;
  }
  .fnin.fisa.section__box .summary-point .bubble {
    left: 18.8rem;
  }
  .banner_type1 .banner-inner .banner-title-wrap::after {
    width: 6rem;
    height: 6rem;
  }
}

/*금융상품*/
.ml8 {
  margin-left: .8rem;
}

/*고객상담안내*/
.customer-center {
  display: flex;
  flex-direction: column;
  background-color: #DFF1FE;
  border-radius: 1rem;
  padding: 1.6rem;
  margin-top: -2.2rem;
}

.customer-center.inquiry {
  flex-direction: row;
  justify-content: space-between;
}

.customer-center.inquiry::after {
  content: '';
  width: 5rem;
  height: 5rem;
  background: #FFF url(/mweb/cms/images/svif/img_customer_inquiry-bf6895ad134b5a1ee383b83323b4d53d.png) no-repeat 50%;
  background-size: 3.8rem 3.2rem;
  border-radius: 50%;
}

.customer-center.inquiry dd {
  margin-bottom: 0;
}

.customer-center dt {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .customer-center dt {
    font-size: 1.8rem;
  }
}

.customer-center dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  margin: 0.4rem 0 1.6rem;
}

@media (min-width: 900px) {
  .customer-center dd {
    font-size: 1.6rem;
  }
}

.customer-center .btn__wrap {
  padding: 0;
}

.customer-center .btn__wrap .btn-xsm {
  display: inline-flex;
  width: auto;
  padding: 0 1.6rem;
}

.customer-center .btn__wrap .btn-xsm ~ .btn-xsm {
  margin-left: 0.8rem;
}

.customer-center .btn__wrap .btn-xsm span {
  display: flex;
  align-items: center;
}

.customer-center .btn__wrap .btn-xsm span::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background-size: 100%;
  margin-right: 0.4rem;
}

.customer-box {
  background-color: var(--SH_Gr_10);
  border-radius: 1rem;
  margin-top: 1.2rem;
  padding: 1.6rem;
}

.customer-box .customer-box__inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.customer-box .customer-box__inner a.icon_arrow::after {
  transform: rotate(-90deg);
}

.customer-box .customer-box__inner a div {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 3.8rem;
}

.customer-box .customer-box__inner a div::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 3rem;
  height: 3rem;
  transform: translateY(-50%);
}

.customer-box .customer-box__inner a div.chatbot::before {
  background: url(/mweb/cms/images/svif/img_chatbot-9b4e5a09d29d732fdccd41d91bc6c174.png) no-repeat center 100%;
  background-size: 100%;
}

.customer-box .customer-box__inner a div.inquiry::before {
  background: url(/mweb/cms/images/svif/icon_inquiry-32ce135f236a4b890df1cca4bbc09814.svg) no-repeat 0 0;
  background-size: 100%;
}

.customer-box .customer-box__inner a .customer-box__title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .customer-box .customer-box__inner a .customer-box__title {
    font-size: 1.6rem;
  }
}

.customer-box .customer-box__inner a .customer-box__text {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .customer-box .customer-box__inner a .customer-box__text {
    font-size: 1.4rem;
  }
}

.customer-center-list {
  margin: 2.8rem 0 1.6rem;
}

.customer-center-list .customer-center-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px var(--SH_Gr_09) solid;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
}

.customer-center-list .customer-center-items:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.customer-center-list .customer-center-items .custom-info dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .customer-center-list .customer-center-items .custom-info dt {
    font-size: 1.6rem;
  }
}

.customer-center-list .customer-center-items .custom-info dd {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
}

.customer-center-list .customer-center-items .icon--tel {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .customer-center-list .customer-center-items .icon--tel {
    font-size: 1.6rem;
  }
}

.customer-center-list .customer-center-items .icon--tel::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background-size: 100%;
  margin-right: 0.4rem;
}

.customer-box + .list__icon-dot {
  margin-top: 2.8rem;
}

.question {
  margin-top: 2.8rem;
}

.question .h2__title {
  margin-bottom: 0;
}

.question__inner {
  overflow: hidden;
  margin-right: -1.8rem;
  padding-right: 1.8rem;
}

.question__inner .question__list {
  display: flex;
  flex-flow: wrap;
  flex-direction: row !important;
}

.question__inner .question__list .question__list-items {
  height: calc(100% / 2);
  margin-top: 0.8rem;
}

.question__inner .question__list .question__list-items a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.4rem;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  border: 1px var(--SH_Gr_09) solid;
  border-radius: 1rem;
  padding: 0 1.2rem;
  text-align: center;
}

@media (min-width: 900px) {
  .question__inner .question__list .question__list-items a {
    font-size: 1.4rem;
  }
}

.h2__title.line + .qna-list {
  margin-top: -1.6rem;
}

.qna-list .list__items {
  border-bottom: 1px var(--SH_Gr_08) solid;
  justify-content: space-between;
}

.qna-list .list__items.icon_arrow:after {
  transform: rotate(-90deg);
}

.qna-list .list__items .list__icon-dot > li {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .qna-list .list__items .list__icon-dot > li {
    font-size: 1.4rem;
  }
}

.qna-list .qna__q {
  width: 100%;
  flex-direction: row !important;
  padding: 1.6rem 4rem 1.6rem 0;
}

.qna-list .qna__q::before {
  content: 'Q.';
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 500;
  margin-right: 0.4rem;
  flex-shrink: 0;
}

@media (min-width: 900px) {
  .qna-list .qna__q::before {
    font-size: 1.6rem;
  }
}

.qna-list .qna__a {
  display: none;
  background-color: var(--SH_Gr_10);
  border-radius: 0.5rem;
  padding: 1.2rem;
  margin-bottom: 1.6rem;
}

.qna-list .qna__a .qna__a-text {
  display: flex;
  align-items: flex-start;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .qna-list .qna__a .qna__a-text {
    font-size: 1.4rem;
  }
}

.qna-list .qna__a .qna__a-text::before {
  content: 'A.';
  font-size: 1.5rem;
  font-weight: 500;
  margin-right: 0.6rem;
  flex-shrink: 0;
}

@media (min-width: 900px) {
  .qna-list .qna__a .qna__a-text::before {
    font-size: 1.6rem;
  }
}

.qna__detail {
  overflow: hidden;
  flex: 1;
}

.qna__detail .qna__detail-title {
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1.2rem 0;
  border-bottom: 1px var(--SH_Gr_09) solid;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .qna__detail .qna__detail-title {
    font-size: 2rem;
  }
}

.qna__detail .qna__detail-title::before {
  content: 'Q.';
  color: var(--primary);
  margin-right: 0.4rem;
  flex-shrink: 0;
}

.qna__detail .qna__detail-cont {
  height: 100%;
  padding: 1.2rem 0;
  overflow-y: auto;
}

.qna__detail .qna__detail-cont .qna__detail-text {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  padding: 0 1.2rem 3.6rem 2.5rem;
}

@media (min-width: 900px) {
  .qna__detail .qna__detail-cont .qna__detail-text {
    font-size: 1.4rem;
  }
}

.qna__detail .qna__detail-cont .qna__detail-text::before {
  content: 'A.';
  position: absolute;
  top: 0;
  left: 0;
  color: var(--SH_Gr_02);
  font-size: 1.8rem;
  font-weight: 700;
  flex-shrink: 0;
}

@media (min-width: 900px) {
  .qna__detail .qna__detail-cont .qna__detail-text::before {
    font-size: 2rem;
  }
}

.qna__detail .qna__detail-cont .qna__detail-text .qna__detail-txt {
  margin: 0.4rem 0 0.8rem;
}

.chatbot__banner {
  background: linear-gradient(to bottom, #FFF 0%, #F1F3F8 80%);
}

.chatbot__banner .chatbot__banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  padding: 2.8rem 1.8rem;
  margin: 0 auto;
}

.chatbot__banner .chatbot__banner-inner::after {
  content: '';
  width: 6.5rem;
  height: 9.5rem;
  background: url(/mweb/cms/images/svif/img_chatbot_banner-213bf89eb50c099d2076949632658dd1.png) no-repeat 0 0;
  background-size: 100%;
  margin-left: 1.5rem;
  flex-shrink: 0;
}

.chatbot__banner .chatbot__banner-inner .chatbot__banner-cont {
  display: flex;
  flex-direction: column;
}

.chatbot__banner .chatbot__banner-inner .chatbot__banner-cont .chatbot__title {
  color: var(--SH_Gr_02);
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .chatbot__banner .chatbot__banner-inner .chatbot__banner-cont .chatbot__title {
    font-size: 2.4rem;
  }
}

.chatbot__banner .chatbot__banner-inner .chatbot__banner-cont .chatbot__text {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin-top: 0.8rem;
  letter-spacing: -0.1px;
}

@media (min-width: 900px) {
  .chatbot__banner .chatbot__banner-inner .chatbot__banner-cont .chatbot__text {
    font-size: 1.4rem;
  }
}

.chatbot__banner + .section {
  padding-top: 1.6rem;
}

.chatbot__info-list {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 0.8rem;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 1.6rem 1.6rem 0;
  margin-bottom: 1.6rem;
}

.chatbot__info-list .chatbot__info-list-items {
  display: flex;
  flex-direction: column;
  border-top: 1px var(--SH_Gr_09) solid;
  padding: 1.6rem 0;
}

.chatbot__info-list .chatbot__info-list-items .chatbot__info-title {
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .chatbot__info-list .chatbot__info-list-items .chatbot__info-title {
    font-size: 1.6rem;
  }
}

.chatbot__info-list .chatbot__info-list-items .chatbot__info-text {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .chatbot__info-list .chatbot__info-list-items .chatbot__info-text {
    font-size: 1.4rem;
  }
}

.chatbot__info-list .chatbot__info-list-items:first-child {
  border-top: 0;
  padding-top: 0;
}

/* 1:1문의 */
.form-wrap {
  display: flex;
  flex-direction: column;
}

.form-wrap .form-title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 2.8rem;
}

@media (min-width: 900px) {
  .form-wrap .form-title {
    font-size: 1.6rem;
  }
}

.form-wrap .input__form ~ .input__form {
  margin-top: 2.8rem;
}

.inquiry-question {
  margin-bottom: 2.8rem;
}

.file__search {
  display: flex;
  align-items: flex-start;
  padding: 0.8rem 1.8rem;
}

.file__search .file__search-items {
  position: relative;
  width: calc(100% / 3);
}

.file__search .file__search-items input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.file__search .file__search-items label {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .file__search .file__search-items label {
    font-size: 1.6rem;
  }
}

.file__search .file__search-items label::before {
  content: '';
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}

.file__search .file__search-items label.file__search-gallery::before {
  background-image: url(/mweb/cms/images/icons/file_gallery-cd9a1c6ef4c5d1d41813e7a22488cb34.svg);
}

.file__search .file__search-items label.file__search-camera::before {
  background-image: url(/mweb/cms/images/icons/file_camera-738169b92842c8e5877fccb111bf37aa.svg);
}

.file__search .file__search-items label.file__search-file::before {
  background-image: url(/mweb/cms/images/icons/file_file-2917f8fdc596603c8ba09aa64016afcc.svg);
}

.contents__detail-text .text {
  display: flex;
  min-height: 12.5rem;
}

.contents__detail-reply {
  display: flex;
  flex-direction: column;
  background-color: #DFF1FE;
  border-radius: 0.5rem;
  padding: 1.6rem;
  margin-top: 1.6rem;
}

.contents__detail-reply .reply__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px #FFF solid;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}

.contents__detail-reply .reply__header .reply__header-title {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .contents__detail-reply .reply__header .reply__header-title {
    font-size: 1.6rem;
  }
}

.contents__detail-reply .reply__header .reply__header-title::before {
  content: 'RE :';
  margin-right: 0.5rem;
}

.contents__detail-reply .reply__header .reply__header-date {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .contents__detail-reply .reply__header .reply__header-date {
    font-size: 1.4rem;
  }
}

.contents__detail-reply .reply__header .reply__header-num {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .contents__detail-reply .reply__header .reply__header-num {
    font-size: 1.4rem;
  }
}

.contents__detail-reply .reply__header .reply__header-num .active {
  color: var(--SH_Gr_02);
}

.contents__detail-reply .reply__contents {
  overflow-y: auto;
}

.contents__detail-reply .reply__contents-detail {
  color: var(--SH_Gr_04);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .contents__detail-reply .reply__contents-detail {
    font-size: 1.6rem;
  }
}

.star {
  display: flex;
  flex-direction: column;
  margin-top: 2.8rem;
}

.star .star__title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
  line-height: 1;
}

@media (min-width: 900px) {
  .star .star__title {
    font-size: 1.6rem;
  }
}

.star .star__text {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  line-height: 1;
}

@media (min-width: 900px) {
  .star .star__text {
    font-size: 1.4rem;
  }
}

.star__rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.6rem;
}

.star__rating .star__rating-box {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.star__rating .star__rating-box .star__rating-list {
  display: flex;
  align-items: center;
}

.star__rating .star__rating-box .star__rating-list .star__rating-items {
  width: 2.5rem;
  height: 2.5rem;
  background: url(/mweb/cms/images/icons/icon_star-776ef003c3ffd3d99965b8acba1db451.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 0.2rem;
}

.star__rating .star__rating-box .star__rating-list .star__rating-items.on {
  background-image: url(/mweb/cms/images/icons/icon_star_on-c2c171679f2935168eac722c2dc3d285.svg);
}

.star__rating .star__rating-box .star__rating-total {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 9rem;
  color: var(--SH_Gr_06);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: right;
}

@media (min-width: 900px) {
  .star__rating .star__rating-box .star__rating-total {
    font-size: 2rem;
  }
}

.star__rating .star__rating-box .star__rating-total .star__rating-num {
  color: var(--primary);
  margin-right: 0.5rem;
}

.csif.list .list__items:first-child {
  padding-top: 1.6rem;
}

.reply_banner {
  background-color: var(--SH_Gr_09);
}

.reply_banner .reply__banner-inner {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.2rem 1.8rem;
}

.reply_banner .reply__banner-inner .reply__banner-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .reply_banner .reply__banner-inner .reply__banner-text {
    font-size: 1.4rem;
  }
}

.reply_banner .reply__banner-inner .reply__banner-text::after {
  content: '';
  width: 5rem;
  height: 5rem;
  background: url(/mweb/cms/images/svif/img_reply-fa1aea257fa3ba5b8de8a389ffb90fb4.png) no-repeat 50% 100%;
  background-size: 100%;
  flex-shrink: 0;
  margin-left: 2.8rem;
}

.reply_banner + .section.section__swiper {
  padding-bottom: 0;
}

.relpy__swiper {
  position: relative;
  height: 100%;
}

.relpy__swiper .swiper-pagination {
  position: absolute;
  top: 1.6rem;
  bottom: auto;
  right: 0;
  text-align: right;
  padding-right: 1.6rem;
}

.relpy__list-items-inner {
  height: 100%;
  background-color: #FFF;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 5px;
}

.relpy__list-items-inner:first-child {
  margin-top: 0;
}

.relpy__list-items-inner .reply__header {
  border-bottom-color: var(--SH_Gr_08);
}

.relpy__list-items-inner .reply__header .reply__header-title::before {
  display: none;
}

.branch .section {
  padding-top: 0.6rem;
}

.branch .section .search {
  margin-bottom: 0;
}

.branch .section.scroll {
  flex: none;
}

.branch .tab-contents {
  margin-top: 2.8rem;
}

.branch__list-items {
  position: relative;
  display: flex;
  align-items: center;
  border-top: 1px var(--SH_Gr_09) solid;
  padding: 1.6rem 9.4rem 1.6rem 0;
}

.branch__list-items:first-child {
  border-top: 0;
}

.branch__list-items dl {
  color: var(--SH_Gr_02);
}

.branch__list-items dl .tit {
  font-size: 1.5rem;
  font-weight: 500;
}

.branch__list-items dl dd {
  font-size: 1.3rem;
}

.branch__list-items dl dd.tel {
  color: var(--primary);
}

.branch__list-items .btn-wrap {
  position: absolute;
  right: 0;
  width: auto;
}

.selecter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px var(--SH_Gr_07) solid;
}

.selecter__header .selecter__inner {
  display: flex;
}

.selecter__header .selecter__inner .input__form {
  margin-right: 0.8rem;
}

.selecter__header .selecter__inner .dropdown-select {
  border-bottom: 0;
}

.selecter__header .search__detail-tit {
  flex: 1;
  border-bottom: 0;
  padding-bottom: 0.8rem;
  margin-bottom: 0;
}

.popup__content.map {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}

.popup__content.map .map-location {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 1.8rem 1.8rem;
}

.popup__content.map .map-location .branch__list-items {
  flex-direction: column;
  align-items: flex-start;
  background-color: #FFF;
  padding: 1.6rem;
  border-radius: 0.8rem;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
}

.popup__content.map .map-location .branch__list-btn {
  display: flex;
  margin-top: 1.2rem;
}

.popup__content.map .map-location .branch__list-btn .btn-xsm {
  width: auto;
}

.popup__content.map .map-location .branch__list-btn .btn-xsm span {
  display: flex;
  align-items: center;
}

.popup__content.map .map-location .branch__list-btn .btn-xsm span::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background-size: 100%;
}

.popup__content.map .map-location .branch__list-btn .btn-xsm ~ .btn-xsm {
  margin-left: 0.8rem;
}

.map-area {
  height: 100%;
}

.map-area .map__inner {
  height: 100%;
  background-color: #F1F3F8;
}

.h3__title {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

@media (min-width: 900px) {
  .h3__title {
    font-size: 1.6rem;
  }
}

.h3__title + .h3__title {
  margin-top: 1.6rem;
}

.h3__title-text {
  font-weight: normal;
}

.table + .h3__title,
.list__icon-dot + .h3__title {
  margin-top: 1.6rem;
}

.list__icon-dot + .table {
  margin-top: 0.8rem;
}

.info__group {
  margin-top: 0.8rem;
  text-indent: 0;
}

.info__group .title {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .info__group .title {
    font-size: 1.4rem;
  }
}

.info__group .list__icon-dash {
  padding-left: 0;
}

.info__group .list__icon-dash li {
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  margin-top: 0.2rem;
}

.popup__content .popup__bg-banner {
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
  background-color: var(--SH_Gr_09);
  padding: 1.2rem 1.8rem;
  margin: 0 -1.8rem;
}

@media (min-width: 900px) {
  .popup__content .popup__bg-banner {
    font-size: 1.4rem;
  }
}

.popup__content .section__box {
  margin: 0 -1.8rem;
  padding: 2.8rem 1.8rem;
}

.popup__content .section__box:first-child {
  padding: 0 1.8rem 2.8rem;
  margin-top: -1.2rem;
}

.popup__content .section__box:last-child {
  padding-bottom: 0;
}

.mydata__banner {
  background: linear-gradient(to bottom, #D7EFF0 0%, #BDC8F6 100%);
}

.mydata__banner .mydata__banner-inner {
  width: 100%;
  max-width: 128rem;
  height: 10.9rem;
  margin: 0 auto;
  padding: 2.8rem 1.6rem 0;
}

.mydata__banner .mydata__banner-text {
  position: relative;
  height: 100%;
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .mydata__banner .mydata__banner-text {
    font-size: 1.6rem;
  }
}

.mydata__banner .mydata__banner-text::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12.2rem;
  height: 10rem;
  background: url(/mweb/cms/images/svif/img_bg_mydata-d184778576c90bbf69e57372420d20c6.png) no-repeat 0 0;
  background-size: 100%;
}

.mydata__banner .mydata__banner-text strong {
  font-size: 2rem;
}

@media (min-width: 900px) {
  .mydata__banner .mydata__banner-text strong {
    font-size: 2.4rem;
  }
}

.img__box.shinhan-plus {
  margin-top: 2.8rem;
}

.img__box .img__box-inner ~ .img__box-inner {
  margin-top: 4.8rem;
}

.visual-prestige {
  background: linear-gradient(to bottom, #DCF3FB 0%, #F4F0FF 50.52%, #DCD1FF 100%);
}

.visual-prestige .visual__inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 2.8rem 1.8rem;
}

.visual-prestige .visual__inner .h2__title {
  position: relative;
}

.visual-prestige .visual__inner .h2__title::after {
  content: '';
  position: absolute;
  top: -2.8rem;
  right: 0.8rem;
  display: block;
  width: 4rem;
  height: 7.4rem;
  background: url(/mweb/cms/images/svif/icon_mydata_bg-f2c63afecfda4cea6c6b419117e16465.png) no-repeat 0 0;
  background-size: 100%;
}

.visual-prestige .visual__inner .visual__text {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 500;
  margin: 1.2rem 0 2.8rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .visual-prestige .visual__inner .visual__text {
    font-size: 1.4rem;
  }
}

.prestige__list {
  margin-bottom: 1.2rem;
}

.prestige__list .acct-open__list-items {
  background-color: var(--SH_Gr_10);
}

.table.prestige {
  margin: 0.8rem 0;
}

.labeling__list {
  display: flex;
  flex-wrap: wrap;
}

.labeling__list .labeling__items {
  width: calc(100% / 4);
  border-top: 1px var(--SH_Gr_08) solid;
  padding-top: 0.8rem;
  margin-top: 0.8rem;
}

.labeling__list .labeling__items:nth-child(1), .labeling__list .labeling__items:nth-child(2), .labeling__list .labeling__items:nth-child(3), .labeling__list .labeling__items:nth-child(4) {
  padding-top: 0;
  border-top: 0;
}

.labeling {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--SH_Gr_02);
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}

.labeling::before {
  content: '';
  width: 4.8rem;
  height: 5.2rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 0.6rem;
}

.labeling.label01::before {
  background-image: url(/mweb/cms/images/svif/icon_label01-bba73b91356541cea65c589003ed1299.png);
}

.labeling.label02::before {
  background-image: url(/mweb/cms/images/svif/icon_label02-4fc8283a34127c738d07baf3679427c2.png);
}

.labeling.label03::before {
  background-image: url(/mweb/cms/images/svif/icon_label03-7c21568815857d9712069ae117adeab8.png);
}

.labeling.label04::before {
  background-image: url(/mweb/cms/images/svif/icon_label04-b42ee8be5eda0d8926dca2e296a996a0.png);
}

.labeling.label05::before {
  background-image: url(/mweb/cms/images/svif/icon_label05-4466afecbcf6914c5d404d24c14e0f2a.png);
}

.labeling.label06::before {
  background-image: url(/mweb/cms/images/svif/icon_label06-8f9561099660e45208faefa17f6b4c27.png);
}

.labeling.label07::before {
  background-image: url(/mweb/cms/images/svif/icon_label07-c106ec1c3ee5503146fcf6406a4ef466.png);
}

.labeling.label08::before {
  background-image: url(/mweb/cms/images/svif/icon_label08-e628b116a8252dea1d2d2d5f654d4b88.png);
}

.labeling.label09::before {
  background-image: url(/mweb/cms/images/svif/icon_label09-8c810d2a6f199fc4a380855474019038.png);
}

.labeling.label10::before {
  background-image: url(/mweb/cms/images/svif/icon_label10-ab0587457b0fb019a84cfccbe66fb3ce.png);
}

.labeling.label11::before {
  background-image: url(/mweb/cms/images/svif/icon_label11-69b4ded0dcf83a2d63ef67db1618c3c8.png);
}

.labeling.label12::before {
  background-image: url(/mweb/cms/images/svif/icon_label12-44bcf2597adbe74e2e63b4033869dd8c.png);
}

.labeling.label13::before {
  background-image: url(/mweb/cms/images/svif/icon_label13-964f4b2689a730d587626837937d094f.png);
}

.labeling.label14::before {
  background-image: url(/mweb/cms/images/svif/icon_label14-90c53d19fa7cbe0839484ebdbd2e7d53.png);
}

.labeling.label15::before {
  background-image: url(/mweb/cms/images/svif/icon_label15-b9563e8c9ad753cda0b062c1418f8b9d.png);
}

.labeling.label16::before {
  background-image: url(/mweb/cms/images/svif/icon_label16-4eb543b4ba2a55038b22df47d181be79.png);
}

.labeling.label17::before {
  background-image: url(/mweb/cms/images/svif/icon_label17-7525175b4938d1af3951a2a829459d51.png);
}

.labeling.label18::before {
  background-image: url(/mweb/cms/images/svif/icon_label18-5e0ca858accc9dcf138e76384c9650c0.png);
}

.labeling.label19::before {
  background-image: url(/mweb/cms/images/svif/icon_label19-4e35dbf77bef8a330458dd02290dd865.png);
}

.labeling.label20::before {
  background-image: url(/mweb/cms/images/svif/icon_label20-dbd73279e7cd23da80978fd37ade556b.png);
}

.labeling.label21::before {
  background-image: url(/static/cms/images/svif/icon_label21.png);
}

.list__anchor {
  border: 1px var(--SH_Gr_07) solid;
  border-radius: 0.6rem;
  padding: 1.2rem;
}

.list__anchor li a {
  display: inline-flex;
  align-items: center;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  text-decoration: underline;
}

@media (min-width: 900px) {
  .list__anchor li a {
    font-size: 1.4rem;
  }
}

.list__anchor li a::before {
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--SH_Gr_02);
  margin-right: 0.6rem;
}

.list__anchor-header {
  display: flex;
  align-items: center;
}

.list__anchor-header .labeling::before {
  width: 2.4rem;
  height: 2.6rem;
  margin-bottom: 0;
}

.labeling-box {
  display: flex;
  align-items: center;
  margin-left: 1.2rem;
}

.list__anchor-conts {
  position: sticky;
  padding-top: 65px;
}

.list__anchor-conts .agree__detail-cont .agree__detail-cont-title {
  text-indent: 0;
  padding-left: 0;
  word-break: keep-all;
}

.list__anchor-conts .table {
  margin-top: 1.6rem;
}

.list__anchor-conts .list__icon-dot li {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .list__anchor-conts .list__icon-dot li {
    font-size: 1.4rem;
  }
}

.list__anchor-conts .btn-xxsm {
  display: inline-flex;
  text-indent: 0;
  padding-left: 1rem;
}

.list__anchor-conts .btn-xxsm .icon_arrow::after {
  transform: rotate(-90deg);
}

.list__anchor-conts .labeling {
  display: flex;
  align-items: center;
}

.list__anchor-conts .labeling::before {
  width: 2.4rem;
  height: 2.6rem;
  margin-right: 0.6rem;
}

.tab-contents .list__anchor-conts {
  padding-top: 10.1rem;
}

.link__list li {
  color: var(--SH_Gr_02);
  margin-top: 0.6rem;
  word-break: keep-all;
  text-indent: -1.3rem;
  padding-left: 1.3rem;
}

.link__list li::before {
  content: '-';
  margin-right: 0.4rem;
}

.link__list li a {
  color: var(--primary);
  text-decoration: underline;
}

.btn__top {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  opacity: 0;
}

.btn__top a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  background-color: rgba(59, 59, 65, 0.9);
  border-radius: 50%;
  box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.15), 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

.btn__top a::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_top-b71c102c123e49ff3ed63772b0ce29ce.svg) no-repeat 50% 50%;
  background-size: 100%;
}

.agree__detail-cont .list__icon-dot li,
.agree__detail-cont .list__icon-dash li,
.agree__detail-cont .caption {
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .agree__detail-cont .list__icon-dot li,
  .agree__detail-cont .list__icon-dash li,
  .agree__detail-cont .caption {
    font-size: 1.4rem;
  }
}

.agree__detail-cont .table {
  margin-top: 0.6rem;
}

.sub-text + .caption {
  margin-top: -0.8rem;
}

.caption + .h3__title {
  margin-top: 1.6rem;
}

.inline__flex .btn-xxsm {
  display: inline-flex;
  margin-top: 0.6rem;
}

.inline__flex .btn-xxsm .icon_arrow::after {
  transform: rotate(-90deg);
}

.visual-repn {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #CDD2FF 100%);
}

.visual-repn .visual__inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 2.8rem 1.8rem 4rem;
}

.visual-repn .visual__inner .text__box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.visual-repn .visual__inner .text__box::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 13.5rem;
  height: 10.9rem;
  background: url(/mweb/cms/images/svif/img_repn_bg-39925469ddac982342e05dac07373417.png) no-repeat 50% 50%;
  background-size: 10.9rem 10rem;
}

.visual-repn .visual__inner .h2__title {
  font-size: 2rem;
  margin-bottom: 0.6rem;
}

@media (min-width: 900px) {
  .visual-repn .visual__inner .h2__title {
    font-size: 2.4rem;
  }
}

.visual-repn .visual__inner .visual__text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  padding-right: 17rem;
  text-align: left;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .visual-repn .visual__inner .visual__text {
    font-size: 1.6rem;
  }
}

.repn__list {
  margin-bottom: 4.8rem;
}

.repn__list .acct-open__list-items {
  background-color: #D0EBFF;
}

.repn__list .acct-open__list-items.pension {
  background-color: #E6E0FF;
}

.repn__list a {
  display: flex;
  align-items: center;
}

.repn__list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  background-color: #FFF;
  border-radius: 50%;
}

.repn__list .img img {
  width: 2rem;
  height: 2rem;
}

.repn .app-download__banner {
  margin-top: 2.8rem;
}

.repn .app-download__banner a {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.repn .app-download__banner a .btn-alpha {
  border: 1px rgba(255, 255, 255, 0.5) solid;
  padding: 0 .8rem;
  border-radius: 999px;
  font-weight: 500;
}

.section__group:first-child {
  margin-top: 0.6rem;
}

.section__group .sub-text {
  margin-bottom: 0;
}

.section__group ~ .section__group {
  margin-top: 2.8rem;
}

.superSol__visual {
  background-color: var(--primary);
  color: #FFF;
}

.superSol__visual .superSol__visual-inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 2.8rem 1.8rem 3.2rem;
  text-align: center;
}

.superSol__visual .superSol__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2.8rem;
}

@media (min-width: 900px) {
  .superSol__visual .superSol__title {
    font-size: 2.4rem;
  }
}

.superSol__visual .img {
  max-width: 25.6rem;
  margin: 0 auto;
}

.superSol__visual .sub__text {
  margin: 2.8rem 0;
}

.superSol__visual .sub__text dt {
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .superSol__visual .sub__text dt {
    font-size: 2.4rem;
  }
}

.superSol__visual .sub__text dt span {
  color: #86FF00;
}

.superSol__visual .sub__text dd {
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
}

@media (min-width: 900px) {
  .superSol__visual .sub__text dd {
    font-size: 1.4rem;
  }
}

.superSol .section__group:first-child {
  margin-top: 0;
}

.app__download {
  margin: 1.6rem 0 2.8rem;
}

.app__download .app_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
  padding: 1.6rem;
}

.app__download .app_box dl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 5.2rem;
}

.app__download .app_box dl::before {
  content: '';
  position: absolute;
  left: 0;
  width: 4rem;
  height: 4rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.app__download .app_box dl dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .app__download .app_box dl dt {
    font-size: 1.6rem;
  }
}

.app__download .app_box dl dd {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin-top: 0.2rem;
}

@media (min-width: 900px) {
  .app__download .app_box dl dd {
    font-size: 1.4rem;
  }
}

.app__download .app_box.android dl::before {
  background-image: url(/mweb/cms/images/svif/icon_android-52d36a2d820fd0b4193bb059567c6d09.svg);
}

.app__download .app_box.ios dl::before {
  background-image: url(/mweb/cms/images/svif/icon_ios-08a8ff395e9ab459dca5b2f354ef370a.svg);
}

.app__download .app_box ~ .app_box {
  margin-top: 1.2rem;
}

.app__download .app_box .btn-download {
  color: #FFF;
  font-size: 1.1rem;
  background: linear-gradient(to bottom, #333EEB 0%, #4D39E7 100%);
  border-radius: 999px;
  padding: 0.8rem 1.2rem;
  font-weight: 500;
}

.superSol__text-box {
  background-color: var(--SH_Gr_10);
  border-radius: 0.8rem;
  padding: 1.6rem;
  word-break: keep-all;
}

.superSol__view {
  background: linear-gradient(to bottom, #FFF 0%, #E0EDFB 27.96%, #FFF 53.16%);
}

.superSol__view .superSol__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.8rem;
}

.superSol__view .superSol__header::before {
  content: '';
  width: 9.6rem;
  height: 9.6rem;
  background: url(/mweb/cms/images/svif/logo_superSol-1e54b65a23d4051573b0dfe5e31706a9.svg) no-repeat 0 0;
  background-size: 100%;
  margin-bottom: 2.8rem;
}

.superSol__view .superSol__header .title {
  font-size: 2rem;
  text-align: center;
}

@media (min-width: 900px) {
  .superSol__view .superSol__header .title {
    font-size: 2.4rem;
  }
}

.superSol__swiper .superSol__items .img {
  max-width: 32.4rem;
  margin: 0 auto;
}

.superSol__swiper .superSol__items .superSol__text-wrap {
  margin-top: 1.6rem;
  text-align: center;
}

.superSol__swiper .superSol__items .superSol__text-wrap .tit {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .superSol__swiper .superSol__items .superSol__text-wrap .tit {
    font-size: 2.4rem;
  }
}

.superSol__swiper .superSol__items .superSol__text-wrap .tit span {
  font-size: 1.3rem;
  color: var(--primary);
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .superSol__swiper .superSol__items .superSol__text-wrap .tit span {
    font-size: 1.4rem;
  }
}

.superSol__swiper .superSol__items .superSol__text-wrap .txt {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  margin-top: 2rem;
}

@media (min-width: 900px) {
  .superSol__swiper .superSol__items .superSol__text-wrap .txt {
    font-size: 1.4rem;
  }
}

.superSol__swiper .swiper-pagination {
  position: relative;
}

.superSol__swiper .swiper-horizontal > .swiper-pagination-bullets,
.superSol__swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.superSol__swiper .swiper-pagination-custom,
.superSol__swiper .swiper-pagination-fraction {
  bottom: 1.5rem;
}

.superSol__swiper .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
}

.superSol__swiper .swiper-pagination-bullet-active {
  background: var(--SH_Gr_02);
}

@media (min-width: 600px) {
  .customer-center-list {
    margin: 2.8rem 0.5rem 1.6rem;
  }
  .customer-center-items .custom-info {
    display: flex;
    align-items: baseline;
  }
  .customer-center-items .custom-info dd {
    margin-left: 1.2rem;
  }
  .chatbot__info-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .chatbot__info-list .chatbot__info-list-items {
    width: calc(100% / 3);
    padding-left: 2rem;
    word-break: keep-all;
  }
  .chatbot__info-list .chatbot__info-list-items:nth-child(2), .chatbot__info-list .chatbot__info-list-items:nth-child(3) {
    border-top: 0;
    padding-top: 0;
  }
  .chatbot__info-list .chatbot__info-list-items:nth-child(1), .chatbot__info-list .chatbot__info-list-items:nth-child(4) {
    padding-left: 0;
  }
  .chatbot__info-list .chatbot__info-list-items .chatbot__info-text {
    margin-top: 1rem;
  }
  .star {
    width: 60%;
    align-items: center;
    margin: 2.8rem auto;
  }
  .star .star__rating .star__rating-box {
    margin-right: 4rem;
  }
  .contents__detail-reply-box {
    display: flex;
  }
  .contents__detail-reply-box .contents__detail-reply {
    flex: 1;
    margin-left: 1.6rem;
  }
  .contents__detail-reply-box .contents__detail-reply:first-child {
    margin-left: 0;
  }
  .csif.list .list__items.icon_arrow::after {
    display: none;
  }
  .csif.list .list__items .list__area {
    flex-direction: row;
    width: 100%;
  }
  .csif.list .list__items .list__area .list__items-category {
    width: 20%;
    text-align: center;
    flex-shrink: 0;
  }
  .csif.list .list__items .list__area .list__area-inner {
    flex-direction: row;
    width: 80%;
  }
  .csif.list .list__items .list__area .list__area-inner .list__title {
    width: 75%;
    padding: 0 0.6rem;
  }
  .csif.list .list__items .list__area .list__area-inner .list__add {
    margin-top: 0;
    width: 24%;
    padding: 0 0.6rem;
    flex-shrink: 0;
    text-align: center;
    justify-content: center;
  }
  .mydata__banner .mydata__banner-text {
    width: 80%;
    margin: 0 auto;
  }
  .img__box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -2rem 0 0 -2rem;
  }
  .img__box .img__box-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 2 - 2rem);
    margin: 2rem 0 0 2rem;
  }
  .img__box .img__box-inner ~ .img__box-inner {
    margin-top: 2rem;
  }
  .visual-prestige .visual__inner .h2__title {
    text-align: center;
  }
  .visual-prestige .visual__inner .h2__title br:not(.m__600) {
    display: none;
  }
  .visual-prestige .visual__inner .visual__text {
    text-align: center;
  }
  .visual-prestige .visual__inner .btn__wrap {
    width: 50%;
    margin: 0 auto;
  }
  .labeling__list .labeling__items {
    width: calc(100% / 6);
  }
  .labeling__list .labeling__items:nth-child(1), .labeling__list .labeling__items:nth-child(2), .labeling__list .labeling__items:nth-child(3), .labeling__list .labeling__items:nth-child(4), .labeling__list .labeling__items:nth-child(5), .labeling__list .labeling__items:nth-child(6) {
    padding-top: 0;
    border-top: 0;
  }
  .list__anchor {
    display: flex;
    flex-wrap: wrap;
  }
  .list__anchor li {
    width: calc(100% / 2);
  }
  .selecter__header {
    border-bottom: 0;
  }
  .branch__list-items {
    display: flex;
    padding-right: 0;
  }
  .branch__list-items dl {
    display: flex;
    align-items: center;
    width: calc(100% - 18%);
    text-align: center;
  }
  .branch__list-items dl .tit {
    width: 24%;
    padding: 0 0.6rem;
    font-size: 1.3rem;
  }
  .branch__list-items dl .adr {
    width: calc(100% - 46%);
  }
  .branch__list-items dl dd.tel {
    width: 22%;
    color: var(--SH_Gr_02);
  }
  .branch__list-items .btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18%;
    flex-shrink: 0;
  }
  .branch__list-items .btn-wrap .btn-sm {
    width: auto;
  }
  .table__header {
    display: flex;
    background-color: var(--SH_Gr_10);
    border-top: 1px var(--SH_Gr_07) solid;
  }
  .table__header li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    color: var(--SH_Gr_02);
    font-size: 1.5rem;
    font-weight: 700;
  }
}

@media (min-width: 600px) and (min-width: 900px) {
  .table__header li {
    font-size: 1.6rem;
  }
}

@media (min-width: 600px) {
  .branch .table__header li:nth-child(1) {
    width: 20%;
  }
  .branch .table__header li:nth-child(2) {
    width: calc(100% - 56%);
  }
  .branch .table__header li:nth-child(3) {
    width: 18%;
  }
  .branch .table__header li:nth-child(4) {
    width: 18%;
  }
  .popup__content.map .map-location {
    padding: 0 2.8rem 2.8rem;
  }
  .popup__content.map .map-location .branch__list-items {
    padding: 2.6rem;
  }
  .popup__content.map .map-location .branch__list-items dl {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .popup__content.map .map-location .branch__list-items dl dd, .popup__content.map .map-location .branch__list-items dl dt {
    width: auto !important;
  }
  .popup__content.map .map-location .branch__list-items dl .tit {
    font-size: 1.6rem;
    padding: 0;
    font-weight: 500;
  }
  .popup__content.map .map-location .branch__list-items dl dd {
    font-size: 1.4rem;
  }
  .popup__content.map .map-location .branch__list-items dl dd.tel {
    color: var(--primary);
  }
  .visual-repn .visual__inner {
    min-height: 14.9rem;
  }
  .visual-repn .visual__inner .text__box::after {
    width: 10rem;
    height: 8rem;
    background-size: 8rem 7.4rem;
  }
  .repn .app-download__banner a span br {
    display: none;
  }
  .superSol__visual .btn__wrap {
    width: 50%;
    max-width: 64rem;
    margin: 0 auto;
  }
  .superSol .sub-text br {
    display: none;
  }
  .app__download {
    display: flex;
    gap: 1.2rem;
  }
  .app__download .app_box {
    width: 100%;
  }
  .app__download .app_box ~ .app_box {
    margin-top: 0;
  }
}

/* 모바일거래 유의사항 */
.tdif.section__box .section {
  padding: 2.8rem 0;
}

.tdif.section__box .section .section__inner .num-title {
  padding-left: 2.8rem;
  position: relative;
  line-height: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.0075rem;
  color: var(--SH_Gr_02);
  margin-bottom: .8rem;
}

.tdif.section__box .section .section__inner .num-title:before {
  content: '0';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--primary);
  font-size: 1.3rem;
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0.2rem;
  text-align: center;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .tdif.section__box .section .section__inner .num-title:before {
    font-size: 1.4rem;
  }
}

.tdif.section__box .section .section__inner:nth-child(1) .num-title:before {
  content: "1";
}

.tdif.section__box .section .section__inner:nth-child(2) .num-title:before {
  content: "2";
}

.tdif.section__box .section .section__inner:nth-child(3) .num-title:before {
  content: "3";
}

.tdif.section__box .section .section__inner:nth-child(4) .num-title:before {
  content: "4";
}

.tdif.section__box .section .section__inner:nth-child(5) .num-title:before {
  content: "5";
}

.tdif.section__box .section .section__inner:nth-child(6) .num-title:before {
  content: "6";
}

.tdif.section__box .section .section__inner:nth-child(7) .num-title:before {
  content: "7";
}

.tdif.section__box .section .section__inner:nth-child(8) .num-title:before {
  content: "8";
}

.tdif.section__box .section .section__inner:nth-child(9) .num-title:before {
  content: "9";
}

.tdif.section__box .section .section__inner:nth-child(10) .num-title:before {
  content: "10";
}

.tdif.section__box .section .section__inner .num-title ~ .list__icon-dot {
  padding-left: 2.8rem;
  margin-top: .8rem;
}

.tdif.section__box .section .section__inner .num-title ~ .list__icon-dot > li div {
  padding-left: .6rem;
  margin-top: .6rem;
}

.tdif.section__box .section .section__inner .num-title ~ .list__icon-dot > li div p {
  display: block;
  padding-left: .8rem;
  margin-top: .4rem;
}

.tdif.section__box .section .section__inner .num-title ~ .list__icon-dot > li div .list__icon-dot {
  margin-top: .4rem;
}

.tdif.section__box .section .section__inner .num-title ~ .list__icon-dot > li div .list__icon-dot li {
  padding-left: 1.8rem;
  margin-top: 0rem;
}

.tdif.section__box .section .section__inner .num-title ~ .list__icon-dot li ~ li {
  margin-top: .6rem;
}

.tdif.section__box .section .section__inner .p-type1 {
  font-size: 1.3rem;
  margin-top: .6rem;
}

@media (min-width: 900px) {
  .tdif.section__box .section .section__inner .p-type1 {
    font-size: 1.4rem;
  }
}

.tdif.section__box .section .section__inner .p-type1 .caption {
  margin-left: .8rem;
}

.tdif.section__box .section .section__inner ~ .section__inner {
  border-top: 1px solid #ECF0FB;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}

.tdif.section__box .section .center.table td {
  text-align: center;
}

.tdif.section__box .section .center.table td:first-child {
  font-weight: 700;
  color: var(--SH_Gr_02);
}

.tdif.section__box .section .list__icon-dot {
  margin-top: 0rem;
}

.tdif.section__box .section .list__icon-dot > li {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.065px;
  word-break: break-word;
}

@media (min-width: 900px) {
  .tdif.section__box .section .list__icon-dot > li {
    font-size: 1.4rem;
  }
}

.tdif.section__box .section .list__icon-dot > li:before {
  width: .3rem;
  height: .3rem;
  background-color: var(--SH_Gr_06);
}

.tdif.section__box .section .list__icon-dot li ~ li {
  margin-top: .6rem;
}

.tdif.section__box .caption {
  display: block;
}

.tdif.section__box .main_txt {
  padding: 1.6rem;
  background-color: #E9F1FF;
  border-radius: 8px;
  margin-bottom: 2.8rem;
}

.tdif.section__box .main_txt h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.0075rem;
  margin-bottom: .2rem;
  color: var(--SH_Gr_02);
}

@media (min-width: 900px) {
  .tdif.section__box .main_txt h4 {
    font-size: 1.6rem;
  }
}

.tdif.section__box .main_txt p {
  color: var(--SH_Gr_04);
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .tdif.section__box .main_txt p {
    font-size: 1.4rem;
  }
}

.tdif.section__box .main_txt span {
  display: block;
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  margin-top: 1.8rem;
}

@media (min-width: 900px) {
  .tdif.section__box .main_txt span {
    font-size: 1.4rem;
  }
}

.tdif.section__box .main_txt span a {
  margin-left: .8rem;
  color: var(--primary);
  text-decoration-line: underline;
}

.tdif.section__box .sub_txt {
  display: block;
  padding-left: 1.5rem;
  font-size: 1.2rem;
  letter-spacing: -0.006rem;
  margin-top: .4rem;
  text-indent: -.8rem;
}

.tdif.section__box .sub_txt:before {
  content: '※';
  display: inline-block;
  margin-right: .6rem;
}

.tdif.section__box .sub_txt.num {
  padding-left: 2.3rem;
}

.tdif.section__box .sub_txt.num:nth-child(1):before {
  content: '1.';
}

.tdif.section__box .sub_txt.num:nth-child(2):before {
  content: '2.';
}

.tdif.section__box .sub_txt.num:nth-child(3):before {
  content: '3.';
}

.tdif.section__box .sub_txt.num:nth-child(4):before {
  content: '4.';
}

.tdif.section__box .sub_txt.blank {
  text-indent: -2rem;
}

.tdif.section__box .sub_txt.blank:before {
  content: '';
}

.tdif.section__box .list__accordion {
  border-top: 1px solid #D6DBE8;
  color: var(--SH_Gr_02, #3B3B41);
}

.tdif.section__box .list__accordion .list__items {
  border-bottom: 1px solid #D6DBE8;
}

.tdif.section__box .list__accordion .list__items > a {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.008rem;
}

@media (min-width: 900px) {
  .tdif.section__box .list__accordion .list__items > a {
    font-size: 1.8rem;
  }
}

.tdif.section__box .list__accordion .list__items .qna__a {
  padding: 1.2rem;
  border-radius: 5px;
  background: var(--SH_Gr_10);
  margin-bottom: 1.6rem;
  display: none;
}

.tdif.section__box .list__accordion .list__items .qna__a strong {
  display: block;
  font-size: 1.3rem;
  margin-bottom: .4rem;
}

@media (min-width: 900px) {
  .tdif.section__box .list__accordion .list__items .qna__a strong {
    font-size: 1.4rem;
  }
}

.tdif.section__box .list__accordion .list__items .qna__a .list__icon-dot li {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .tdif.section__box .list__accordion .list__items .qna__a .list__icon-dot li {
    font-size: 1.4rem;
  }
}

.tdif.section__box .list__accordion .list__items .qna__a .list__icon-dot li:before {
  width: .3rem;
  height: .3rem;
  background-color: var(--SH_Gr_06);
}

.tdif.section__box .list__accordion .list__items .qna__a .list__icon-dot li p {
  display: block;
  padding-left: .8rem;
  color: var(--SH_Gr_04, #91919C);
}

.tdif.section__box .list__accordion .list__items .qna__a .list__icon-dot li span.sub_txt {
  margin-left: -0.8rem;
}

.tdif.section__box .list__accordion .list__items .qna__a .list__icon-dot ~ strong {
  margin-top: 1.2rem;
}

@media (min-width: 900px) {
  .section .chatbot__info-list + .btn-mi {
    width: 50%;
    margin: 0 auto;
  }
  .custom-center {
    display: flex;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
  }
  .custom-center > div {
    width: 50%;
  }
  .custom-center .section__box ~ .section__box {
    border-top: 0;
    padding-top: 0;
  }
  .custom-center .qna-list {
    max-height: 600px;
    overflow: auto;
  }
  .chatbot__banner .chatbot__banner-inner {
    padding: 2.8rem 13.3rem;
  }
  .chatbot__banner .chatbot__banner-inner .chatbot__title br,
  .chatbot__banner .chatbot__banner-inner .chatbot__text br {
    display: none;
  }
  .chatbot__info-list {
    margin-bottom: 2rem;
  }
  .charge {
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
  }
  .charge .section__inner ~ .section__inner {
    margin-top: 0;
  }
  .charge .section__inner:nth-child(odd) {
    margin-left: 0;
  }
  .charge.section__box .section__box-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .star__rating-items {
    width: 3rem;
    height: 3rem;
  }
  .star__rating-total {
    margin-left: 0.6rem;
  }
  .question__inner .question__list .question__list-items {
    margin-top: 1.2rem;
  }
  .qna__a {
    padding: 1.6rem;
  }
  .inquiry-question {
    position: relative;
  }
  .inquiry-question .question__inner {
    width: 75%;
  }
  .inquiry-question .customer-box {
    position: absolute;
    top: 3.1rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: calc(100% - 4.2rem);
  }
  .inquiry-question .customer-box .customer-box__inner a.icon_arrow::after {
    display: none;
  }
  .inquiry-question .customer-box .chatbot {
    padding-left: 0;
    align-items: center;
  }
  .inquiry-question .customer-box .chatbot::before {
    position: relative;
  }
  .btn__top {
    right: 6rem;
  }
  .mydata__banner .mydata__banner-text {
    width: 50%;
  }
  .img__box {
    margin: 0 0 0 -4rem;
  }
  .img__box .img__box-inner {
    width: calc(100% / 3 - 4rem);
    margin: 0 0 0 4rem;
  }
  .img__box .img__box-inner ~ .img__box-inner {
    margin-top: 0;
  }
  .visual-prestige .visual__inner {
    padding: 2.8rem 2.2rem;
  }
  .visual-prestige .visual__inner .h2__title, .visual-prestige .visual__inner .visual__text {
    padding: 0 9rem;
  }
  .visual-prestige .visual__inner .h2__title::after {
    right: 10rem;
  }
  .labeling__list .labeling__items {
    width: calc(100% / 8);
  }
  .labeling__list .labeling__items:nth-child(1), .labeling__list .labeling__items:nth-child(2), .labeling__list .labeling__items:nth-child(3), .labeling__list .labeling__items:nth-child(4), .labeling__list .labeling__items:nth-child(5), .labeling__list .labeling__items:nth-child(6), .labeling__list .labeling__items:nth-child(7), .labeling__list .labeling__items:nth-child(8) {
    padding-top: 0;
    border-top: 0;
  }
  .branch__list-items dl .tit, .branch__list-items dl dd {
    font-size: 1.6rem;
  }
  .visual-repn .visual__inner {
    min-height: 14.9rem;
  }
  .visual-repn .visual__inner .text__box {
    width: 50%;
    margin: 0 auto;
  }
  .visual-repn .visual__inner .text__box::after {
    width: 10rem;
    height: 8rem;
    background-size: 8rem 7.4rem;
  }
  .repn .app-download__banner {
    justify-content: flex-start;
  }
  .repn .app-download__banner a {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 1.6rem;
  }
}

/*안내/서비스*/
.event .list__items:first-child {
  padding-top: 0;
}

.event .list__area {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
}

.event .list__area .img__event {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.6rem;
  flex-shrink: 0;
}

.event .list__area .flag__Dday {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  color: var(--primary);
  font-size: 1.2rem;
  font-weight: 500;
  background-color: var(--SH_flagbg_02);
  border-radius: 0.5rem;
  padding: 0 0.4rem;
  margin-bottom: 0.4rem;
}

.event .list__area .flag__Dday::before {
  content: 'D-';
}

.event .list__area .list__add {
  margin-top: 0.4rem;
}

.list__items-cont-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.event__check .form-wrap .btn__wrap {
  margin-top: 2.8rem;
}

.event__win-check {
  margin-top: 4.8rem;
}

.event__win-check .h2__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.event__win-check .h2__title::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_event_chkek-bb841c08c9f9f696e4b117457bb2e2e2.svg) no-repeat 0 0;
  background-size: 100%;
}

.event__win-check .list__accordion .list__items a {
  cursor: default;
}

.event__win-check .list__accordion .list__items.active .list__items-cont {
  display: block;
}

.event__win-check .list__accordion .list__items.active a::after {
  display: none;
}

@media (min-width: 900px) {
  .list.event {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2rem;
  }
  .list.event .list__items {
    width: calc(100% / 2 - 2rem);
    margin-left: 2rem;
  }
  .list.event .list__items:first-child {
    padding: 2rem 0;
  }
  .list.event .list__items:last-child {
    border-bottom: 1px var(--SH_Gr_09) solid;
  }
}

/*공지/이벤트*/
.shinhan-ceo.visual .visual__inner .text {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
}

@media (min-width: 900px) {
  .shinhan-ceo.visual .visual__inner .text {
    font-size: 2.4rem;
  }
}

.ceo__inner .ceo__box {
  display: flex;
  flex-direction: column;
}

.ceo__inner .ceo__box .ceo__title {
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .ceo__inner .ceo__box .ceo__title {
    font-size: 1.8rem;
  }
}

.ceo__inner .ceo__box .ceo__text {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_04);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .ceo__inner .ceo__box .ceo__text {
    font-size: 1.6rem;
  }
}

.ceo__inner .ceo__box .ceo__text span {
  margin-top: 1.2rem;
  word-break: keep-all;
}

.ceo__box-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
}

.ceo__box-bottom .shinhan_ceo {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 3.2rem;
  text-align: right;
}

@media (min-width: 900px) {
  .ceo__box-bottom .shinhan_ceo {
    font-size: 1.4rem;
  }
}

.ceo__box-bottom .img {
  position: relative;
  display: flex;
}

.ceo__box-bottom .img::before {
  content: '';
  position: absolute;
  bottom: -7rem;
  right: -3.5rem;
  width: 20.3rem;
  height: 20.3rem;
  background-color: var(--SH_Gr_09);
  border-radius: 50%;
  z-index: -1;
}

.ceo__box-bottom .img img {
  width: 12.8rem;
  height: 13.4rem;
}

.visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 23.8rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2.8rem 1.8rem;
}

.visual.shinhan-way {
  background-image: url(/mweb/cms/images/coin/bg_shinhan_way-389a712b20807ab1e26d1da463d184c5.png);
}

.visual.shinhan-mission {
  background-image: url(/mweb/cms/images/coin/bg_shinhan_mission-7c9f9e70da1b055f7e62991f6ca50030.png);
  background-position: 0 10%;
}

.visual.shinhan-ceo {
  background-image: url(/mweb/cms/images/coin/bg_ceog-a5bdd3870dc4d9b2ab9601eb862a848d.jpg);
  background-position: 0 10%;
}

.visual .visual__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
  border: 1px rgba(255, 255, 255, 0.7) solid;
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 1rem;
  padding: 2.8rem 1.6rem;
}

.visual .visual__inner .tit {
  color: var(--SH_Gr_02);
  font-size: 2.4rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .visual .visual__inner .tit {
    font-size: 2.8rem;
  }
}

.visual .visual__inner .text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1.2rem;
  word-break: keep-all;
  text-align: center;
}

@media (min-width: 900px) {
  .visual .visual__inner .text {
    font-size: 1.6rem;
  }
}

.ani-box {
  padding: 2.8rem 0;
  border-bottom: 1px #ECF0FB solid;
}

.ani-box:first-child {
  padding-top: 0;
}

.ani-box:last-child {
  border-bottom: 0;
}

.ani-box__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ani-box__inner .img {
  margin-top: 2.8rem;
  width: calc(100% / 2);
}

.goal .ani-box__inner .img {
  width: 29rem;
}

.mission .text {
  color: #EB5134;
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1.2rem;
}

@media (min-width: 900px) {
  .mission .text {
    font-size: 1.6rem;
  }
}

.mission .img {
  min-width: 22.4rem;
}

.vision .img {
  min-width: 32rem;
}

.list__core-value {
  margin-top: 1.6rem;
}

.list__core-value .list__items {
  display: flex;
  padding: 1.6rem;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
}

.list__core-value .list__items ~ .list__items {
  margin-top: 0.8rem;
}

.list__core-value .list__items::before {
  content: '';
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 100%;
  margin-right: 1.6rem;
  flex-shrink: 0;
}

.list__core-value .list__items.core-value01::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg_key01-fc7f3798968c0a51d80c8bd80f016721.svg);
}

.list__core-value .list__items.core-value02::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg_key03-49df670a8be562d3913499dea233afab.svg);
}

.list__core-value .list__items.core-value03::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg_key02-cd2f07d46606ecb4cb087c64159edbbf.svg);
}

.list__core-value .list__items.core-value04::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg_key04-46a9f3bbff089205315139a2221b8b02.svg);
}

.list__core-value .list__items dl {
  display: flex;
  flex-direction: column;
}

.list__core-value .list__items dl dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .list__core-value .list__items dl dt {
    font-size: 1.6rem;
  }
}

.list__core-value .list__items dl dd {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .list__core-value .list__items dl dd {
    font-size: 1.4rem;
  }
}

.shinhan-mission .visual__inner .text {
  color: #FFF;
  margin-top: 0;
  font-weight: 400;
  font-size: 2rem;
}

.mission__text-box {
  display: flex;
  flex-direction: column;
  color: var(--SH_Gr_02);
}

.mission__text-box .sub-tit {
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .mission__text-box .sub-tit {
    font-size: 1.6rem;
  }
}

.mission__text-box .title {
  color: var(--primary);
  font-size: 2rem;
  margin-top: 1.6rem;
  text-align: center;
}

@media (min-width: 900px) {
  .mission__text-box .title {
    font-size: 2.4rem;
  }
}

.mission__text-box .title img {
  width: calc(100% / 2);
  min-width: 22rem;
}

.mission__text-box .text {
  font-size: 1.5rem;
  margin-top: 1.6rem;
}

@media (min-width: 900px) {
  .mission__text-box .text {
    font-size: 1.6rem;
  }
}

.mission__list {
  display: flex;
  flex-direction: column;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin-top: 2.8rem;
}

.mission__list .list__items {
  display: flex;
  align-items: center;
}

.mission__list .list__items span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.4rem;
  height: 5.4rem;
  background-color: rgba(42, 63, 236, 0.3);
  border-radius: 50%;
  color: var(--SH_Gr_02);
  font-size: 1.2rem;
  flex-shrink: 0;
  z-index: -1;
  margin-right: 1.2rem;
}

.mission__list .list__items span::after {
  content: '';
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  background-color: #FFF;
  border-radius: 50%;
  z-index: -1;
}

.mission__list .list__items ~ .list__items {
  padding-top: 1.6rem;
  margin-top: 1.6rem;
  border-top: 1px var(--SH_Gr_09) solid;
}

.mission__list .list__items dt {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .mission__list .list__items dt {
    font-size: 1.6rem;
  }
}

.mission__list .list__items dt strong {
  color: var(--primary);
}

.mission__list .list__items dd {
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .mission__list .list__items dd {
    font-size: 1.4rem;
  }
}

.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  padding: 0 1.2rem;
  border-radius: 1.8rem;
  background-color: #FFF;
  margin-top: 1.2rem;
}

.imgbox img {
  height: 100%;
  width: auto;
  max-width: none;
}

/* 연혁 */
.coin.section__box .section {
  padding: 2.8rem 0;
}

.coin.section__box .section h2 {
  font-size: 2rem;
  color: var(--SH_Gr_02, #3B3B41);
  font-weight: 500;
  line-height: 28px;
  margin-bottom: .8rem;
}

@media (min-width: 900px) {
  .coin.section__box .section h2 {
    font-size: 2.4rem;
  }
}

.coin.section__box .section .year-wrap {
  margin-bottom: 2.8rem;
}

.coin.section__box .section .year-wrap h3 {
  font-size: 1.8rem;
  color: var(--SH_Gr_02, #3B3B41);
  font-weight: 700;
  line-height: 26px;
  margin-bottom: .8rem;
}

@media (min-width: 900px) {
  .coin.section__box .section .year-wrap h3 {
    font-size: 2rem;
  }
}

.coin.section__box .section .year-wrap .month {
  display: flex;
  gap: 1.6rem;
}

.coin.section__box .section .year-wrap .month strong {
  font-size: 1.5rem;
  display: inline-block;
  width: 3.2rem;
  color: var(--SH_blue);
  font-weight: 500;
  line-height: 25px;
  white-space: nowrap;
}

@media (min-width: 900px) {
  .coin.section__box .section .year-wrap .month strong {
    font-size: 1.6rem;
  }
}

.coin.section__box .section .year-wrap .month .list__icon-dot > li {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  font-weight: 400;
  line-height: 25px;
  word-break: break-word;
}

@media (min-width: 900px) {
  .coin.section__box .section .year-wrap .month .list__icon-dot > li {
    font-size: 1.6rem;
  }
}

.coin.section__box .section .year-wrap .month .list__icon-dot > li::before {
  width: 3px;
  height: 3px;
  background-color: var(--SH_Gr_06);
}

.coin.section__box .section .year-wrap .month ~ .month {
  margin-top: .8rem;
}

.coin.section__box .section .year-wrap ~ .year-wrap {
  border-top: 1px solid #ECF0FB;
  padding-top: 2.8rem;
}

.coin.section__box .section ~ .section h2 {
  border-top: 1px solid #D9D9E0;
  padding-top: 2.8rem;
}

.company .tab-wrap {
  display: flex;
  flex-direction: column;
  height: auto;
  flex: 1;
}

.company .tab-container {
  flex: 1;
  height: auto;
}

.cont__footer {
  display: flex;
  align-items: center;
  border-top: 1px var(--SH_Gr_09) solid;
  background-color: var(--SH_Gr_11);
}

.cont__footer .cont__footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 3.2rem 1.8rem;
}

.cont__footer .cont__footer-inner .img__logo {
  width: 9.8rem;
  margin-bottom: 1.6rem;
}

.cont__footer .cont__footer-inner .dropdown-select {
  padding: 0 0.8rem;
  background-color: #FFF;
  font-weight: 700;
}

.cont__footer .cont__footer-inner .cont__footer-bottom {
  width: 100%;
}

.cont__footer .cont__footer-inner .cont__footer-bottom .familySite .dropdown-select-ul li a {
  display: block;
  width: 100%;
}

.cont__footer .cont__footer-inner .cont__footer-bottom .address {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.6rem;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .cont__footer .cont__footer-inner .cont__footer-bottom .address {
    font-size: 1.4rem;
  }
}

.cont__footer .cont__footer-inner .cont__footer-bottom .address .company__info {
  display: flex;
  align-items: center;
}

.cont__footer .cont__footer-inner .cont__footer-bottom .address .company__info span {
  display: flex;
  align-items: center;
}

.cont__footer .cont__footer-inner .cont__footer-bottom .address .company__info span ~ span::before {
  content: '';
  width: 1px;
  height: 1rem;
  background-color: var(--SH_Gr_02);
  margin: 0 1.4rem;
}

.cont__footer .cont__footer-inner .cont__footer-bottom .copyright {
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

@media (min-width: 600px) {
  .list__core-value {
    display: flex;
    flex-wrap: wrap;
    margin: -1.2rem 0 0 -1.2rem;
  }
  .list__core-value .list__items {
    width: calc(100% / 2 - 1.2rem);
    align-items: center;
    margin: 1.2rem 0 0 1.2rem;
  }
  .list__core-value .list__items ~ .list__items {
    margin-top: 1.2rem;
  }
  .mission .img {
    width: 35rem;
  }
  .vision .img {
    width: 40rem;
  }
  .mission__text-box .title img {
    width: 23rem;
  }
  .goal .ani-box__inner .img {
    width: 38rem;
  }
}

@media (min-width: 900px) {
  .ceo__inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .ceo__inner .ceo__box {
    width: 50%;
  }
  .ceo__inner .ceo__box-bottom {
    width: 45%;
    flex-shrink: 0;
  }
  .ceo__inner .ceo__box-bottom .shinhan_ceo {
    margin-bottom: 0;
  }
  .ceo__inner .ceo__box-bottom .img::before {
    width: 36.2rem;
    height: 36.2rem;
  }
  .ceo__inner .ceo__box-bottom .img img {
    width: auto;
    height: auto;
  }
  .visual {
    padding: 2.8rem 15rem;
  }
  .list__core-value {
    margin: 0;
  }
  .list__core-value .list__items {
    width: calc(100% / 4 - 1.2rem);
    align-items: center;
    margin: 0;
  }
  .list__core-value .list__items ~ .list__items {
    margin: 0 0 0 1.2rem;
  }
  .mission__list {
    flex-direction: row;
    justify-content: space-between;
  }
  .mission__list .list__items {
    flex: 1;
    padding-right: 4rem;
  }
  .mission__list .list__items ~ .list__items {
    margin-top: 0;
    padding: 0 0 0 4rem;
    border-top: 0;
    border-left: 1px var(--SH_Gr_09) solid;
  }
  .cont__footer .cont__footer-inner {
    flex-direction: row;
  }
  .cont__footer .cont__footer-inner .img__logo {
    width: 11.6rem;
    margin-right: 4rem;
  }
  .cont__footer .cont__footer-inner .cont__footer-bottom {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .cont__footer .cont__footer-inner .cont__footer-bottom .address {
    align-items: flex-start;
  }
  .cont__footer .cont__footer-inner .cont__footer-bottom .select-area {
    width: 25rem;
  }
}

.fadeInUpSm {
  opacity: 0;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.fadeInUpSm.animated,
.parallax.animated .fadeInUpSm {
  animation-name: fadeInUpSm;
}

.delay01 {
  animation-delay: 0.1s;
}

.delay02 {
  animation-delay: 0.2s;
}

.delay03 {
  animation-delay: 0.3s;
}

.delay04 {
  animation-delay: 0.4s;
}

.delay05 {
  animation-delay: 0.5s;
}

.delay06 {
  animation-delay: 0.6s;
}

.delay07 {
  animation-delay: 0.7s;
}

.delay08 {
  animation-delay: 0.8s;
}

.delay09 {
  animation-delay: 0.9s;
}

.delay10 {
  animation-delay: 1.0s;
}

.delay11 {
  animation-delay: 1.1s;
}

.delay12 {
  animation-delay: 1.2s;
}

.delay13 {
  animation-delay: 1.3s;
}

.delay14 {
  animation-delay: 1.4s;
}

.delay15 {
  animation-delay: 1.5s;
}

.delay16 {
  animation-delay: 1.6s;
}

.delay17 {
  animation-delay: 1.7s;
}

.delay18 {
  animation-delay: 1.8s;
}

.delay19 {
  animation-delay: 1.9s;
}

.delay20 {
  animation-delay: 2.0s;
}

.delay21 {
  animation-delay: 2.1s;
}

.delay22 {
  animation-delay: 2.2s;
}

.delay23 {
  animation-delay: 2.3s;
}

.delay24 {
  animation-delay: 2.4s;
}

.delay25 {
  animation-delay: 2.5s;
}

.delay26 {
  animation-delay: 2.6s;
}

.delay27 {
  animation-delay: 2.7s;
}

.delay28 {
  animation-delay: 2.8s;
}

.delay29 {
  animation-delay: 2.9s;
}

.delay30 {
  animation-delay: 3.0s;
}

.delay31 {
  animation-delay: 3.1s;
}

.delay32 {
  animation-delay: 3.2s;
}

.delay33 {
  animation-delay: 3.3s;
}

.delay34 {
  animation-delay: 3.4s;
}

.delay35 {
  animation-delay: 3.5s;
}

.delay36 {
  animation-delay: 3.6s;
}

.delay37 {
  animation-delay: 3.7s;
}

.delay38 {
  animation-delay: 3.8s;
}

.delay38 {
  animation-delay: 3.9s;
}

.delay40 {
  animation-delay: 4.0s;
}

.delay41 {
  animation-delay: 4.1s;
}

.delay42 {
  animation-delay: 4.2s;
}

.delay43 {
  animation-delay: 4.3s;
}

.delay44 {
  animation-delay: 4.4s;
}

.delay45 {
  animation-delay: 4.5s;
}

.delay46 {
  animation-delay: 4.6s;
}

.delay47 {
  animation-delay: 4.7s;
}

.delay48 {
  animation-delay: 4.8s;
}

.delay49 {
  animation-delay: 4.9s;
}

.delay50 {
  animation-delay: 5.0s;
}

.dur01 {
  animation-duration: 0.1s;
}

.dur02 {
  animation-duration: 0.2s;
}

.dur03 {
  animation-duration: 0.3s;
}

.dur04 {
  animation-duration: 0.4s;
}

.dur05 {
  animation-duration: 0.5s;
}

.dur10 {
  animation-duration: 1.0s;
}

.dur15 {
  animation-duration: 1.5s;
}

.dur20 {
  animation-duration: 2.0s;
}

.dur25 {
  animation-duration: 2.5s;
}

.dur30 {
  animation-duration: 3.0s;
}

.dur35 {
  animation-duration: 3.5s;
}

.dur40 {
  animation-duration: 4.0s;
}

.dur50 {
  animation-duration: 5.0s;
}

@keyframes fadeInUpSm {
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*신한투자증권소개*/
/*경영정보*/
.business {
  margin-top: -2.2rem;
}

.business__area {
  display: flex;
  flex-direction: column;
  background-color: var(--SH_Gr_09);
  border-radius: 1rem;
  padding: 1.6rem;
}

.business__area ~ .business__area {
  margin-top: 1.7rem;
}

.business__area .business__area-header {
  display: flex;
  flex-direction: column;
}

.business__area .business__area-header .business-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--SH_Gr_02);
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .business__area .business__area-header .business-title {
    font-size: 1.8rem;
  }
}

.business__area .business__area-header .business-title::after {
  content: '';
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 100%;
}

.business__area .business__area-header .business-title.item01::after {
  background-image: url(/mweb/cms/images/mnif/icon_fdif01-b97486c744e3bea80bd507b6cebd41fc.svg);
}

.business__area .business__area-header .business-title.item02::after {
  background-image: url(/mweb/cms/images/mnif/icon_fdif02-073f26943368334257e8664f2b2c415b.svg);
}

.business__area .business__area-header .business-title.item03::after {
  background-image: url(/mweb/cms/images/mnif/icon_fdif03-d4772bd3b565f93aea69bd36d0f90f40.svg);
}

.business__area .business__area-header .business-title.item04::after {
  background-image: url(/mweb/cms/images/mnif/icon_fdif04-280ae2e6412885734f32f5007d85bcdf.svg);
}

.business__area .business__area-header .business-title.item05::after {
  background-image: url(/mweb/cms/images/mnif/icon_fdif05-5248c2b69042c71707a0dccd2afa9d56.svg);
}

.business__area .business__area-header .business-text {
  color: var(--SH_Gr_04);
  font-size: 1.2rem;
  margin-top: 0.4rem;
  letter-spacing: 0;
}

.business__area .business__area-content {
  margin-top: 1.6rem;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .business__area .business__area-content {
    font-size: 1.4rem;
  }
}

.gib__area {
  background-color: #2A3FEC;
}

.gib__area .gib__area-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  color: #FFF;
  margin: 0 auto;
  padding: 2.8rem 1.8rem;
  overflow: hidden;
}

.gib__area .gib__area-inner:after {
  content: '';
  position: absolute;
  bottom: -6rem;
  right: -6rem;
  width: 25rem;
  height: 25rem;
  background: url(/mweb/cms/images/mnif/bg_gib-d515277ac281cf35170146241058b5f4.svg) no-repeat 0 0;
  background-size: 100%;
}

.gib__area .gib__area-inner .h2__title {
  color: #FFF;
}

.gib__area .gib__area-inner .gib__area-text {
  font-size: 1.5rem;
  font-weight: 400;
}

@media (min-width: 900px) {
  .gib__area .gib__area-inner .gib__area-text {
    font-size: 1.6rem;
  }
}

.gib__group-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.4rem 0 1.8rem -0.4rem;
}

.gib__group-list .gib__group-items {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3 - 0.4rem);
  background-color: var(--SH_Gr_09);
  border-radius: 0.5rem;
  margin: 0.4rem 0 0 0.4rem;
  padding: 0.8rem;
}

.gib__group-list .gib__group-items span {
  color: var(--primary);
  font-size: 1rem;
  margin-bottom: 1.2rem;
}

.gib__group-list .gib__group-items strong {
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 900px) {
  .gib__group-list .gib__group-items strong {
    font-size: 1.6rem;
  }
}

.gib-cont .list__items-cont-detail {
  display: flex;
  flex-direction: column;
}

.gib-cont .list__items-cont-detail .tit {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

@media (min-width: 900px) {
  .gib-cont .list__items-cont-detail .tit {
    font-size: 1.4rem;
  }
}

.gib-cont .list__items-cont-detail dl {
  display: flex;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .gib-cont .list__items-cont-detail dl {
    font-size: 1.4rem;
  }
}

.gib-cont .list__items-cont-detail dl dt {
  width: 25%;
  margin-right: 0.8rem;
  flex-shrink: 0;
}

.gib-cont .list__items-cont-detail dl dd {
  display: flex;
}

.gib-cont .list__items-cont-detail dl dd::before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--SH_Gr_06);
  border-radius: 50%;
  margin: 0.8rem 0.6rem 0 0;
  flex-shrink: 0;
  margin-bottom: -3px;
}

.gib-cont .list__items-cont-detail dl ~ dl {
  margin-top: 0.4rem;
}

.gib-cont .list__items-cont-detail ~ .list__items-cont-detail {
  margin-top: 1.6rem;
}

.esg__text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .esg__text {
    font-size: 1.6rem;
  }
}

.esg__text .txt {
  display: block;
  color: var(--SH_Gr_04);
  font-size: 1.5rem;
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .esg__text .txt {
    font-size: 1.6rem;
  }
}

.esg__text + .table {
  margin-top: 0.8rem;
}

.subtab-contents .esg__text {
  padding-top: 2.8rem;
}

.esg__list {
  padding: 1.6rem;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
}

.esg__list .esg__list-items {
  display: flex;
  align-items: center;
  padding: 1.6rem 0;
  border-top: 1px var(--SH_Gr_09) solid;
}

.esg__list .esg__list-items::before {
  content: '';
  width: 5rem;
  height: 5rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 2.8rem;
  flex-shrink: 0;
}

.esg__list .esg__list-items.esg01::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg01-07908093837172ed916cf58a4ed091d8.svg);
}

.esg__list .esg__list-items.esg02::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg02-d3d2678019046881bfef861d0422d825.svg);
}

.esg__list .esg__list-items.esg03::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg03-f7bea73189538806841f6aa4f1ae24eb.svg);
}

.esg__list .esg__list-items.esg04::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg04-21a9acd64473b26388ac1be16a9c32e8.svg);
}

.esg__list .esg__list-items.esg05::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg05-c09b2d61d75e52fce5e345133ce43543.svg);
}

.esg__list .esg__list-items.esg06::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg06-7263058bfc18b4b23304affe7e3e499d.svg);
}

.esg__list .esg__list-items.esg07::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg07-e95d83eaafe21016666be9c79b645440.svg);
}

.esg__list .esg__list-items.esg08::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg08-f9cbb9fdcb7431fe04fb8e1960e63f80.svg);
}

.esg__list .esg__list-items.esg09::before {
  background-image: url(/mweb/cms/images/mnif/icon_esg09-a180abdcdb8afd95c6bc9397c18d63ec.svg);
}

.esg__list .esg__list-items:first-child {
  padding-top: 0;
  border-top: 0;
}

.esg__list .esg__list-items dt {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

@media (min-width: 900px) {
  .esg__list .esg__list-items dt {
    font-size: 1.4rem;
  }
}

.esg__list .esg__list-items dd {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .esg__list .esg__list-items dd {
    font-size: 1.4rem;
  }
}

.esg__list .esg__list-items .num__type {
  align-items: baseline;
  color: var(--SH_Gr_02);
}

.esg__list .esg__list-items .num__type strong {
  font-size: 2rem;
}

@media (min-width: 900px) {
  .esg__list .esg__list-items .num__type strong {
    font-size: 2.4rem;
  }
}

.esg__list .esg__list-items .num__type span {
  font-weight: 400;
  margin-left: 0.4rem;
}

.esg-writing {
  position: relative;
  background-color: var(--SH_Gr_09);
  border-radius: 1rem;
  color: var(--SH_Gr_02);
  padding: 1.6rem;
  margin: 2.8rem 0 2rem;
}

.esg-writing strong {
  display: block;
  font-size: 2rem;
}

@media (min-width: 900px) {
  .esg-writing strong {
    font-size: 2.4rem;
  }
}

.esg-writing span {
  display: block;
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .esg-writing span {
    font-size: 1.6rem;
  }
}

.esg-writing span.esg-badge {
  display: inline-block;
  background-color: var(--SH_Gr_03);
  border-radius: 0.4rem;
  padding: 0.4rem 0.6rem;
  color: #FFF;
  font-size: 1rem;
  margin-bottom: 1.6rem;
}

.esg__keyWord-list {
  display: flex;
  flex-direction: column;
  margin-top: 1.6rem;
}

.esg__keyWord-list .esg__keyWord-items {
  display: flex;
  flex-direction: column;
  background-color: var(--SH_Gr_09);
  border-radius: 1rem;
  padding: 1.6rem;
}

.esg__keyWord-list .esg__keyWord-items ~ .esg__keyWord-items {
  margin-top: 1.2rem;
}

.esg__keyWord-key {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 0 1.6rem 7.6rem;
  border-bottom: 1px #FFF solid;
}

.esg__keyWord-key::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.esg__keyWord-key strong {
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .esg__keyWord-key strong {
    font-size: 1.8rem;
  }
}

.esg__keyWord-key span {
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
  margin-top: 0.4rem;
}

@media (min-width: 900px) {
  .esg__keyWord-key span {
    font-size: 1.4rem;
  }
}

.esg__keyWord-cont dl {
  margin-top: 1.6rem;
}

.esg__keyWord-cont dt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  color: #FFF;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0 0.8rem;
  border-radius: 1.2rem;
}

@media (min-width: 900px) {
  .esg__keyWord-cont dt {
    font-size: 1.4rem;
  }
}

.esg__keyWord-cont dd {
  color: var(--SH_Gr_06);
  font-size: 1.3rem;
  margin-top: 0.8rem;
}

@media (min-width: 900px) {
  .esg__keyWord-cont dd {
    font-size: 1.4rem;
  }
}

.esg__keyWord-cont dd span {
  color: var(--SH_Gr_04);
}

.key01 .esg__keyWord-key::before {
  background-image: url(/mweb/cms/images/mnif/img_key01-c57f812306d1859a64a217b365406d7a.svg);
}

.key01 .esg__keyWord-key strong {
  color: #2EC64F;
}

.key01 .esg__keyWord-cont dt {
  background-color: #2EC64F;
}

.key02 .esg__keyWord-key::before {
  background-image: url(/mweb/cms/images/mnif/img_key02-013b52c0c4fb56f709641e4e2f688e08.svg);
}

.key02 .esg__keyWord-key strong {
  color: #FF7A00;
}

.key02 .esg__keyWord-cont dt {
  background-color: #FF7A00;
}

.key03 .esg__keyWord-key::before {
  background-image: url(/mweb/cms/images/mnif/img_key03-c3943c347d203e7a6aef0bc1ed6a837d.svg);
}

.key03 .esg__keyWord-key strong {
  color: var(--SH_Smt_04);
}

.key03 .esg__keyWord-cont dt {
  background-color: var(--SH_Smt_04);
}

.table__esg {
  margin-top: 1.6rem;
}

.table__esg .table__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  background-color: transparent;
  border-top: 0;
}

.table__esg .table__header span {
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .table__esg .table__header span {
    font-size: 1.4rem;
  }
}

.table__esg td strong {
  color: var(--SH_Gr_02);
}

.img__esg {
  margin-top: 0.8rem;
  border-radius: 1rem;
  background-color: #010811;
  overflow: hidden;
  text-align: center;
}

.img__esg.type02 {
  background: linear-gradient(180deg, #D4EDE6 0%, #ECF0FB 100%);
}

.img__esg.neo {
  background-color: #FFF;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
  padding: 1.6rem;
}

.img__esg img {
  max-width: 50rem;
}

.img__esg + .h3__title,
.esg__text + .h3__title {
  margin-top: 1.6rem;
}

.esg__text + .h2__title,
.esg__text + .section__header {
  margin-top: 1.6rem;
}

.image__box {
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin-bottom: 1.6rem;
}

.image__box .img ~ .img {
  margin-top: 1.6rem;
}

.esg-conts-text + .image__box {
  margin: 1.6rem 0 0;
}

.esg-conts-text {
  color: var(--SH_Gr_02);
  font-size: 1.5rem;
}

@media (min-width: 900px) {
  .esg-conts-text {
    font-size: 1.6rem;
  }
}

.edu-list {
  display: flex;
  align-items: center;
}

.edu-list span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.6rem;
  color: var(--SH_Gr_04);
  font-size: 1.3rem;
  background-color: var(--SH_flagbg_01);
  border-radius: 1.3rem;
  padding: 0 0.6rem;
}

@media (min-width: 900px) {
  .edu-list span {
    font-size: 1.4rem;
  }
}

.edu-list span ~ span {
  margin-left: 0.4rem;
}

.edu-list.type2 span {
  background-color: var(--SH_flagbg_02);
}

sup {
  color: var(--SH_Gr_02);
  font-size: 1rem;
  font-weight: 400;
  vertical-align: top;
}

.sup__text {
  color: var(--SH_Gr_05);
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

@media (min-width: 600px) {
  .business {
    display: flex;
    flex-wrap: wrap;
    flex: none;
    margin: -4rem 0 0 -2rem;
    padding-right: 0;
  }
  .business .business__area {
    width: calc(50% - 2rem);
    margin: 2rem 0 0 2rem;
  }
  .business__area .business__area-header .business-title::after {
    width: 5rem;
    height: 5rem;
  }
  .gib__area .gib__area-inner {
    padding: 2.8rem 2.2rem;
  }
  .gib__area .gib__area-inner:after {
    width: 20rem;
    height: 20rem;
  }
  .esg__list {
    display: flex;
  }
  .esg__list .esg__list-items {
    flex-direction: column;
    align-items: center;
    padding: 0;
    border-top: 0;
    width: calc(100% / 3);
  }
  .esg__list .esg__list-items::before {
    margin: 0 0 1.2rem 0;
  }
  .esg__list .esg__list-items ~ .esg__list-items {
    padding: 0 1.2rem;
    border-left: 1px var(--SH_Gr_09) solid;
  }
  .esg__list .esg__list-items:first-child {
    padding-right: 1.2rem;
  }
  .esg__list .esg__list-items:last-child {
    padding-right: 0;
  }
  .esg__list .esg__list-items .esg-tit {
    margin-right: 0;
  }
  .esg__list .esg__list-items dt {
    text-align: center;
  }
  .esg__list .esg__list-items .num__type {
    justify-content: center;
  }
  .image__box {
    display: flex;
    align-items: center;
  }
  .image__box .img {
    flex: 1;
  }
  .image__box .img ~ .img {
    margin: 0 0 0 1.6rem;
  }
}

@media (min-width: 900px) {
  .gib__group-list .gib__group-items {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% / 5 - 0.4rem);
    padding: 1.6rem 1.2rem;
  }
  .gib__group-list .gib__group-items span {
    font-size: 1.3rem;
    margin-bottom: 0;
  }
  .esg__keyWord-list .esg__keyWord-items {
    flex-direction: row;
  }
  .esg__keyWord-key {
    width: 40%;
    padding: 0 2rem 0 7.6rem;
    border-bottom: 0;
    border-right: 1px #FFF solid;
    margin-right: 2rem;
    flex-shrink: 0;
  }
  .esg__keyWord-cont dl:first-child {
    margin-top: 0;
  }
}

/*경영정보*/
/*금융인증서등록/해지*/
.step__certi {
  background-color: var(--SH_Gr_09);
}

.step__certi .step__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  padding: 1.6rem 1.8rem;
  margin: 0 auto;
}

.step__certi .step__inner .h2__title {
  margin-bottom: 0;
}

.step__certi .step__inner .step__list {
  display: flex;
  align-items: center;
}

.step__certi .step__inner .step__list .step__list-items {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  color: var(--SH_Gr_06);
  font-size: 1.2rem;
  font-weight: 500;
  background-color: #FFF;
  border: 1px var(--SH_Gr_08) solid;
  border-radius: 50%;
}

.step__certi .step__inner .step__list .step__list-items ~ .step__list-items {
  margin-left: 0.4rem;
}

.step__certi .step__inner .step__list .step__list-items.active {
  color: #FFF;
  background-color: var(--primary);
  border-color: var(--primary);
}

.step__certi .step__inner .step__list .step__list-items.chk {
  background: #FFF url(/mweb/cms/images/icons/icon_chk-0d450374605d732d6882a84d6b38395b.svg) no-repeat 50% 50%;
  background-size: 100%;
  font-size: 0;
  border-color: var(--primary);
}

.input__form-chk {
  display: flex;
  align-items: flex-start;
}

.input__form-chk ~ .input__form-chk {
  margin-top: 2.8rem;
}

.input__form-chk .checkbox__form {
  margin-top: 1.8rem;
}

.input__form-chk .input__form {
  flex: 1;
}

.certify {
  margin: 4.8rem 0;
}

.form-add {
  display: none;
}

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

.ipt-group .dash {
  width: 0.7rem;
  height: 0.2rem;
  background-color: var(--SH_Gr_02);
  margin: 0 1.6rem;
  flex-shrink: 0;
}

.ipt__dot-box {
  display: flex;
  align-items: center;
  margin: 0 2.4rem 0 1rem;
}

.ipt__dot-box .dot {
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--SH_Gr_02);
  border-radius: 50%;
}

.ipt__dot-box .dot ~ .dot {
  margin-left: 0.6rem;
}

.ipt .time {
  position: absolute;
  top: 0.8rem;
  right: 3rem;
  color: var(--SH_Smt_03);
  font-size: 1.2rem;
  letter-spacing: 0;
}

.chk__items .icon_arrow::after {
  transform: rotate(-90deg);
}

.popup__content .tab-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.popup__content .tab-container {
  height: calc(100% - 5.2rem);
}

.popup__content .tab-container .tab-contents {
  height: 100%;
}

.flex1 {
  flex: 1;
}

.agree__detail .h3__title {
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .agree__detail .h3__title {
    font-size: 2rem;
  }
}

.agree__detail .h3__title ~ .h3__title {
  margin-top: 2.4rem;
}

.agree__detail-cont {
  margin-top: 1.6rem;
  color: var(--SH_Gr_02);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .agree__detail-cont {
    font-size: 1.4rem;
  }
}

.agree__detail-cont:first-child {
  margin-top: 0;
}

.agree__detail-cont .agree__detail-cont-title {
  font-size: 1.5rem;
  font-weight: 700;
}

@media (min-width: 900px) {
  .agree__detail-cont .agree__detail-cont-title {
    font-size: 1.6rem;
  }
}

.agree__detail-cont .agree__detail-cont-text {
  display: flex;
  flex-direction: column;
  margin-top: 0.6rem;
}

.agree__detail-cont .agree__detail-cont-text .text__type01 {
  text-indent: -1.6rem;
  padding-left: 1.6rem;
  margin-top: 0.6rem;
}

.agree__detail-cont .agree__detail-cont-text .text__type01 .text__list-type02 {
  text-indent: -1.2rem;
  padding-left: 1.2rem;
}

.agree__detail-cont .agree__detail-cont-text .text__list-type02 {
  padding-left: 1.7rem;
  text-indent: -1.7rem;
}

.agree__detail-cont .agree__detail-cont-text .text__list-type02 li {
  margin-top: 0.6rem;
  text-indent: -0.6rem;
}

.agree__detail-cont .agree__detail-cont-text .text__list-type02 li .inline__flex {
  text-indent: 0;
}

.agree__detail-cont .agree__detail-cont-text ul li .text__list-type02 {
  padding-left: 0;
  text-indent: 0;
}

.agree__detail-cont .agree__detail-cont-text ul li .text__list-type02 li {
  padding-left: 1.7rem;
  text-indent: -1.7rem;
}

.agree__detail-cont .agree__detail-cont-text .btn-box {
  display: inline-flex;
}

.agree__detail-cont .agree__detail-cont-text .btn-box .btn-line {
  width: auto;
}

/*로그인*/
.shsd {
  background-color: #00266D;
}

.shsd .shsd__inner {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  padding: 1rem;
}

.bg__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: url(/mweb/cms/images/icons/bg_line_col-0dd4389ef01f0dd3783884a0226b29ca.svg) repeat-x 0 0/1px 5px, url(/mweb/cms/images/icons/bg_line_col_re-0308985fe6cff7843d8c620388a7d597.svg) repeat-x 100% 100%/1px 5px, url(/mweb/cms/images/icons/bg_line_row-d4a2383a938e64c62739894e3a7abc08.svg) repeat-y 0 0/5px 1px, url(/mweb/cms/images/icons/bg_line_row_re-8692d32fac340c492cb4bd299264817b.svg) repeat-y 100% 100%/5px 1px;
}

.bg__wrap::before, .bg__wrap::after {
  content: '';
  position: absolute;
  top: 0;
  width: 11px;
  height: 11px;
  background-size: 11px !important;
}

.bg__wrap::before {
  left: 0;
  background: #FFF url(/mweb/cms/images/icons/bg_left_top-4e2a91bd4370be434729f70c0d9328b9.svg) no-repeat 0 0;
}

.bg__wrap::after {
  right: 0;
  background: #FFF url(/mweb/cms/images/icons/bg_right_top-0f44acf73cf6d0d6d2a3d5070fb75352.svg) no-repeat 0 0;
}

.bg__wrap .reverse::before, .bg__wrap .reverse::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 11px;
  height: 11px;
  background-size: 11px !important;
}

.bg__wrap .reverse::before {
  left: 0;
  background: #FFF url(/mweb/cms/images/icons/bg_left_bottom-6c4c8b45fd80deb8e088425cdb86cd54.svg) no-repeat 0 0;
}

.bg__wrap .reverse::after {
  right: 0;
  background: #FFF url(/mweb/cms/images/icons/bg_right_bottom-8fc7b194f640985daa30a803640e64b2.svg) no-repeat 0 0;
}

.bg__wrap .shsd__inner-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 1.4rem;
}

.bg__wrap .shsd__inner-cont .shsd__title {
  font-family: "OneShinhan" !important;
  font-size: 2rem;
  color: #00266D;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

@media (min-width: 900px) {
  .bg__wrap .shsd__inner-cont .shsd__title {
    font-size: 2.4rem;
  }
}

.bg__wrap .shsd__inner-cont .shsd__title span {
  font-family: 'God-ShenYongTuGB-Flash' !important;
}

.bg__wrap .shsd__inner-cont .shsd__sub-title {
  font-family: "OneShinhan" !important;
  font-size: 1.6rem;
  color: var(--SH_Gr_02);
  font-weight: 500;
  text-align: center;
}

@media (min-width: 900px) {
  .bg__wrap .shsd__inner-cont .shsd__sub-title {
    font-size: 1.8rem;
  }
}

.bg__wrap .shsd__inner-cont .italic {
  font-family: "Open Sans" !important;
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
}

@media (min-width: 900px) {
  .bg__wrap .shsd__inner-cont .italic {
    font-size: 1.4rem;
  }
}

.bg__wrap .point__blue {
  color: #00266D !important;
}

.bg__wrap .Aozora {
  font-family: "AozoraMincho" !important;
  font-weight: 700;
}

.bg__wrap .shsd__text-area {
  margin-top: 2.8rem;
  font-family: "OneShinhan" !important;
}

.bg__wrap .shsd__text-area .text__area-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
}

.bg__wrap .shsd__text-area .text__area-inner dt {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  text-align: center;
}

@media (min-width: 900px) {
  .bg__wrap .shsd__text-area .text__area-inner dt {
    font-size: 1.6rem;
  }
}

.bg__wrap .shsd__text-area .text__area-inner dd {
  font-size: 1.2rem;
  color: var(--SH_Gr_04);
  margin-top: 0.4rem;
  text-align: center;
}

.bg__wrap .shsd__text-area .text__area-inner ~ .text__area-inner {
  margin-top: 1.6rem;
}

.m_600 {
  display: none;
}

.section.pdicm .list__items.head {
  display: none;
}

.section.pdicm .list__items .list__add_info-count:before {
  content: '조회수 ';
  margin-left: .4rem;
  margin-right: .4rem;
}

.risk__bg01 {
  background-color: #D10016;
  color: #FFF !important;
}

.risk__bg02 {
  background-color: #FF7A00;
  color: #FFF !important;
}

.risk__bg03 {
  background-color: #FFE500;
  color: var(--SH_Gr_02) !important;
}

.risk__bg04 {
  background-color: #3FB03A;
  color: #FFF !important;
}

.risk__bg05 {
  background-color: #0081DF;
  color: #FFF !important;
}

.risk__bg06 {
  background-color: #1A00BA;
  color: #FFF !important;
}

.section.pdicm.copt {
  padding-top: 0;
}

/* 소비자 보호포털 > 금융소비자보호 체계 */
.sent_by {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
  letter-spacing: -0.009rem;
  text-align: center;
  margin-top: 5rem;
}

@media (min-width: 900px) {
  .sent_by {
    font-size: 2rem;
  }
}

.section__box.fncs .h3__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  letter-spacing: -0.009rem;
}

@media (min-width: 900px) {
  .section__box.fncs .h3__title {
    font-size: 2rem;
  }
}

.section__box.fncs .diagram-wrap {
  padding: 1.6rem;
  text-align: center;
  border-radius: .8rem;
  border: 1px solid var(--SH_Gr_08);
}

.section__box.fncs .diagram-wrap .part1 {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.008rem;
  border-radius: 1rem;
  background: var(--SH_Smt_04);
  padding: .8rem;
  position: relative;
  margin-bottom: 4rem;
}

@media (min-width: 900px) {
  .section__box.fncs .diagram-wrap .part1 {
    font-size: 1.8rem;
  }
}

.section__box.fncs .diagram-wrap .part1::after {
  content: '';
  display: block;
  width: .6rem;
  height: 3.1rem;
  background: url(/mweb/cms/images/copo/circle-down-257bcec7cdf639d313d1db50deb595dc.svg) 50% 100% no-repeat;
  position: absolute;
  left: 50%;
  bottom: -3.6rem;
  margin-left: -.3rem;
}

.section__box.fncs .diagram-wrap .part2 {
  padding: 1.6rem;
  border-radius: 2rem;
  background: #D3E3FF;
  margin-bottom: 6rem;
  position: relative;
}

.section__box.fncs .diagram-wrap .part2 dt {
  font-size: 1.6rem;
  color: var(--SH_Smt_04);
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.008rem;
  margin-bottom: 1.2rem;
}

@media (min-width: 900px) {
  .section__box.fncs .diagram-wrap .part2 dt {
    font-size: 1.8rem;
  }
}

.section__box.fncs .diagram-wrap .part2 dd {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .section__box.fncs .diagram-wrap .part2 dd {
    font-size: 1.4rem;
  }
}

.section__box.fncs .diagram-wrap .part2:before {
  content: '';
  display: block;
  height: 3rem;
  width: 100%;
  background: url(/mweb/cms/images/copo/circle-down-257bcec7cdf639d313d1db50deb595dc.svg) 50% 0% no-repeat;
  position: absolute;
  left: 0;
  bottom: -3.5rem;
}

.section__box.fncs .diagram-wrap .part2:after {
  content: '';
  display: block;
  width: 50%;
  height: .3rem;
  background: url(/mweb/cms/images/copo/Line-dash500-65370b5edc6cacd621595d684e72b932.svg) 0 0 repeat-x;
  position: absolute;
  bottom: -3.5rem;
  left: 25%;
}

.section__box.fncs .diagram-wrap .part2 li {
  width: 23.6rem;
  padding: 0.25rem 0 0.25rem 1.7rem;
  color: var(--SH_Smt_04);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

@media (min-width: 900px) {
  .section__box.fncs .diagram-wrap .part2 li {
    font-size: 1.4rem;
  }
}

.section__box.fncs .diagram-wrap .part2 li::before {
  content: '';
  display: block;
  width: .3rem;
  height: .3rem;
  background-color: var(--SH_Smt_04);
  border-radius: 50%;
  position: absolute;
  top: 1.1rem;
  left: .8rem;
}

.section__box.fncs .diagram-wrap .part3 {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.section__box.fncs .diagram-wrap .part3 p {
  display: inline-flex;
  height: 7rem;
  border-radius: 1rem;
  background: var(--SH_Gr_10);
  width: calc(50% - .6rem);
  justify-content: center;
  position: relative;
}

.section__box.fncs .diagram-wrap .part3 p span {
  align-self: center;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .section__box.fncs .diagram-wrap .part3 p span {
    font-size: 1.4rem;
  }
}

.section__box.fncs .diagram-wrap .part3 p:after {
  content: '';
  display: block;
  width: .6rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/copo/circle-down-257bcec7cdf639d313d1db50deb595dc.svg) 50% 100% no-repeat;
  position: absolute;
  top: -2.9rem;
  left: 50%;
}

.section__box.fncs .diagram-wrap .part3 p:last-child:after {
  margin-left: -.5rem;
}

.section__box.fncs .diagram-wrap.two .part1 {
  background-color: var(--SH_Gr_03);
}

.section__box.fncs .diagram-wrap.two .part2:after {
  width: 75%;
  left: 12.5%;
}

.section__box.fncs .diagram-wrap.two .part3 span {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: -0.006rem;
}

.agree__detail.fncs {
  color: var(--SH_Gr_02);
}

.agree__detail.fncs .agree__detail-cont-text {
  font-size: 1.5rem;
}

.agree__detail.fncs .agree__detail-cont-text span {
  display: block;
}

.agree__detail.fncs .agree__detail-cont-text ~ .h3__title {
  margin-top: 2.8rem;
}

.fncs-list li {
  padding-right: 3.2rem;
  position: relative;
}

.fncs-list li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg) no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%) rotate(-90deg);
  transition: all 0.3s ease-in-out;
}

.fncs-list li strong {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: -0.008rem;
  margin-bottom: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 1.6rem;
}

@media (min-width: 900px) {
  .fncs-list li strong {
    font-size: 1.8rem;
  }
}

.fncs-list li span {
  display: inline-block;
  font-size: 1.3rem;
  color: var(--SH_Gr_04);
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

@media (min-width: 900px) {
  .fncs-list li span {
    font-size: 1.4rem;
  }
}

.fncs-list li ~ li {
  border-top: 1px solid var(--SH_Gr_09);
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}

.pdicm .list .list__items:first-child {
  padding-top: 1.6rem;
}

@media (min-width: 600px) {
  .m_600 {
    display: block;
  }
  .text__area-inner br {
    display: none;
  }
  .section.pdicm .list__items .list__area-inner {
    flex-direction: row;
  }
  .section.pdicm .list__items .list__area-inner dt {
    width: 60%;
  }
  .section.pdicm .list__items .list__area-inner dd {
    width: 40%;
    display: inline-flex;
  }
  .section.pdicm .list__items .list__area-inner dd .list__add_info {
    width: 100%;
  }
  .section.pdicm .list__items .list__area-inner dd .list__add_info span {
    display: inline-block;
    text-align: center;
    width: 50%;
  }
  .section.pdicm .list__items .list__area-inner dd .list__add_info .list__add_info-count:before {
    content: none;
  }
  .section.pdicm .list__items::after {
    content: none;
  }
  .section.pdicm .list .list__items .list__area {
    width: 100%;
  }
  .section.pdicm .list__items.head {
    display: block;
    background-color: var(--SH_Gr_10);
    padding: 0;
  }
  .section.pdicm .list__items.head dl {
    display: flex;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
  }
}

@media (min-width: 600px) and (min-width: 900px) {
  .section.pdicm .list__items.head dl {
    font-size: 1.4rem;
  }
}

@media (min-width: 600px) {
  .section.pdicm .list__items.head dl dt {
    width: 60%;
    border: 1px var(--SH_Gr_08) solid;
    border-left: 0;
    border-right: 0;
    padding: .8rem 0;
  }
  .section.pdicm .list__items.head dl dd {
    width: 40%;
    border: 1px var(--SH_Gr_08) solid;
    border-right: 0;
    display: flex;
  }
  .section.pdicm .list__items.head dl dd p {
    height: 100%;
    padding: .8rem 0;
    width: 50%;
  }
  .section.pdicm .list__items.head dl dd p:last-child {
    border-left: 1px var(--SH_Gr_08) solid;
  }
  .section.pdicm.copt {
    padding-top: 2.8rem;
  }
  .section.pdicm.copt .list__items.head dl dd p {
    width: calc(100% / 3);
  }
  .section.pdicm.copt .list__items.head dl dd p ~ p {
    border-left: 1px var(--SH_Gr_08) solid;
  }
  .section.pdicm.copt .list__items .list__area-inner dd .list__add_info {
    width: 70%;
  }
  .section.pdicm.copt .list__items .list__area-inner dd .list__add_info span {
    margin-left: 0;
  }
  .section.pdicm.copt .list__items .list__area-inner dd .btn_file {
    width: 30%;
    justify-content: center;
  }
  .section.pdicm.copt .list__items .list__area-inner dd .btn_file::before {
    display: none;
  }
}

@media (min-width: 900px) {
  .section.pdicm .list__items.head dl dt, .section.pdicm .list__items.head dl dd p {
    padding: 1rem 0;
  }
  .section__box.fncs .diagram-wrap {
    display: flex;
    padding: 2.8rem 4.55rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner {
    display: flex;
    max-width: 76.5rem;
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part1 {
    height: 10.9rem;
    width: 15rem;
    line-height: 9rem;
    margin-bottom: 0;
    margin-right: 5.5rem;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part1:after {
    height: .6rem;
    width: 4.5rem;
    background: url(/mweb/cms/images/copo/circle-right-e3d2547f5feafae012018b039fa946eb.svg) 100% 50%;
    right: -5rem;
    top: 50%;
    left: unset;
    margin-top: -.3rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part2 {
    margin-bottom: 0;
    margin-right: 6rem;
    width: 30rem;
    height: 10.9rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part2:before {
    height: .6rem;
    width: 3rem;
    background: url(/mweb/cms/images/copo/Line-dash500-65370b5edc6cacd621595d684e72b932.svg) 0 50% repeat-x;
    left: unset;
    bottom: unset;
    top: 50%;
    right: -3.5rem;
    margin-top: -.3rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part2:after {
    height: calc(50% + .45rem);
    width: .3rem;
    background: url(/mweb/cms/images/copo/Line-dash500-v-edac74c3d7d4ac05fa933d70e0dedefa.svg) 50% 0 repeat-y;
    left: unset;
    right: -3.5rem;
    bottom: 25%;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part2 dt {
    margin-bottom: .9rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part3 {
    width: 20rem;
    flex-direction: column;
    justify-content: space-between;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part3 p {
    display: block;
    width: 100%;
    height: 5rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part3 p span {
    line-height: 5rem !important;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part3 p:after {
    height: .6rem;
    width: 2.1rem;
    background: url(/mweb/cms/images/copo/circle-right-e3d2547f5feafae012018b039fa946eb.svg) 100% 50%;
    left: -2.6rem;
    top: 50%;
    margin-top: -.2rem;
  }
  .section__box.fncs .diagram-wrap .diagram-inner .part3 p:last-child:after {
    margin-left: 0;
    margin-top: -.7rem;
  }
  .section__box.fncs .diagram-wrap.two .diagram-inner .part2 {
    height: auto;
  }
  .section__box.fncs .diagram-wrap.two .diagram-inner .part2:after {
    height: 18.6rem;
    bottom: -2rem;
  }
  .section__box.fncs .diagram-wrap.two .diagram-inner .part2 li {
    width: 100%;
  }
  .section__box.fncs .diagram-wrap.two .diagram-inner .part3 span br {
    display: none;
  }
}

/*소비자보호포털*/
.money-story {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 4.9rem auto 0;
  flex-direction: column;
}

.money-story__section-list {
  width: 100%;
  padding-top: 5.6rem;
}

.money-story__list {
  padding: 0 0 1.2rem 0;
}

.money-story__item:before {
  content: '';
  display: block;
  height: 1px;
  margin: 0 1.8rem;
  background: var(--SH_Gr_09);
}

.money-story__item:first-of-type:before {
  content: none;
}

.money-story__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 1.8rem;
}

.money-story__link .money-story__link-list {
  width: calc(100% - 6.2rem);
}

.money-story__link .money-story__img {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}

.money-story__title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
}

.money-story__tag {
  display: block;
  margin-top: 0.6rem;
  font-size: 0;
}

.money-story__tag-item {
  display: inline-block;
  margin-right: 0.4rem;
  color: var(--SH_Gr_05);
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: -0.0065rem;
}

.money-story__section-category {
  position: fixed;
  top: 10.1rem;
  width: 100%;
  background-color: #FFF;
  overflow-x: auto;
  transition: all 0.3s ease-in-out;
}

.money-story__section-category::-webkit-scrollbar {
  display: none;
}

.money-story__category {
  padding: 1.2rem 0 1.2rem 1.8rem;
}

.money-story__category-heading {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
}

.money-story__category-content {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0;
}

.money-story__category-item {
  display: inline-block;
  max-width: 100%;
  padding: 0.5rem 0.4rem;
}

.money-story__category-text {
  display: block;
  border-radius: 9.9rem;
  padding: 0.6rem 1.4rem;
  background: var(--SH_Gr_10);
  color: var(--SH_Gr_04);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.active .money-story__category-text {
  background-color: #000;
  color: #FFF;
}

.btn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.4rem;
  margin-bottom: 2.8rem;
}

.btn-more span {
  display: flex;
  align-items: center;
  color: var(--SH_Gr_03);
  font-size: 1.3rem;
}

@media (min-width: 900px) {
  .btn-more span {
    font-size: 1.4rem;
  }
}

.btn-more span::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_arrow-55e39a4bfbd49ae4c9acf3abb25ced10.svg) no-repeat 0 0;
  background-size: 100%;
}

.money-story__category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn-refresh {
  width: 2.4rem;
  height: 2.4rem;
  background: url(/mweb/cms/images/icons/icon_refresh-7fd1f3ef15b4416b4e04ac7526631952.svg) no-repeat 0 0;
  background-size: 100%;
}

@media (min-width: 600px) {
  .money-story {
    display: flex;
    flex-direction: row;
  }
  .money-story__category-header {
    align-items: flex-start;
  }
  .money-story__category-heading {
    word-break: keep-all;
  }
}

@media (min-width: 900px) {
  .money-story__section-list {
    width: 100%;
  }
  .money-story__list {
    padding: 0 2.2rem;
  }
  .money-story__item:before {
    margin: 0;
  }
  .money-story__link {
    padding: 2rem 0;
  }
  .money-story__title {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .money-story__tag-item {
    margin-right: 0.6rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .money-story__category-heading {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .money-story__category-content {
    margin: 2.3rem -0.4rem 0 -0.4rem;
  }
  .money-story__category-text {
    padding: 0.6rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.5rem;
  }
}

.money-story-detail {
  position: relative;
  margin: 0 1.8rem;
  padding: 1.8rem 0;
}

.money-story-detail img {
  width: 100%;
  height: auto;
}

@media (min-width: 900px) {
  .money-story-detail {
    margin: 0 2.2rem;
    padding: 2rem 0;
  }
}

/*20240626 추가*/
.video__box {
  max-width:64rem;
  margin:2.8rem auto 0;
}
.line-box__list {
  padding:1.6rem;
  border:1px var(--SH_Gr_08) solid;
  border-radius: 0.8rem;
}
.line-box__list li {
  display: flex;
  align-items: center;
}
.line-box__list li ~ li{
  margin-top:1.6rem;
  padding-top: 1.6rem;
  border-top: 1px var(--SH_Gr_09) solid
}
.line-box__list li .img {
  width:4rem;
  flex-shrink:0;
  margin-right:1.2rem;
}
.line-box__list li dt {
  font-size: 1.5rem;
  color:var(--SH_Gr_02);
  font-weight: 700;
}
.line-box__list li dd {
  font-size: 1.3rem;
  color:var(--SH_Gr_05);
}

/* 24-06-20 MA-TFT 4923 추가 */
.select-box.email {
  margin-right: 0;
  margin-left: 1.2rem;
}

.select-box.email .dropdown-select{
  font-weight: 400;
}

input[type="text"].email_ipt {
  width: 80%;
}

.comm__type_box_tit {
  margin-top: 40px;
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  margin-bottom: 1.6rem;
}

.comm__type_tab .tab-menu__list li{
  flex: 1;
  padding: 0;
  height: 4.0rem;
  color: var(--SH_Gr_06);
  background-color: var(--SH_Gr_11);
  border: 1px solid var(--SH_Gr_07);
}
.comm__type_tab .tab-menu__list li.active{
  border-color: var(--SH_Gr_02);
  color: var(--SH_Gr_02);
  background-color: #fff;
}

.comm__type_tab .tab-menu__list li:first-of-type{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.comm__type_tab .tab-menu__list li:last-of-type{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.comm__type_tab .tab-menu__list li a{
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.comm__type_tab .tab-menu__list li a:after{
  display: none!important;
}

/* 2024-10-17 :: ma-tft-5785 추가 */
.usage-cont__bg {
  background: linear-gradient(0deg, rgba(216, 225, 255, 0) 0%, rgb(216, 225, 255) 100%);
}
.usage-cont__wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.usage-cont__slogan {
  padding: 0 1rem 4rem;
}

.usage-cont__slogan * {
  /* font-family: "OneShinhan" !important; */
}

.usage-cont__slogan p {
    color: #69737b;
    font-size: 1.6rem; /* 수정 2025.02.07 */
    margin-bottom: 1rem;
    font-weight: 500; /* 수정 2025.02.07 */
  }

.usage-cont__slogan h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
}

.usage-cont__slogan h2 .blue {
  color: var(--primary);
}

.usage-cont__img {
  max-width: 400px;
  padding: 0 2rem;
  margin: 0 auto;
}

.usage-cont__btns {
  display: grid;
  padding: 4rem 0;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  margin: 0 auto;
}
.usage-cont__btns .btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 96/120;
  min-width: 26vw;
  padding: 1rem 0.2rem 0.2rem 1.2rem;
  border-radius: 0.8rem;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 39, 143, 0.14);
}

.usage-cont__btns .btn span {
  /* font-family: "OneShinhan" !important; 수정 2025.02.07 */
  font-size: 1.4rem; /* 수정 2025.02.07 */
  line-height: 142.857%; /* 수정 2025.02.07 */
  font-weight: 500;
  color: #000;
  text-align: left;
  letter-spacing: normal;
  align-self: flex-start;
}

.usage-cont__btns .btn img {
  align-self: flex-end;
  width: 4.8rem;
  height: 4.8rem;
}
@media (min-width: 600px) {
  .usage-cont__btns .btn {
    min-width: 120px;
  }
}

@media (min-width: 900px) {
  .usage-cont__wrap {
    justify-content: space-around;
  }
  .usage-cont__btns {
    padding: 6rem 2rem;
    grid-template-columns: repeat(6, 1fr);
  }
}
/* 250318 MA_TFT-7028 추가 */
.visual-prestige .visual__inner .h2__title::after {
  display: none;
}

.visual-prestige .visual__inner .line-box__list {
  padding: 1.6rem;
  border: 1px #fff solid;
  border-radius: 0.8rem;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 2.4rem;
}
.visual-prestige .visual__inner .line-box__list li {
  display: flex;
  align-items: center;
}
.visual-prestige .visual__inner .line-box__list li ~ li {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px var(--SH_Gr_09) solid;
}
.visual-prestige .visual__inner .line-box__list li .img {
  width: 4rem;
  flex-shrink: 0;
  margin-right: 1.2rem;
}
.visual-prestige .visual__inner .line-box__list li dt {
  font-size: 1.5rem;
  color: var(--SH_Gr_02);
  font-weight: 700;
}
.visual-prestige .visual__inner .line-box__list li dd {
  font-size: 1.3rem;
  color: var(--SH_Gr_02);
}

.visual-prestige .visual__inner .btn__wrap{
  gap: 1.6rem;
}

.visual-prestige .visual__inner .btn-navi{
  background-color: #001f63;
  font-size: 1.6rem;
  color: #fff;
}
.visual-prestige .visual__inner .btn-navi:hover{
  background-color: #00109d;
}


@media (max-width: 900px) {
  .visual-prestige .visual__inner .btn__wrap{
    flex-direction: column;
  }

}

@media (min-width: 600px) {
.visual-prestige .visual__inner .visual__text .m__600{
    display: none;
  }

}

.alp-c-section--v11{padding:32px 20px;background-color:#f6f6f9;}
.alp-c-text--v16 {font-size:13px;font-weight:500;color:#777e8c;line-height:1.54;word-break:keep-all;}
.alp-c-title--v2 {font-size: 20px; font-weight: 700; color: #111; line-height: 1.20; letter-spacing: -0.3px;}
.alp-u-mt8 {margin-top: 8px !important;}
.alp-c-alert>.alp-c-alert__ico, .alp-c-alert>.alp-c-alert__txt {font-size: 13px; font-weight: 400; color: #999ea4; line-height: 1.38; letter-spacing: -0.2px; word-break: keep-all;}

/* 250318 MA_TFT-7511 신한 Premier소개 추가 */
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.point__gold{color: #c8a563; }
.point__gr04{color: var(--SH_Gr_04);}
.btn-gold{background-color: #c8a563; color: #fff;margin-top: 2.8rem;}

.premier-diagram img{
  display: inline-block;
}

.premier-box__wrap .premier-box__item{
  background-color: var(--SH_Gr_11);
  border-radius: 8px;
  padding: 1.2rem;
}

.premier-box__wrap .premier-box__item+ .premier-box__item{
  margin-top: 1.6rem;
}

.premier-box__wrap .premier-box__title{
  border-left: 5px solid #c8a563;
  padding-left: 1.0rem;
  color: var(--SH_Gr_01);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.premier-box__wrap .premier-box__item p{
  font-size: 1.3rem;
  font-weight: 400;
}

.premier-cont__core{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0rem;
}

.premier-cont__core li p{
  color: var(--SH_Gr_04);
}

.premier-cont__brand{
  display: flex;
  align-items: center;
  gap: 2.0rem;
}
.premier-cont__brand img{
  max-width: 8.4rem;
  margin-left: 2.7rem;
}

.premier-box__wrap .premier-box__item .premier-cont__slogan p{
  font-size: 1.6rem;
}

.acct-open__list .acct-open__list-items .list-items-txt .list__icon-dot > li{font-size: 1.3rem;}
.acct-open__list .acct-open__list-items .img{max-width: 5rem;}

@media (min-width: 900px) {
  .premier-cont__core{
    grid-template-columns: repeat(4, 1fr);
  }
  .premier-cont__core img{
    max-width: 70%;
  }
}

/* 250609 MA_TFT-7816 ISA 가이드 추가*/
.alp-u-ac {text-align: center !important;}
.alp-u-of-hd {overflow: hidden !important;}
.alp-u-fr {float: right !important;}
.fisa .main__custom-center .main__custom-inner{position: relative;background: #e8effd !important;}
.fisa .main__custom-center .banner-title{margin-bottom: 6px;font-size: 1.4rem;color: #111;font-weight: 500;line-height: 142.857% !important;}
.fisa .main__custom-center .main__custom-cont a{font-size: 1.2rem !important;font-weight: 500 !important;line-height: 1.5 !important;color: #777e8c;}
.fisa .main__custom-center .main__custom-inner.banner-wrap::after {content: '';position: absolute;bottom: 1rem;right: 1.6rem;display: block;width: 7.5rem;height: 7.5rem;background: url(/static/cms/images/fnin/fisa-img2.png) no-repeat center;background-size: 100%;flex-shrink: 0;}
.list__accordion.qna-list .list__items:last-child{border-bottom: none;}
@media (min-width: 900px){
.fisa .main__custom-center .banner-title{font-size: 1.6rem;}
.fisa .main__custom-center .main__custom-cont a{font-size: 1.4rem !important;}
}

 /* 250620 MA_TFT-7816 ISA 가이드 추가*/
 .btn__wrap.float .btn__inner{position: fixed;bottom: 0;left: 0;}

.alp-c-section--v11{padding:32px 20px;background-color:#f6f6f9;}
.alp-c-text--v16 {font-size:13px;font-weight:500;color:#777e8c;line-height:1.54;word-break:keep-all;}
.alp-c-title--v2 {font-size: 20px; font-weight: 700; color: #111; line-height: 1.20; letter-spacing: -0.3px;}
.alp-u-mt8 {margin-top: 8px !important;}
.alp-c-alert>.alp-c-alert__ico, .alp-c-alert>.alp-c-alert__txt {font-size: 13px; font-weight: 400; color: #999ea4; line-height: 1.38; letter-spacing: -0.2px; word-break: keep-all;}
.flex{display: flex;}
.ai-ce{align-items: center;}
.ai-sb{align-items: space-between;}
.ai-fs{align-items: flex-start;}
.ai-fe{align-items: flex-end;}
.jc-ce{justify-content: center;}
.jc-sb{justify-content: space-between;}
.jc-fs{justify-content: flex-start;}
.jc-fe{justify-content: flex-end;}
.btn-arrow{ display: inline-flex; align-items: center; justify-content: center;}
.btn-arrow:after{display: inline-block; content: "";background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.64645 6.64645C9.84171 6.45118 10.1583 6.45118 10.3536 6.64645L15.3536 11.6464C15.5488 11.8417 15.5488 12.1583 15.3536 12.3536L10.3536 17.3536C10.1583 17.5488 9.84171 17.5488 9.64645 17.3536C9.45118 17.1583 9.45118 16.8417 9.64645 16.6464L14.2929 12L9.64645 7.35355C9.45118 7.15829 9.45118 6.84171 9.64645 6.64645Z" fill="%232A3FEC"/></svg>'); width: 2.4rem; height: 2.4rem; background-size: 100%;}
.btn-mailchange{font-size: 1.3rem; color: var(--SH_blue);}
.msg-box{margin-top: 1.8rem;}
.msg-box .caption{margin-top: 0;}
.contact-info__box{background-color: #f1f3f8; border-radius: .5rem; padding: 1.6rem 1.2rem;}
.contact-info__item dt{flex-shrink: 0; color: var(--SH_Gr_04);}
.contact-info__item :is(dt,dd){font-size: 1.3rem; line-height: 1.5;}
.contact-info__item .sub{font-size: 1.2rem; color: var(--SH_Gr_05);line-height: 1.5;}
.contact-info__item + .contact-info__item{margin-top: 1.2rem;}
.reply_banner.type2 .reply__banner-inner { width: 100%; max-width: 128rem; height: 8.2rem; margin: 0 auto; padding: 1.6rem 1.8rem; }
.reply_banner.type2 .reply__banner-inner .reply__banner-text { display: block; position: relative; height: 100%; color: var(--SH_Gr_02); font-size: 1.3rem; }
@media (min-width: 900px){
 .reply_banner.type2 .reply__banner-inner .reply__banner-text { font-size: 1.5rem; }
 }
.reply_banner.type2 .reply__banner-inner .reply__banner-text::after { content: ""; position: absolute; top:50%; right: 0; transform: translateY(-50%); }
.reply_banner.type2 .reply__banner-inner .reply__banner-text strong { font-size: 1.8rem; }
@media (min-width: 900px){
 .reply_banner.type2 .scsif0001reply__banner-inner .reply__banner-text strong { font-size: 2.0rem; }
 }
 /* [s] 250523 :: 추가 */
 .customer-box .customer-box__inner a div.best::before {
   background: url(/mweb/cms/images/svif/csif/icon_best-e4f1d7a15eb947c9a42b145ee3182e93.png) no-repeat 0 0;
   background-size: 100%;
 }
 /* [e] 250523 :: 추가 */
 /*[s] 250523 :: 수정 */
 .customer-box-wrap{display: flex;justify-content: space-between; gap: 16px;}
 .customer-box {
   flex: 1;
   background-color: var(--SH_Gr_10);
   border-radius: 1rem;
   margin-top: 1.2rem;
   padding: 1.6rem;
 }
 /* [e] 250523 :: 수정 */

 /* 250626 MA_TFT-7949 신한 Premier 추가*/
 .f-a_st {align-items: flex-start;}
 .mt24 {margin-top: 2.4rem;}
 /* 250626 MA_TFT-7949 신한 Premier 추가*/
 .f-a_st {align-items: flex-start !important;}
 .mt24 {margin-top: 2.4rem !important;}