@charset "UTF-8";
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 400;
  src: local("나눔바른고딕"), url("/fonts/NanumBarunGothicSubset.woff2") format("woff2"), url("/fonts/NanumBarunGothicSubset.woff") format("woff"), url("/fonts/NanumBarunGothicSubset.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 700;
  src: local("나눔바른고딕 Bold"), url("/fonts/NanumBarunGothicBoldSubset.woff2") format("woff2"), url("/fonts/NanumBarunGothicBoldSubset.woff") format("woff"), url("/fonts/NanumBarunGothicBoldSubset.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 300;
  src: local("나눔바른고딕 Light"), url("/fonts/NanumBarunGothicLightSubset.woff2") format("woff2"), url("/fonts/NanumBarunGothicLightSubset.woff") format("woff"), url("/fonts/NanumBarunGothicLightSubset.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 200;
  src: local("나눔바른고딕 UltraLight"), url("/fonts/NanumBarunGothicUltraLightSubset.woff2") format("woff2"), url("/fonts/NanumBarunGothicUltraLightSubset.woff") format("woff"), url("/fonts/NanumBarunGothicUltraLightSubset.ttf") format("truetype");
}
@font-face {
  font-family: "password";
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format("woff");
}
html {
  overscroll-behavior: none;
}

body {
  overscroll-behavior: none;
}
body * {
  box-sizing: border-box;
}
body *::after, body *::before {
  box-sizing: border-box;
}

/* 여백 초기화 */
body, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select,
table, th, td, tr, textarea, button, form, figure, figcaption {
  margin: 0;
  padding: 0;
}

/* a 링크 초기화 */
a {
  color: #111;
  text-decoration: none;
}

a:hover, a:focus, a:active, a:link {
  color: #111;
  text-decoration: none;
}

/* 폰트 초기화 */
body, input, textarea, select, button, table {
  font-family: "NanumBarunGothic", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a, input, textarea, select, button {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
}

.kpd-group img {
  max-width: none;
}

em, address, i {
  font-style: normal;
}

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

/* 제목 태그 초기화 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a, button, [tabindex="0"] {
  outline: 0;
}

strong {
  font-weight: 700;
}
strong.black {
  color: var(--font_color01);
}

em {
  color: var(--main_color01);
}
em.type2 {
  color: var(--font_color07);
}
em.ff {
  color: var(--font_color08);
}

img {
  width: 100%;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

img {
  border: 0;
}

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

.hidden::before {
  content: " ";
  display: none;
  width: 0;
  height: 0;
  font-size: 0;
}

legend {
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
  max-width: 100%;
  width: 100%;
}

fieldset {
  min-width: 0;
}

[hidden] {
  display: none;
}

button {
  background: none;
  border: 0 none;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

html {
  --main_color01: #DF6311;
  --main_color02: #477A71;
  --main_color03: rgba(223, 99, 17, 0.06);
  --main_color04: rgba(71, 122, 113, 0.06);
  --font_color01: #111;
  --font_color02: #333;
  --font_color03: #666;
  --font_color04: #888;
  --font_color05: #ccc;
  --font_color06: #fff;
  --font_color07: #3282fa;
  --font_color08: #ff334b;
  --basic_color01: #111;
  --basic_color02: #333;
  --basic_color03: #666;
  --basic_color04: #888;
  --basic_color05: #ccc;
  --basic_color06: #fff;
  --basic_color07: #3282fa;
  --basic_color08: #ff334b;
  --button_color01: #DF6311;
  --button_color02: #5c627c;
  --button_color03: #ccc;
  --line_color01: #111;
  --line_color02: #ddd;
  --line_color03: #eee;
  --line_color04: #f6f6f6;
  --bg_color01: #f1f1f1;
  --bg_color02: #F7F8FA;
  --bg_color03: #fff;
  --bg_color04: rgba(255, 255, 255, 0.8);
  --bg_color05: rgba(0, 0, 0, 0.8);
}

html.bank1 {
  --main_color01: #DF6311;
  --main_color02: #477A71;
  --main_color03: rgba(223, 99, 17, 0.08);
  --main_color04: rgba(71, 122, 113, 0.06);
  --font_color01: #111;
  --font_color02: #333;
  --font_color03: #666;
  --font_color04: #919191;
  --font_color05: #ccc;
  --font_color06: #fff;
  --font_color07: #3282fa;
  --font_color08: #ff334b;
  --basic_color01: #111;
  --basic_color02: #333;
  --basic_color03: #666;
  --basic_color04: #888;
  --basic_color05: #ccc;
  --basic_color06: #fff;
  --basic_color07: #3282fa;
  --basic_color08: #ff334b;
  --button_color01: #DF6311;
  --button_color02: #5c627c;
  --button_color03: #ccc;
  --line_color01: #111;
  --line_color02: #ddd;
  --line_color03: #eee;
  --line_color04: #f6f6f6;
  --bg_color01: #f1f1f1;
  --bg_color02: #f8f8f8;
  --bg_color03: #fff;
  --bg_color04: rgba(255, 255, 255, 0.8);
  --bg_color05: rgba(0, 0, 0, 0.8);
}

html.bank2 {
  --main_color01: #DF6311;
  --main_color02: #477A71;
  --main_color03: rgba(223, 99, 17, 0.08);
  --main_color04: rgba(71, 122, 113, 0.06);
  --font_color01: #111;
  --font_color02: #333;
  --font_color03: #666;
  --font_color04: #919191;
  --font_color05: #ccc;
  --font_color06: #fff;
  --font_color07: #3282fa;
  --font_color08: #ff334b;
  --basic_color01: #111;
  --basic_color02: #333;
  --basic_color03: #666;
  --basic_color04: #888;
  --basic_color05: #ccc;
  --basic_color06: #fff;
  --basic_color07: #3282fa;
  --basic_color08: #ff334b;
  --button_color01: #DF6311;
  --button_color02: #5c627c;
  --button_color03: #ccc;
  --line_color01: #111;
  --line_color02: #ddd;
  --line_color03: #eee;
  --line_color04: #f6f6f6;
  --bg_color01: #f1f1f1;
  --bg_color02: #f8f8f8;
  --bg_color03: #fff;
  --bg_color04: rgba(255, 255, 255, 0.8);
  --bg_color05: rgba(0, 0, 0, 0.8);
}

.guide_scroll ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.guide_scroll ::-webkit-scrollbar-thumb {
  height: 30%;
  background: #000;
  border-radius: 10px;
}
.guide_scroll ::-webkit-scrollbar-track {
  background: #e8e8e8;
}

.mui-animation-fade-in {
  animation-name: mui-fade;
}

.mui-animation-fade-out {
  animation-name: mui-fade;
  animation-direction: reverse;
}

.mui-animation-scale-in {
  animation-name: mui-fade, mui-scale-in;
}

.mui-animation-tooltip {
  animation-name: mui-fade, mui-slide-up;
}

@keyframes mui-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mui-scale-in {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes mui-slide-up {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes mui-flip-horizontal {
  0%, 75%, 100% {
    transform: rotateY(0) translateY(0);
  }
  25% {
    transform: rotateY(-180deg) translateY(-5px);
  }
  50% {
    transform: rotateY(180deg) translateY(0);
  }
}
:root {
  --swiper-theme-color: #fff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

.swiper,
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

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

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

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

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.noUi-connect {
  background: var(--main_color01);
}

.noUi-horizontal {
  height: 8px;
}
.noUi-horizontal .noUi-handle {
  width: 28px;
  height: 28px;
  border-radius: 16px;
  border: 1px solid var(--line_color02);
  background: var(--bg_color03);
  box-shadow: none;
  top: -10px;
  right: -14px;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
  display: none;
}

.noUi-target {
  box-shadow: none;
  border: 0 none;
  background: var(--bg_color01);
  border-radius: 4px;
}

/*----------------------------------------*\
  || Is Animating
\*----------------------------------------*/
.mui-animating > * {
  opacity: 0;
}
.mui-animating > *:nth-child(1) {
  animation-delay: 0.15s;
}
.mui-animating > *:nth-child(2) {
  animation-delay: 0.3s;
}
.mui-animating > *:nth-child(3) {
  animation-delay: 0.45s;
}
.mui-animating > *:nth-child(4) {
  animation-delay: 0.6s;
}
.mui-animating > *:nth-child(5) {
  animation-delay: 0.75s;
}
.mui-animating > *:nth-child(6) {
  animation-delay: 0.9s;
}
.mui-animating > *:nth-child(7) {
  animation-delay: 1.05s;
}
.mui-animating > *:nth-child(8) {
  animation-delay: 1.2s;
}
.mui-animating > *:nth-child(9) {
  animation-delay: 1.35s;
}
.mui-animating > *:nth-child(10) {
  animation-delay: 1.5s;
}
.mui-animating--vertical > * {
  animation: muiFadeInDown 0.4s ease forwards;
}

/*----------------------------------------*\
  || Fade In Down
\*----------------------------------------*/
@keyframes muiFadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*----------------------------------------*\
  || Opacity
\*----------------------------------------*/
@keyframes muiOpacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*----------------------------------------*\
  || Spin
\*----------------------------------------*/
@keyframes muiSpin {
  to {
    transform: rotate(1turn);
  }
}
.mui_radio,
.mui_checkbox {
  position: relative;
  display: inline-block;
}
.mui_radio input,
.mui_checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.mui_radio label,
.mui_checkbox label {
  padding-left: 32px;
  line-height: 24px;
  min-height: 24px;
  color: var(--font_color03);
  font-size: 16px;
  display: inline-flex;
}
.mui_radio label.inner_block,
.mui_checkbox label.inner_block {
  display: block;
}
.mui_radio label::before,
.mui_checkbox label::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: var(--bg_color03);
  border: 1px solid var(--basic_color05);
  position: absolute;
  border-radius: 12px;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.mui_radio label strong,
.mui_checkbox label strong {
  color: var(--font_color01);
}
.mui_radio.label13 label,
.mui_checkbox.label13 label {
  font-size: 13px;
}
.mui_radio.type-s label,
.mui_checkbox.type-s label {
  padding-left: 26px;
  font-size: 13px;
}

.mui_radio input:checked + label::before {
  border: 5px solid var(--main_color01);
}

.mui_checkbox input:checked + label::before {
  border: 0 none;
  background: var(--main_color01);
}
.mui_checkbox input:checked + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='16px' height='16px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.mui_checkbox.type-s label::before {
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
}
.mui_checkbox.type-s input:checked + label::after {
  top: 7px;
  left: 3px;
  width: 12px;
  height: 12px;
  background-size: 12px;
}

.mui_radio_group,
.mui_checkbox_group {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 16px;
}

.mui_radio_group .mui_radio {
  display: inline-block;
}
.mui_radio_group--icon {
  display: block;
}
.mui_radio_group--icon .mui_radio {
  display: block;
  margin-left: 0;
}
.mui_radio_group--icon .mui_radio ~ .mui_radio {
  margin-top: 12px;
  margin-left: 0;
}
.mui_radio_group--icon .mui_radio input:checked + label {
  border-color: var(--main_color01);
  color: var(--font_color01);
  box-shadow: inset 0 0 0 1px var(--main_color01);
}
.mui_radio_group--icon .mui_radio input:checked + label::after {
  top: 24px;
  left: 20px;
}
.mui_radio_group--icon .mui_radio input:checked + label::before {
  border: none;
}
.mui_radio_group--icon .mui_radio label {
  border-radius: 16px;
  border: 1px solid var(--line_color04);
  display: flex;
  align-items: center;
  padding: 16px 16px 16px 96px;
  min-height: 82px;
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color02);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
}
.mui_radio_group--icon .mui_radio label::before {
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 64px;
  height: 50px;
  border: none;
}
.mui_radio_group--icon ~ .mui_text {
  margin-top: 12px;
}
.mui_radio_group--box {
  display: block;
}
.mui_radio_group--box .mui_radio {
  display: block;
  margin-left: 0;
}
.mui_radio_group--box .mui_radio ~ .mui_radio {
  margin-top: 16px;
  margin-left: 0;
}
.mui_radio_group--box .mui_radio input:checked + label {
  border-color: var(--main_color01);
  color: var(--font_color01);
  box-shadow: inset 0 0 0 1px var(--main_color01);
}
.mui_radio_group--box .mui_radio input:checked + label::after {
  top: 24px;
  left: 20px;
}
.mui_radio_group--box .mui_radio input:checked + label::before {
  border: none;
}
.mui_radio_group--box .mui_radio label {
  display: block;
  padding: 16px;
  width: 100%;
  min-height: 100px;
  border: 1px solid var(--line_color04);
  border-radius: 16px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
  font-size: 13px;
  line-height: 150%;
  color: var(--font_color04);
}
.mui_radio_group--box .mui_radio label::before {
  display: none;
}
.mui_radio_group--box .mui_radio label .title {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_radio_group--box .mui_radio label em {
  font-weight: 700;
}

.mui_checkbox_group .mui_checkbox {
  display: inline-block;
}

.mui-switch__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mui-switch__list + ul {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line_color03);
}
.mui-switch__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mui-switch__group p {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: var(--font_color03);
}

.button_type {
  border-radius: 8px;
  position: relative;
  display: flex;
  background: var(--bg_color03);
  margin-left: 0;
  gap: 0;
}
.button_type .mui_radio,
.button_type .mui_checkbox {
  flex: 1;
  position: relative;
  z-index: 1;
  margin-left: 0;
}
.button_type .mui_radio::after,
.button_type .mui_checkbox::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: var(--line_color02);
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0;
  z-index: 0;
}
.button_type .mui_radio input,
.button_type .mui_checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.button_type .mui_radio input:checked + label,
.button_type .mui_checkbox input:checked + label {
  font-weight: 700;
  color: var(--font_color01);
}
.button_type .mui_radio input:checked + label::after,
.button_type .mui_checkbox input:checked + label::after {
  content: "";
  display: block;
  border: 2px solid var(--main_color01);
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  bottom: 0;
  border-radius: 8px;
}
.button_type .mui_radio label,
.button_type .mui_checkbox label {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 16px;
  color: #888;
  padding: 16px 0;
  position: relative;
  z-index: 2;
  height: auto;
  height: 48px;
  line-height: 1;
}
.button_type .mui_radio label::after, .button_type .mui_radio label::before,
.button_type .mui_checkbox label::after,
.button_type .mui_checkbox label::before {
  display: none;
}
.button_type .mui_radio ~ .mui_radio,
.button_type .mui_radio .mui_checkbox,
.button_type .mui_checkbox ~ .mui_radio,
.button_type .mui_checkbox .mui_checkbox {
  margin-left: 0;
}
.button_type::after {
  content: "";
  display: block;
  border: 1px solid var(--line_color02);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
}
.button_type.type1 {
  background-color: var(--bg_color02);
}
.button_type.type1 .mui_radio::after,
.button_type.type1 .mui_checkbox::after {
  display: none;
}
.button_type.type1 .mui_radio label,
.button_type.type1 .mui_checkbox label {
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-weight: 400;
  color: var(--font_color03);
}
.button_type.type1 .mui_radio input:checked + label,
.button_type.type1 .mui_checkbox input:checked + label {
  font-weight: 400;
  border-radius: 8px;
  color: var(--font_color06);
  background: var(--main_color02);
}
.button_type.type1 .mui_radio input:checked + label::after,
.button_type.type1 .mui_checkbox input:checked + label::after {
  display: none;
}
.button_type.type1::after {
  display: none;
}

.block_type {
  display: block;
}
.block_type .mui_radio,
.block_type .mui_checkbox {
  display: block;
  margin-left: 0;
}
.block_type .mui_radio ~ .mui_radio, .block_type .mui_radio ~ .mui_checkbox,
.block_type .mui_checkbox ~ .mui_radio,
.block_type .mui_checkbox ~ .mui_checkbox {
  margin-top: 12px;
  margin-left: 0;
}
.block_type .mui_radio input:checked + label,
.block_type .mui_checkbox input:checked + label {
  border-color: var(--main_color01);
  color: var(--font_color01);
  font-weight: 700;
}
.block_type .mui_radio input:checked + label::after,
.block_type .mui_checkbox input:checked + label::after {
  top: 24px;
  left: 20px;
}
.block_type .mui_radio label,
.block_type .mui_checkbox label {
  border-radius: 8px;
  border: 1px solid var(--line_color02);
  display: block;
  padding: 20px 16px 20px 48px;
  line-height: 24px;
  font-size: 16px;
  color: var(--font_color02);
}
.block_type .mui_radio label::before,
.block_type .mui_checkbox label::before {
  top: 20px;
  left: 16px;
}
.block_type ~ .mui_text {
  margin-top: 12px;
}

.block_type2 {
  display: block;
}
.block_type2 .mui_radio,
.block_type2 .mui_checkbox {
  display: block;
}
.block_type2 .mui_radio:not(:first-child),
.block_type2 .mui_checkbox:not(:first-child) {
  margin-top: 16px;
}

.mini_type .mui_radio label,
.mini_type .mui_checkbox label {
  font-size: 14px;
  color: var(--font_color01);
  line-height: 20px;
  min-height: 20px;
  padding-left: 28px;
  display: inline-block;
}
.mini_type .mui_checkbox label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  border: 0 none;
  background-color: var(--basic_color05);
}
.mini_type .mui_checkbox input:checked + label {
  color: var(--font_color01);
}
.mini_type .mui_checkbox input:checked + label::after {
  display: none;
}
.mini_type .mui_checkbox input:checked + label::before {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  border: 0 none;
  background-color: var(--main_color01);
}
.mini_type .mui_radio label::before {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: 2px;
}

.switch {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.switch.type2 .label {
  height: 20px;
  line-height: 20px;
}
.switch.type2.main_color .mui_checkbox input:checked + label::before {
  background: var(--main_color01);
}
.switch.type2 .mui_checkbox label {
  top: 0;
  left: 0;
  height: 20px;
}
.switch.type2 .mui_checkbox label:before {
  top: 0;
  left: 0;
  width: 36px;
  height: 20px;
  border-radius: 10px;
}
.switch.type2 .mui_checkbox label::after {
  top: 1px;
  left: 2px;
  background: var(--bg_color03);
}
.switch.type2 .mui_checkbox input:checked + label::before {
  background: var(--main_color02);
}
.switch.type2 .mui_checkbox input:checked + label::after {
  background: var(--bg_color03);
  top: 1px;
}
.switch.type3 .label {
  height: 20px;
  line-height: 20px;
}
.switch.type3 .mui_checkbox label {
  top: 0;
  left: 0;
  width: 52px;
  height: 20px;
  text-align: right;
  text-indent: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  padding: 0 6px;
  color: var(--font_color03);
}
.switch.type3 .mui_checkbox label:before {
  top: 0;
  left: 0;
  width: 52px;
  height: 20px;
  border-radius: 10px;
  z-index: -1;
}
.switch.type3 .mui_checkbox label::after {
  top: 1px;
  left: 2px;
  background: var(--bg_color03);
}
.switch.type3 .mui_checkbox input:checked + label {
  text-align: left;
  color: var(--font_color06);
}
.switch.type3 .mui_checkbox input:checked + label::before {
  background: var(--main_color02);
}
.switch.type3 .mui_checkbox input:checked + label::after {
  top: 1px;
  background: var(--bg_color03);
  left: 32px;
}
.switch .label {
  color: #888;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  height: 18px;
  line-height: 18px;
}
.switch .mui_checkbox {
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
}
.switch .mui_checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: -9999em;
}
.switch .mui_checkbox input:checked + label::after {
  left: 16px;
  top: 0;
  width: 18px;
  height: 18px;
  background: var(--main_color02);
}
.switch .mui_checkbox input:checked + label::before {
  background: var(--line_color02);
}
.switch .mui_checkbox label {
  color: transparent;
  font-size: 0;
  position: relative;
  text-indent: -9999em;
  display: block;
  width: 36px;
  height: 18px;
}
.switch .mui_checkbox label::before {
  content: "";
  width: 28px;
  height: 12px;
  position: absolute;
  top: 3px;
  left: 4px;
  border-radius: 6px;
  background: var(--line_color02);
  transition: background 0.2s;
  border: 0 none;
}
.switch .mui_checkbox label::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: var(--main_color02);
  top: 0;
  left: 0;
  position: absolute;
  transition: left 0.2s;
}

.box_check {
  background: var(--bg_color02);
  border-radius: 20px;
  padding: 20px;
  position: relative;
}
.box_check p {
  font-size: 13px;
  color: var(--font_color04);
}
.box_check .switch {
  position: absolute;
  top: 20px;
  right: 20px;
}

.mui_button {
  padding: 0 16px;
  border-radius: 7px;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.mui_button .ico {
  display: inline-flex;
  width: 20px;
  vertical-align: middle;
}
.mui_button .ico:last-child {
  margin-left: 4px;
}
.mui_button.select_type {
  display: block;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  background: none;
  color: #000;
}
.mui_button.select_type::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  top: 5px;
  right: 10px;
  transform: rotate(45deg);
}
.mui_button ~ .mui_button {
  margin-left: 8px;
}
.mui_large {
  height: 55px;
  font-weight: 700;
  font-size: 18px;
}
.mui_medium {
  height: 40px;
  font-size: 16px;
}
.mui_small {
  height: 30px;
}
.mui_primary {
  background-color: var(--main_color01);
  color: var(--font_color06);
}
.mui_primary:disabled {
  background: var(--basic_color05);
  color: var(--font_color03);
}
.mui_grey {
  background-color: var(--font_color05);
  color: var(--font_color02);
}
.mui_default {
  background-color: #5C627C;
  color: var(--font_color06);
}
.mui_white {
  background-color: var(--bg_color03);
  color: var(--main_color01);
  border: 1px solid var(--line_color02);
}
.mui_white:disabled {
  border-color: var(--line_color02);
  color: var(--basic_color04);
}
.mui_select {
  display: block;
  width: 100%;
  text-align: left;
  height: 48px;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  color: #111;
}
.mui_select.check_type .label {
  position: relative;
  padding-left: 32px;
}
.mui_select.check_type .label::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: var(--main_color01);
  position: absolute;
  border-radius: 12px;
  top: -5px;
  left: 0;
  box-sizing: border-box;
}
.mui_select.check_type .label::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='16px' height='16px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.mui_select[disabled] .inset::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.mui_select + .mui_select {
  margin-left: 0;
  margin-top: 16px;
}
.mui_select + .warning {
  margin-top: 12px;
}
.mui_select .inset {
  display: block;
  position: relative;
  height: 48px;
}
.mui_select .inset::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
}
.mui_select .prefix {
  margin-right: 12px;
  font-size: 16px;
  color: var(--font_color04);
}
.mui_select .label {
  font-weight: 700;
  color: var(--font_color01);
  line-height: 48px;
}
.mui_select .placeholder {
  display: none;
  color: var(--basic_color04);
  line-height: 48px;
}
.mui_select .placeholder:first-child {
  display: block;
}
.mui_select:disabled {
  color: var(--font_color05);
}
.mui_select:disabled .placeholder, .mui_select:disabled .label {
  color: var(--font_color05);
}
.mui_select:disabled::before {
  background: var(--font_color05) !important;
}
.mui_select::before {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--line_color02);
}
.mui_select:focus::before {
  height: 2px;
  background: var(--line_color01);
  z-index: 2;
}
.mui_select.account {
  border-radius: 16px;
  border: 1px solid var(--line_color03);
  padding: 16px;
  height: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.mui_select.account.none_ci .inset {
  padding-left: 0;
}
.mui_select.account::before {
  display: none;
}
.mui_select.account.no_img .inset {
  padding-left: 0;
}
.mui_select.account .inset {
  height: auto;
  padding-left: 44px;
}
.mui_select.account .inset::after {
  top: 0;
  margin-top: 0;
}
.mui_select.account .img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line_color03);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mui_select.account .img img {
  width: 100%;
}
.mui_select.account .label, .mui_select.account .accnum {
  display: block;
  height: auto;
  padding-right: 24px;
  line-height: 150%;
}
.mui_select.account .label {
  font-size: 14px;
  color: var(--font_color01);
}
.mui_select.account .accnum, .mui_select.account .money {
  font-size: 12px;
  color: var(--basic_color04);
}
.mui_select.account .money {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mui_select.account .money .num {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  color: var(--main_color01);
}
.mui_select.account .money .num span {
  font-size: 12px;
  font-weight: 400;
  color: var(--font_color04);
}
.mui_select.account + .mui_text.warning {
  margin-top: 12px;
}
.mui_more {
  border-radius: 0;
  padding: 24px 0;
}
.mui_more span {
  display: inline-block;
  position: relative;
  height: 16px;
  padding-right: 16px;
  color: var(--basic_color04);
}
.mui_more span::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.mui_link_text {
  margin-top: 60px;
}
.mui_link_text a {
  display: block;
  padding: 20px 36px 20px 0;
  position: relative;
  border-bottom: 1px solid var(--line_color03);
}
.mui_link_text a:only-child {
  padding: 0;
  border-bottom: 0;
}
.mui_link_text a:only-child::after {
  top: 0;
  margin-top: 0;
}
.mui_link_text a::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}
.mui_link_text a span {
  display: block;
  font-size: 14px;
  color: var(--font_color02);
}
.mui_link_text_group {
  margin-top: 24px;
  text-align: center;
}
.mui_link_text_info {
  font-size: 14px;
  color: #888;
}
.mui_link_text_info + .mui_link_text_arr {
  margin-top: 4px;
}
.mui_link_text_arr {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #333;
  margin-right: 21px;
}
.mui_link_text_arr::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 50%;
  right: -23px;
  margin-top: -9px;
}
.mui_button_fixed {
  height: 87px;
}
.mui_button_fixed--top {
  height: 127px;
}
.mui_button_fixed .inset {
  position: fixed;
  z-index: 2;
  background: var(--font_color06);
  padding: 16px;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
}
.mui_button_fixed .inset--top {
  bottom: 87px;
  padding-bottom: 0;
}
.mui_button_custom {
  display: inline-block;
  vertical-align: top;
}
.mui_button_custom.round-40 {
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid var(--line_color01);
  font-size: 14px;
  padding: 0 24px;
}
.mui_button_custom.darkgray-28 {
  background: #5C627C;
  font-size: 13px;
  padding: 0 8px;
  color: var(--font_color06);
  height: 28px;
  border-radius: 4px;
}
.mui_button_custom.gray-32 {
  height: 32px;
  background: var(--bg_color02);
  border-radius: 8px;
  padding: 0 8px;
  color: var(--font_color02);
}
.mui_button_custom.download-32 {
  height: 28px;
  background-color: #5c627c;
  color: var(--font_color06);
  line-height: 28px;
  padding: 0 12px 0 10px;
  font-size: 13px;
  border-radius: 8px;
}
.mui_button_custom.download-32::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/src/images/ico_download.svg") no-repeat center;
  margin-top: 4px;
  vertical-align: top;
  margin-right: 6px;
}
.mui_button_custom.timeselect-24 {
  background: var(--main_color01);
  border-radius: 8px;
  padding: 0 7px 0 5px;
  font-size: 14px;
  color: var(--bg_color02);
  line-height: 24px;
  height: 24px;
}
.mui_button_custom.timeselect-24::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/src/images/icon_time.svg") no-repeat center;
  vertical-align: top;
  margin-right: 2px;
  margin-top: 2px;
  filter: brightness(100);
}
.mui_button_custom.timeselect-24 button {
  position: relative;
  line-height: inherit;
  font-size: inherit;
  padding-left: 4px;
  margin-left: 3px;
}
.mui_button_custom.timeselect-24 button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  transform: translateY(-50%);
  background: var(--font_color02);
}
.mui_button_custom.timeselect-24 button:first-child {
  margin-left: 0;
  padding-left: 0;
}
.mui_button_custom.timeselect-24 button:first-child::before {
  display: none;
}
.mui_button_custom.white-round-24 {
  height: 24px;
  border-radius: 4px;
  background: var(--font_color06);
  border: 1px solid var(--line_color02);
  font-size: 13px;
  color: var(--basic_color04);
  line-height: 22px;
  padding: 0 8px;
}
.mui_button_custom.round-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 16px;
  border: 1px solid var(--main_color01);
  border-radius: 20px;
  color: var(--main_color01);
}
.mui_button_custom.round-link::after {
  content: "";
  position: relative;
  top: -1px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--main_color01);
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
.mui_button_custom.round-link .inset {
  font-size: 18px;
  font-weight: 700;
}
.mui_button_custom.copy {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  background-color: var(--bg_color02);
  vertical-align: middle;
  border-radius: 16px;
}
.mui_button_custom.copy::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/src/images/icon_copy.svg) no-repeat center/contain;
}
.mui_button_custom.copy--white {
  background-color: var(--bg_color03);
}
.mui_button_custom.copy .inset {
  font-size: 12px;
  color: var(--font_color04);
}
.mui_button_custom.refresh {
  display: inline-flex;
  align-items: center;
}
.mui_button_custom.refresh::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/src/images/icon_refresh.svg") no-repeat center/contain;
}
.mui_button_custom.refresh .inset {
  font-size: 13px;
  font-weight: 700;
  line-height: 150%;
  color: var(--font_color04);
}
.mui_button_custom:disabled {
  color: var(--basic_color04);
  border: 1px solid var(--line_color02);
}
.mui_tooltip {
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_tooltip.svg") no-repeat center;
}
.mui_tooltip_wrap {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.mui_tooltip_wrap.tooltipNew {
  position: relative;
}
.mui_tooltip_wrap.tooltipNew .mui_tooltip_content {
  top: 28px;
  max-width: 90vw;
  min-width: max-content;
}
.mui_tooltip_content {
  --mui-position-viewport-offset: 12;
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: var(--font_color03);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.04);
  background: var(--bg_color03);
  z-index: 999;
}
.mui_tooltip_content.type-product {
  left: 40px !important;
  width: 200px !important;
  border: 2px solid var(--main_color01);
}
.mui_tooltip_content .text {
  max-width: calc(100vw - 58px);
  display: block;
}
.mui_tooltip_content .mui_arrow {
  width: 12px;
  height: 9px;
  background: url("/src/images/ico_arrow2.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  top: -8.5px;
  left: 50%;
  margin-left: -6px;
}
.mui_button_group {
  display: flex;
}
.mui_button_group .group {
  flex: 1;
}
.mui_button_group .group ~ .group {
  margin-left: 4px;
}
.mui_button_group .mui_button {
  background-color: var(--bg_color01);
  height: 32px;
  color: var(--font_color02);
  font-size: 14px;
  padding: 0;
}
.mui_button_group .mui_button.mui_primary {
  background-color: var(--main_color01);
  color: var(--font_color06);
}
.mui_refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 24px;
  padding: 8px;
  background-color: var(--bg_color02);
  border-radius: 16px;
  font-size: 12px;
  line-height: 18px;
  color: var(--button_color02);
}
.mui_refresh::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(/src/images/ico_refresh02.png) no-repeat center/12px;
}

.mui_keypad {
  background: var(--bg_color03);
  bottom: 94px;
  left: 0;
  right: 0;
}
.mui_keypad .mui_button_group {
  display: flex;
}
.mui_keypad .mui_button_group .group {
  flex: 1;
}
.mui_keypad .mui_button_group .group ~ .group {
  margin-left: 4px;
}
.mui_keypad .mui_button_group .group .mui_button {
  height: 32px;
  text-align: center;
  font-size: 14px;
  color: var(--font_color02);
  background: var(--bg_color01);
  border-radius: 8px;
  padding-left: 0;
  padding-right: 0;
}
.mui_keypad .key_number {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 8px;
}
.mui_keypad .key_number .key {
  width: 33.3333%;
  height: 64px;
  text-align: center;
  font-size: 22px;
  color: var(--font_color01);
}
.mui_keypad .key_number .key.del {
  background: url("/src/images/ico_del.svg") no-repeat center;
}

.mui_bottom_tray .mui_button_fixed {
  height: 108px;
}

.copy-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  font: inherit;
}
.copy-text::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/src/images/icon_copy.svg) no-repeat center/15px;
}
.copy-text:active::after {
  background-color: #f2f2f2;
  border-radius: 4px;
}

caption {
  font-size: 0;
  width: 0;
  height: 0;
}

table, th, td {
  border-collapse: collapse;
}

.mui_datatable {
  border-top: 1px solid var(--line_color01);
}
.mui_datatable table {
  width: 100%;
}
.mui_datatable th, .mui_datatable td {
  border-bottom: 1px solid var(--line_color03);
  font-size: 14px;
  padding: 12px;
  text-align: center;
}
.mui_datatable th {
  background-color: var(--bg_color02);
  font-size: 14px;
  font-weight: 400;
  color: var(--basic_color04);
}
.mui_datatable td {
  color: var(--font_color02);
}
.mui_datatable.type02 td {
  text-align: left;
  vertical-align: top;
}
.mui_datatable.fixed {
  width: 100% !important;
}
.mui_datatable.fixed table {
  table-layout: fixed !important;
}
.mui_datatable.fixed table th,
.mui_datatable.fixed table td {
  white-space: normal !important;
}
.mui_datatable .mui_text_lists li {
  font-size: 12px;
  font-weight: 700;
  color: var(--font_color02) !important;
}
.mui_datatable .mui_text_lists li small {
  font-size: 10px;
  font-weight: 400;
}

.mui_maxlength {
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-color: #f00;
}
.mui_maxlength span {
  display: inline-block;
}

.mui_input {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  position: relative;
}
.mui_input input {
  border: 0 none;
  background: none;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  line-height: 48px;
  outline: 0;
  width: 100%;
  caret-color: var(--main_color01);
}
.mui_input input[type=password] {
  font-family: "password";
  font-size: 29px;
  color: var(--main_color01);
  letter-spacing: 1px;
}
.mui_input input::placeholder {
  color: #888;
  font-family: "NanumBarunGothic", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: inherit;
}
.mui_input.mui_readonly::after {
  height: 0;
}
.mui_input.mui_disabled input,
.mui_input.mui_disabled .subfix {
  color: var(--font_color05) !important;
}
.mui_input.mui_disabled::after {
  background: var(--basic_color05) !important;
}
.mui_input.mui_active ~ .mui_input::after, .mui_input.mui_active ~ .letters .mui_input::after {
  height: 0;
}
.mui_input.mui_active::after {
  height: 2px;
  background: var(--line_color01);
}
.mui_input.inner_subfix {
  gap: 0;
  overflow: hidden;
}
.mui_input.inner_subfix input {
  width: 100%;
  text-align: right;
}
.mui_input.subfix_won {
  overflow: hidden;
}
.mui_input .prefix {
  flex: 1;
  margin-right: 12px;
  font-size: 16px;
  color: var(--font_color04);
  white-space: nowrap;
}
.mui_input .subfix {
  display: flex;
  align-items: center;
  width: 0;
  font-weight: 700;
  line-height: 48px;
  transition: width 0.1s, padding 0.1s;
}
.mui_input .delete_btn {
  display: flex;
  justify-content: flex-end;
  width: 0;
  transition: width 0.1s;
}
.mui_input .delete_btn button {
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_x.svg") no-repeat center;
  display: block;
  overflow: hidden;
}
.mui_input.mui_ondelete .subfix {
  width: auto;
  padding-left: 8px;
}
.mui_input.mui_ondelete .delete_btn {
  width: 28px;
}
.mui_input::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--line_color02);
}
.mui_inputmultiple {
  display: flex;
  position: relative;
}
.mui_inputmultiple .mui_input {
  flex: 1;
  position: static;
}
.mui_inputmultiple .mask_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mui_inputmultiple .mask_box .mask {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--basic_color01);
}
.mui_inputmultiple.birthday .letters .mask_box {
  width: 100%;
}
.mui_inputmultiple .letters {
  flex: 1;
  display: flex;
}
.mui_inputmultiple .letters .mui_input {
  width: 32px;
}
.mui_inputmultiple .letters .mui_input input {
  text-align: center;
}
.mui_inputmultiple .letters .mask_box {
  width: calc(100% - 32px);
}
.mui_inputmultiple.letter .divide {
  padding: 0 4px;
}
.mui_inputmultiple .divide {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: var(--font_color01);
  padding: 0 20px;
  text-align: center;
}
.mui_inputmultiple .mui_select {
  flex: 0 0 auto;
  width: auto;
  margin-right: 16px;
}
.mui_inputmultiple .mui_select .inset {
  padding-right: 24px;
}
.mui_input--email {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mui_input--email .divide {
  font-size: 16px;
  color: var(--font_color03);
}

.mui_phone {
  position: relative;
  display: flex;
}
.mui_phone .mui_select {
  position: static;
  width: auto;
  margin-top: 0 !important;
}
.mui_phone .mui_select .label {
  display: block;
  padding-right: 20px;
  min-width: 60px;
  white-space: nowrap;
}
.mui_phone .mui_select .placeholder {
  padding-right: 20px;
  min-width: 60px;
  white-space: nowrap;
}
.mui_phone .mui_input {
  margin-left: 16px;
  position: static;
}

.mui_drivingnumber .divide {
  padding: 0 4px;
}
.mui_drivingnumber .mui_input input {
  text-align: center;
}
.mui_drivingnumber .mui_input:first-child input {
  text-align: left;
}
.mui_drivingnumber .mui_input:last-child input {
  text-align: right;
}
.mui_drivingnumber .mui_input:nth-child(5) input {
  min-width: 114px;
}

.mui_proofapp .divide {
  padding: 0 4px;
}
.mui_proofapp .mui_input {
  flex: auto;
}
.mui_proofapp .mui_input:nth-child(1) {
  width: 40%;
}
.mui_proofapp .mui_input:nth-child(1)::after {
  z-index: 2;
}
.mui_proofapp .mui_input:nth-child(5) {
  width: 20%;
}

.mui_business .divide {
  padding: 0 4px;
}

.mui_certificate {
  position: relative;
  display: flex;
}
.mui_certificate .mui_input {
  padding-right: 120px;
}
.mui_certificate .time {
  display: block;
  position: absolute;
  top: 50%;
  right: 74px;
  font-size: 13px;
  line-height: 28px;
  color: var(--main_color01);
  margin-top: -14px;
}
.mui_certificate button {
  color: var(--font_color06);
}
.mui_certificate button span {
  display: block;
  width: 62px;
  height: 28px;
  background: #5c627c;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -14px;
}

.dash {
  display: inline-block;
  margin: 0 5px;
  width: 10px;
  height: 1px;
  vertical-align: middle;
  background: red;
}

.mui_stepnum ul {
  display: flex;
}
.mui_stepnum ul .step ~ .step {
  margin-left: 4px;
}
.mui_stepnum ul .step.mui_active span {
  border-color: var(--line_color01);
  background: var(--basic_color01);
  color: var(--font_color06);
}
.mui_stepnum ul .step.pass_step span {
  position: relative;
  text-indent: -9999em;
  color: transparent;
  background: var(--basic_color05);
}
.mui_stepnum ul .step.pass_step span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='14px' height='14px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
}
.mui_stepnum ul span {
  display: inline-flex;
  width: 24px;
  height: 24px;
  border: 1px solid var(--line_color02);
  color: var(--font_color03);
  font-size: 12px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
}
.mui_step li {
  display: flex;
  align-items: center;
}
.mui_step li:not(:first-child) {
  padding: 16px 0 0 0;
}
.mui_step li:last-child .num::before {
  display: none;
}
.mui_step li.current .num {
  background: #fff;
  border-color: #eb2b1e;
  color: #eb2b1e;
}
.mui_step li.current .txt {
  color: #eb2b1e;
}
.mui_step .num {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 18px;
  font-weight: 700;
  background: var(--bg_color01);
  border: 2px solid var(--bg_color01);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.mui_step .num::before {
  content: "";
  position: absolute;
  top: 48px;
  left: 50%;
  height: 16px;
  transform: translateX(-50%);
  border: 1px dashed var(--basic_color05);
}
.mui_step .txt {
  padding-left: 12px;
  font-size: 14px;
  color: var(--basic_color03);
  transition: all 0.3s ease;
}
.mui_step_scraping {
  counter-reset: num;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  max-width: 400px;
  margin: auto;
}
.mui_step_scraping li {
  display: flex;
  gap: 15px;
}
.mui_step_scraping li .arrow {
  position: relative;
  display: block;
  width: 5px;
  height: 10px;
  margin-top: 27px;
}
.mui_step_scraping li .arrow::before, .mui_step_scraping li .arrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/src/images/ico_right_grey.png") no-repeat center/contain;
}
.mui_step_scraping li .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.mui_step_scraping li .num {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  background: #f7f7f7 url("/src/images/img_scraping01.png") no-repeat center bottom 10px/35px;
  border: 1px solid #f7f7f7;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.mui_step_scraping li .num::before {
  counter-increment: num;
  content: counter(num);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: 5px;
  width: 14px;
  height: 14px;
  background: #626f7d;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 600;
  line-height: 9px;
  color: #fff;
}
.mui_step_scraping li .text {
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: var(--font_color01);
}
.mui_step_scraping li:nth-of-type(2) .num {
  background-image: url("/src/images/img_scraping02.png");
}
.mui_step_scraping li:nth-of-type(3) .num {
  background-image: url("/src/images/img_scraping03.png");
}
.mui_step_scraping li:nth-of-type(4) .num {
  background-image: url("/src/images/img_scraping04.png");
}
.mui_step_scraping li.current .num {
  background-color: #fff;
  border-color: #626f7d;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  animation: scrapingBox 1.5s linear infinite;
}
@keyframes scrapingBox {
  50% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  }
}
.mui_step_scraping li.current + li .arrow::before,
.mui_step_scraping li.current + li .arrow::after {
  animation: scrapingArrow 2.5s ease infinite;
}
@keyframes scrapingArrow {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  50% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
.mui_step_scraping li.current + li .arrow::after {
  animation-delay: -1.5s;
}
.mui_step_scraping li:has(~ .current) .num::before {
  content: "";
  background: #626f7d url("/src/images/ico_check_w.png") no-repeat center/6px;
}
.mui_tile_step_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.mui_tile_step_list > li {
  padding: 10px 6px 7px;
  background-color: var(--bg_color02);
  border-radius: 8px;
  text-align: center;
}
.mui_tile_step_list > li .img {
  max-width: 42px;
}
.mui_tile_step_list > li .text {
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.05em;
  word-break: auto-phrase;
}
.mui_step--row {
  display: flex;
  justify-content: space-between;
  margin: 0 -24px;
}
.mui_step--row li {
  display: flex;
  flex: 1;
}
.mui_step--row li::before, .mui_step--row li::after {
  content: "";
  position: relative;
  top: 12px;
  width: 100%;
  height: 1px;
  background-color: var(--line_color01);
}
.mui_step--row li:first-child::before, .mui_step--row li:last-child::after {
  visibility: hidden;
  opacity: 0;
}
.mui_step--row li.active::after {
  background-color: var(--line_color02);
}
.mui_step--row li.active ~ li .num {
  background-color: #fff;
  border-color: var(--line_color02);
  font-size: 12px;
  line-height: 24px;
  color: var(--font_color03);
}
.mui_step--row li.active ~ li::before, .mui_step--row li.active ~ li::after {
  background-color: var(--line_color02);
}
.mui_step--row li.next::after, .mui_step--row li.next + li::before {
  background-color: var(--line_color01);
  transform-origin: left;
  animation: stepRowLine1 1s ease-in;
}
.mui_step--row li.next + li::before {
  animation: stepRowLine2 1s ease-out;
}
@keyframes stepRowLine1 {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  50% {
    transform: scaleX(1);
    opacity: 0.5;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes stepRowLine2 {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  50% {
    transform: scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
.mui_step--row .wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  width: 24px;
}
.mui_step--row .num {
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--basic_color01) url(/src/images/ico_check_w.svg) no-repeat center/9px;
  border: 1px solid var(--line_color01);
  border-radius: 50%;
  color: transparent;
}
.mui_step--row .text {
  font-size: 12px;
  color: var(--font_color03);
  white-space: nowrap;
}
.mui_step_checkbox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mui_step_checkbox__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--font_color01);
}
.mui_step_checkbox__item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  width: 1px;
  height: 16px;
  border-left: 1px dashed #bbb;
}
.mui_step_checkbox__item.is-active {
  color: var(--main_color01);
}
.mui_step_checkbox__item:last-child::after {
  display: none;
}
.mui_step_checkbox__text {
  font-size: 13px;
  font-weight: 600;
  color: inherit;
}

.mui_textarea textarea {
  width: 100%;
}

.mui_text_lists + .mui_text {
  margin-top: 12px;
}
.mui_text_lists li {
  position: relative;
}
.mui_text_lists.dot > ul > li {
  padding-left: 9px;
  font-size: 13px;
  color: var(--basic_color04);
}
.mui_text_lists.dot > ul > li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 1px;
  background: #ccc;
  position: absolute;
  top: 7px;
  left: 0;
}
.mui_text_lists.hyphhen > ul > li {
  padding-left: 12px;
}
.mui_text_lists.hyphhen > ul > li::before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mui_text_lists.guide > ul > li {
  font-size: 14px;
  color: var(--font_color03);
  padding-left: 9px;
}
.mui_text_lists.guide > ul > li li {
  margin-top: 8px;
}
.mui_text_lists.guide > ul > li li ~ li {
  margin-top: 8px;
}
.mui_text_lists.guide > ul > li ~ li {
  margin-top: 12px;
}
.mui_text_lists.guide > ul > li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background: var(--basic_color03);
  position: absolute;
  top: 5px;
  left: 0;
}
.mui_text_lists.circle_num > ul > li, .mui_text_lists.num > ul > li {
  font-size: 14px;
  color: var(--font_color03);
  padding-left: 28px;
}
.mui_text_lists.circle_num > ul > li ~ li, .mui_text_lists.num > ul > li ~ li {
  margin-top: 16px;
}
.mui_text_lists.circle_num > ul > li::before, .mui_text_lists.num > ul > li::before {
  content: "1";
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 13px;
  position: absolute;
  top: 2px;
  left: 2px;
  border: 1px solid var(--basic_color04);
}
.mui_text_lists.circle_num > ul > li:nth-child(1)::before, .mui_text_lists.num > ul > li:nth-child(1)::before {
  content: "1";
}
.mui_text_lists.circle_num > ul > li:nth-child(2)::before, .mui_text_lists.num > ul > li:nth-child(2)::before {
  content: "2";
}
.mui_text_lists.circle_num > ul > li:nth-child(3)::before, .mui_text_lists.num > ul > li:nth-child(3)::before {
  content: "3";
}
.mui_text_lists.circle_num > ul > li:nth-child(4)::before, .mui_text_lists.num > ul > li:nth-child(4)::before {
  content: "4";
}
.mui_text_lists.circle_num > ul > li:nth-child(5)::before, .mui_text_lists.num > ul > li:nth-child(5)::before {
  content: "5";
}
.mui_text_lists.circle_num > ul > li:nth-child(6)::before, .mui_text_lists.num > ul > li:nth-child(6)::before {
  content: "6";
}
.mui_text_lists.circle_num > ul > li:nth-child(7)::before, .mui_text_lists.num > ul > li:nth-child(7)::before {
  content: "7";
}
.mui_text_lists.circle_num > ul > li:nth-child(8)::before, .mui_text_lists.num > ul > li:nth-child(8)::before {
  content: "8";
}
.mui_text_lists.circle_num > ul > li:nth-child(9)::before, .mui_text_lists.num > ul > li:nth-child(9)::before {
  content: "9";
}
.mui_text_lists.circle_num > ul > li:nth-child(10)::before, .mui_text_lists.num > ul > li:nth-child(10)::before {
  content: "10";
}
.mui_text_lists.circle_num > ul > li:nth-child(11)::before, .mui_text_lists.num > ul > li:nth-child(11)::before {
  content: "11";
}
.mui_text_lists.circle_num > ul > li:nth-child(12)::before, .mui_text_lists.num > ul > li:nth-child(12)::before {
  content: "12";
}
.mui_text_lists.circle_num > ul > li:nth-child(13)::before, .mui_text_lists.num > ul > li:nth-child(13)::before {
  content: "13";
}
.mui_text_lists.circle_num > ul > li:nth-child(14)::before, .mui_text_lists.num > ul > li:nth-child(14)::before {
  content: "14";
}
.mui_text_lists.circle_num > ul > li:nth-child(15)::before, .mui_text_lists.num > ul > li:nth-child(15)::before {
  content: "15";
}
.mui_text_lists.circle_num > ul > li:nth-child(16)::before, .mui_text_lists.num > ul > li:nth-child(16)::before {
  content: "16";
}
.mui_text_lists.circle_num > ul > li:nth-child(17)::before, .mui_text_lists.num > ul > li:nth-child(17)::before {
  content: "17";
}
.mui_text_lists.circle_num > ul > li:nth-child(18)::before, .mui_text_lists.num > ul > li:nth-child(18)::before {
  content: "18";
}
.mui_text_lists.circle_num > ul > li:nth-child(19)::before, .mui_text_lists.num > ul > li:nth-child(19)::before {
  content: "19";
}
.mui_text_lists.circle_num > ul > li:nth-child(20)::before, .mui_text_lists.num > ul > li:nth-child(20)::before {
  content: "20";
}
.mui_text_lists.circle_num > ul > li:nth-child(21)::before, .mui_text_lists.num > ul > li:nth-child(21)::before {
  content: "21";
}
.mui_text_lists.circle_num > ul > li:nth-child(22)::before, .mui_text_lists.num > ul > li:nth-child(22)::before {
  content: "22";
}
.mui_text_lists.circle_num > ul > li:nth-child(23)::before, .mui_text_lists.num > ul > li:nth-child(23)::before {
  content: "23";
}
.mui_text_lists.num > ul > li {
  padding-left: 16px;
}
.mui_text_lists.num > ul > li ~ li {
  margin-top: 8px;
}
.mui_text_lists.num > ul > li::before {
  left: 0;
  border: 0;
  border-radius: initial;
}
.mui_text_lists.num > ul > li:nth-child(1)::before {
  content: "1.";
}
.mui_text_lists.num > ul > li:nth-child(2)::before {
  content: "2.";
}
.mui_text_lists.num > ul > li:nth-child(3)::before {
  content: "3.";
}
.mui_text_lists.num > ul > li:nth-child(4)::before {
  content: "4.";
}
.mui_text_lists.num > ul > li:nth-child(5)::before {
  content: "5.";
}
.mui_text_lists.num > ul > li:nth-child(6)::before {
  content: "6.";
}
.mui_text_lists.num > ul > li:nth-child(7)::before {
  content: "7.";
}
.mui_text_lists.num > ul > li:nth-child(8)::before {
  content: "8.";
}
.mui_text_lists.num > ul > li:nth-child(9)::before {
  content: "9.";
}

#contants > .mui_tabs {
  margin-left: -24px;
  margin-right: -24px;
}
#contants > .mui_tabs:first-child {
  margin-top: -24px;
}

.mui_tabs.link_tab .tab_contents .tab_pane {
  display: block;
}
.mui_tabs + .mui_text {
  margin-top: 12px;
}
.mui_tabs .mui_tab_nav {
  display: flex;
  padding: 0 24px;
  background: var(--bg_color03);
  position: relative;
}
.mui_tabs .mui_tab_nav .nav_list {
  flex: 1;
  text-align: center;
}
.mui_tabs .mui_tab_nav .nav_list button,
.mui_tabs .mui_tab_nav .nav_list a {
  display: block;
  position: relative;
  padding: 14px 0 17px;
  color: var(--font_color04);
  font-size: 16px;
  width: 100%;
}
.mui_tabs .mui_tab_nav .nav_list.mui_active button,
.mui_tabs .mui_tab_nav .nav_list.mui_active a {
  color: var(--font_color01);
  font-weight: 700;
}
.mui_tabs .mui_tab_nav .nav_list.mui_active button::after,
.mui_tabs .mui_tab_nav .nav_list.mui_active a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--line_color01);
  width: 100%;
  z-index: 1;
}
.mui_tabs .mui_tab_nav::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--line_color03);
}
.mui_tabs .tab_contents .tab_pane {
  display: none;
  padding: 24px 20px 20px;
}
.mui_tabs .tab_contents .tab_pane.mui_active {
  display: block;
}
.mui_tabs.overflow .mui_tab_nav {
  display: block;
  padding: 0;
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  margin-right: -24px;
  padding-bottom: 8px;
}
.mui_tabs.overflow .mui_tab_nav .nav_list {
  flex: none;
  display: inline-block;
  margin-left: 8px;
}
.mui_tabs.overflow .mui_tab_nav .nav_list:first-child {
  margin-left: 0;
}
.mui_tabs.overflow .mui_tab_nav .nav_list button,
.mui_tabs.overflow .mui_tab_nav .nav_list a {
  display: block;
  position: relative;
  height: 32px;
  line-height: 32px;
  background: var(--bg_color02);
  color: var(--font_color03);
  font-size: 13px;
  padding: 0 12px;
  border-radius: 16px;
}
.mui_tabs.overflow .mui_tab_nav .nav_list.mui_active button,
.mui_tabs.overflow .mui_tab_nav .nav_list.mui_active a {
  color: var(--font_color06);
  background: var(--basic_color01);
  font-weight: 700;
}
.mui_tabs.overflow .mui_tab_nav .nav_list.mui_active button::after,
.mui_tabs.overflow .mui_tab_nav .nav_list.mui_active a::after {
  display: none;
}
.mui_tabs.overflow .mui_tab_nav::after {
  display: none;
}

.mui_tabs.inq .mui_tab_nav {
  justify-content: center;
  gap: 24px;
  padding: 0;
  background: none;
}
.mui_tabs.inq .mui_tab_nav .nav_list {
  max-width: 148px;
  position: relative;
  top: -15px;
  opacity: 0;
  animation: MuiTabInq 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.mui_tabs.inq .mui_tab_nav .nav_list:nth-child(1) {
  animation-delay: 0.1s;
}
.mui_tabs.inq .mui_tab_nav .nav_list:nth-child(2) {
  animation-delay: 0.2s;
}
.mui_tabs.inq .mui_tab_nav .nav_list:nth-child(3) {
  animation-delay: 0.3s;
}
.mui_tabs.inq .mui_tab_nav .nav_list a,
.mui_tabs.inq .mui_tab_nav .nav_list button {
  padding: 8px;
  border: 1px solid var(--button_color02);
  border-radius: 10px;
  font-weight: initial;
  color: var(--font_color01);
  transition: border-color 0.3s ease;
}
.mui_tabs.inq .mui_tab_nav .nav_list a .img,
.mui_tabs.inq .mui_tab_nav .nav_list button .img {
  display: block;
  width: 48px;
  margin: auto auto 8px;
  transition: transform 0.3s ease;
  backface-visibility: hidden;
}
.mui_tabs.inq .mui_tab_nav .nav_list a::before,
.mui_tabs.inq .mui_tab_nav .nav_list button::before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: var(--main_color01) url(/src/images/ico_check_w.png) no-repeat center/10px;
  border-radius: 50%;
  transform: rotateY(180deg);
  transition: transform 0.3s ease;
  backface-visibility: hidden;
}
.mui_tabs.inq .mui_tab_nav .nav_list a .tit,
.mui_tabs.inq .mui_tab_nav .nav_list button .tit {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.mui_tabs.inq .mui_tab_nav .nav_list a .num,
.mui_tabs.inq .mui_tab_nav .nav_list button .num {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.mui_tabs.inq .mui_tab_nav .nav_list a:disabled .num,
.mui_tabs.inq .mui_tab_nav .nav_list button:disabled .num {
  color: var(--basic_color04);
}
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active a,
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active button {
  padding: 7px;
  border: 2px solid var(--main_color01);
}
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active a .img,
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active button .img {
  transform: rotateY(180deg);
}
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active a::before,
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active button::before {
  transform: rotateY(0);
}
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active a .tit,
.mui_tabs.inq .mui_tab_nav .nav_list.mui_active button .tit {
  font-weight: 700;
}
.mui_tabs.inq .mui_tab_nav::after, .mui_tabs.inq .mui_tab_nav .nav_list.mui_active a::after, .mui_tabs.inq .mui_tab_nav .nav_list.mui_active button::after {
  display: none;
}
.mui_tabs.inq .tab_contents .tab_pane {
  padding: 24px 0 0;
}
@keyframes MuiTabInq {
  100% {
    top: 0;
    opacity: 1;
  }
}

.mui_accordion .acc_lists {
  position: relative;
  border-bottom: 1px solid var(--line_color03);
}
.mui_accordion .acc_lists .acc_lists {
  border-bottom: 0 none;
}
.mui_accordion .acc_lists .acc_header {
  position: relative;
  padding: 20px 0;
  font-size: 16px;
  color: var(--font_color01);
}
.mui_accordion .acc_lists .mui_acc_content {
  padding: 16px 0;
}
.mui_accordion .acc_lists .mui_acc_button {
  position: absolute;
  font-size: 0;
  color: transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mui_accordion .acc_lists .mui_acc_button::after {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.mui_accordion .acc_lists.mui_open .mui_acc_button::after {
  transform: rotate(180deg);
  margin-top: -12px;
}
.mui_accordion.type2 .acc_lists .acc_header {
  border-bottom: 0 none;
}
.mui_accordion.type2 .acc_lists .mui_acc_content {
  padding-top: 0;
}
.mui_accordion.type2 .acc_lists.mui_open .mui_acc_content {
  border-bottom: 1px solid var(--line_color03);
}

.mui_modal_page,
.mui_modal_page body {
  overflow: hidden;
}
.mui_modal_page .mui_layered,
.mui_modal_page body .mui_layered {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
}

.mui_modal_page #contants .mui_button_fixed {
  opacity: 0;
}

.mui_modal, [mui-modal] {
  display: none;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.15s linear;
  padding: 0 20px;
}
.mui_modal.system_pop, [mui-modal].system_pop {
  padding: 0 40px;
  word-break: keep-all;
}
.mui_modal.system_pop .mt8, [mui-modal].system_pop .mt8 {
  margin-top: 8px;
}
.mui_modal.system_pop .mt16, [mui-modal].system_pop .mt16 {
  margin-top: 16px;
}
.mui_modal.system_pop .mt24, [mui-modal].system_pop .mt24 {
  margin-top: 24px;
}
.mui_modal.system_pop .mt32, [mui-modal].system_pop .mt32 {
  margin-top: 32px;
}
.mui_modal.system_pop .color_111, [mui-modal].system_pop .color_111 {
  color: var(--font_color01);
}
.mui_modal.system_pop .font_size_18, [mui-modal].system_pop .font_size_18 {
  font-size: 18px;
}
.mui_modal.system_pop .font_bold, [mui-modal].system_pop .font_bold {
  font-weight: 700;
}
.mui_modal.system_pop .mui_modal_dialog, [mui-modal].system_pop .mui_modal_dialog {
  width: 100%;
}
.mui_modal.system_pop .mui_modal_header, [mui-modal].system_pop .mui_modal_header {
  height: 56px;
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
  padding: 18px 0 0 20px;
}
.mui_modal.system_pop .mui_modal_header + .mui_modal_content, .mui_modal.system_pop .mui_modal_header form + .mui_modal_content, [mui-modal].system_pop .mui_modal_header + .mui_modal_content, [mui-modal].system_pop .mui_modal_header form + .mui_modal_content {
  padding-top: 32px;
}
.mui_modal.system_pop .mui_modal_content, [mui-modal].system_pop .mui_modal_content {
  padding: 32px 12px 24px;
  font-size: 14px;
  color: #555;
  text-align: center;
  word-break: keep-all;
}
.mui_modal.system_pop .mui_modal_content .alert_tit, [mui-modal].system_pop .mui_modal_content .alert_tit {
  color: var(--basic_color02);
}
.mui_modal.system_pop .mui_modal_content .alert_tit strong, [mui-modal].system_pop .mui_modal_content .alert_tit strong {
  color: var(--basic_color01);
}
.mui_modal.system_pop .mui_modal_content .alert_txt, [mui-modal].system_pop .mui_modal_content .alert_txt {
  padding-top: 16px;
  font-size: 14px;
  color: var(--basic_color03);
}
.mui_modal.system_pop .mui_modal_footer, [mui-modal].system_pop .mui_modal_footer {
  padding: 0 12px 12px;
}
.mui_modal.system_pop .mui_modal_footer .mui_button, [mui-modal].system_pop .mui_modal_footer .mui_button {
  background: var(--main_color01);
  height: 40px;
  line-height: 40px;
  font-weight: 700;
  color: var(--font_color06);
  border-radius: 10px;
}
.mui_modal.system_pop .mui_modal_footer.confirm, [mui-modal].system_pop .mui_modal_footer.confirm {
  display: flex;
}
.mui_modal.system_pop .mui_modal_footer.confirm .mui_button, [mui-modal].system_pop .mui_modal_footer.confirm .mui_button {
  margin: 0;
  flex: 1;
}
.mui_modal.system_pop .mui_modal_footer.confirm .mui_button.mui_modal_close, [mui-modal].system_pop .mui_modal_footer.confirm .mui_button.mui_modal_close {
  background: #5c627c;
}
.mui_modal.system_pop .mui_modal_footer.confirm .mui_button ~ .mui_button, [mui-modal].system_pop .mui_modal_footer.confirm .mui_button ~ .mui_button {
  margin-left: 8px;
}
.mui_modal.system_pop .mui_modal_footer.type-half .mui_button:first-child, [mui-modal].system_pop .mui_modal_footer.type-half .mui_button:first-child {
  flex: 0.6;
}
.mui_modal.system_pop.dialog_type .mui_modal_header, [mui-modal].system_pop.dialog_type .mui_modal_header {
  height: auto;
  font-size: 18px;
  color: var(--font_color01);
  padding: 0 24px 8px;
  text-align: center;
}
.mui_modal.system_pop.dialog_type .mui_modal_content, [mui-modal].system_pop.dialog_type .mui_modal_content {
  padding: 0 24px 40px;
}
.mui_modal.system_pop.dialog_type .mui_modal_footer, [mui-modal].system_pop.dialog_type .mui_modal_footer {
  border-top: 1px solid var(--line_color03);
  padding: 0;
}
.mui_modal.system_pop.dialog_type .mui_modal_footer .mui_button, [mui-modal].system_pop.dialog_type .mui_modal_footer .mui_button {
  background: transparent;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: var(--main_color01);
  border-radius: 0;
}
.mui_modal.system_pop.dialog_type .mui_modal_body, [mui-modal].system_pop.dialog_type .mui_modal_body {
  padding: 40px 0 0;
}
.mui_modal.system_pop.bottom_tray, [mui-modal].system_pop.bottom_tray {
  align-items: end;
  padding: 0;
}
.mui_modal.system_pop.bottom_tray .mui_modal_body, [mui-modal].system_pop.bottom_tray .mui_modal_body {
  top: 40px;
  border-radius: 20px 20px 0 0;
}
.mui_modal.system_pop.bottom_tray .mui_modal_header, [mui-modal].system_pop.bottom_tray .mui_modal_header {
  font-size: 16px;
  height: 64px;
  padding: 20px 0 0 24px;
}
.mui_modal.system_pop.bottom_tray .mui_modal_content, [mui-modal].system_pop.bottom_tray .mui_modal_content {
  padding: 16px 24px 40px;
}
.mui_modal.system_pop.bottom_tray .mui_modal_footer, [mui-modal].system_pop.bottom_tray .mui_modal_footer {
  padding: 0 16px 16px;
}
.mui_modal.system_pop.bottom_tray .mui_modal_footer .mui_button, [mui-modal].system_pop.bottom_tray .mui_modal_footer .mui_button {
  border-radius: 8px;
  height: 52px;
  font-size: 18px;
  line-height: 52px;
}
.mui_modal.system_pop.bottom_tray.mui_open .mui_modal_body, [mui-modal].system_pop.bottom_tray.mui_open .mui_modal_body {
  top: 0px;
}
.mui_modal.mui_flex, [mui-modal].mui_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mui_modal.mui_bottom_tray_wrap, [mui-modal].mui_bottom_tray_wrap {
  align-items: end;
  padding: 0;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_dialog, [mui-modal].mui_bottom_tray_wrap .mui_modal_dialog {
  width: 100%;
  min-width: 0;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top, [mui-modal].mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top {
  border-radius: 20px 20px 0 0;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .mui_modal_body, [mui-modal].mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .mui_modal_body {
  max-height: 95vh;
  max-height: calc(var(--vh, 1vh) * 95);
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .popup_sticky_top, [mui-modal].mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .popup_sticky_top {
  background: var(--bg-clr2);
  padding-bottom: 16px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .more_btn, [mui-modal].mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .more_btn {
  position: fixed;
  bottom: 84px;
  left: 50%;
  transform: translateX(-50%);
  background: #F4F4F4 url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.42746L6 6.57031L11 1.42746" stroke="%23555555" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50%;
  width: 80px;
  height: 30px;
  border-radius: 20px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .more_btn.ui_active, [mui-modal].mui_bottom_tray_wrap .mui_modal_dialog.mui_sticky_top .more_btn.ui_active {
  transform: translateX(-50%) rotate(180deg);
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_header, [mui-modal].mui_bottom_tray_wrap .mui_modal_header {
  min-height: 64px;
  padding: 20px 0 20px 24px;
  color: var(--font_color01);
  font-size: 16px;
  font-weight: 700;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_body, [mui-modal].mui_bottom_tray_wrap .mui_modal_body {
  border-radius: 20px 20px 0 0;
  top: 100px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content, [mui-modal].mui_bottom_tray_wrap .mui_modal_content {
  max-height: 70vh;
  overflow: auto;
  padding: 0 24px 40px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_tabs, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_tabs {
  margin: 0 -24px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_tabs.overflow, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_tabs.overflow {
  margin: 0;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_tabs.overflow .tab_pane, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_tabs.overflow .tab_pane {
  padding-left: 0;
  padding-right: 0;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .tab_pane, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .tab_pane {
  padding: 16px 24px 0;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_button_wrap, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_button_wrap {
  padding: 40px 0 16px;
  margin: 0 -8px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content:first-child, [mui-modal].mui_bottom_tray_wrap .mui_modal_content:first-child {
  padding-top: 40px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_button_fixed:last-child,
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_button_wrap.btn_bottom_wrap, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_button_fixed:last-child,
[mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_button_wrap.btn_bottom_wrap {
  margin-bottom: -40px;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content .mui_button_fixed.type02 .mui_button:first-child, [mui-modal].mui_bottom_tray_wrap .mui_modal_content .mui_button_fixed.type02 .mui_button:first-child {
  flex: 50%;
}
.mui_modal.mui_bottom_tray_wrap .mui_modal_content.no-scroll, [mui-modal].mui_bottom_tray_wrap .mui_modal_content.no-scroll {
  max-height: inherit;
  padding-top: 0;
}
.mui_modal.mui_fullpop_wrap, [mui-modal].mui_fullpop_wrap {
  padding: 0;
}
.mui_modal.mui_fullpop_wrap .mui_fullpop, [mui-modal].mui_fullpop_wrap .mui_fullpop {
  width: 100%;
  height: 100%;
  min-width: 0;
}
.mui_modal.mui_fullpop_wrap .mui_fullpop .mui_modal_body, [mui-modal].mui_fullpop_wrap .mui_fullpop .mui_modal_body {
  border-radius: 0;
  top: 0px;
  height: 100%;
  overflow: auto;
}
.mui_modal.mui_fullpop_wrap .mui_modal_body, [mui-modal].mui_fullpop_wrap .mui_modal_body {
  padding-top: 56px;
}
.mui_modal.mui_fullpop_wrap .mui_modal_header, [mui-modal].mui_fullpop_wrap .mui_modal_header {
  height: 56px;
  padding-left: 24px;
  display: flex;
  align-items: center;
  padding-right: 56px;
  background: #fff;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.mui_modal.mui_fullpop_wrap .mui_modal_header ~ .mui_modal_close, .mui_modal.mui_fullpop_wrap .mui_modal_header ~ .mui_modal_close2, [mui-modal].mui_fullpop_wrap .mui_modal_header ~ .mui_modal_close, [mui-modal].mui_fullpop_wrap .mui_modal_header ~ .mui_modal_close2 {
  position: fixed;
  z-index: 100;
}
.mui_modal.mui_fullpop_wrap .mui_modal_header p, [mui-modal].mui_fullpop_wrap .mui_modal_header p {
  color: var(--font_color01);
  font-size: 16px;
  font-weight: 700;
}
.mui_modal.mui_fullpop_wrap .mui_modal_header p .btn_down, [mui-modal].mui_fullpop_wrap .mui_modal_header p .btn_down {
  position: absolute;
  top: 16px;
  right: 48px;
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  background: url("/src/images/btn_down.svg") no-repeat center;
}
.mui_modal.mui_fullpop_wrap .mui_modal_content, [mui-modal].mui_fullpop_wrap .mui_modal_content {
  padding: 24px;
}
.mui_modal.mui_fullpop_wrap .mui_modal_content .mui_tabs:first-child, [mui-modal].mui_fullpop_wrap .mui_modal_content .mui_tabs:first-child {
  margin: -24px -24px;
}
.mui_modal.mui_fullpop_wrap .mui_modal_content .mui_tabs .tab_pane, [mui-modal].mui_fullpop_wrap .mui_modal_content .mui_tabs .tab_pane {
  padding: 24px 24px 0;
}
.mui_modal.mui_fullpop_wrap .mui_modal_content > .agreefull_pop, [mui-modal].mui_fullpop_wrap .mui_modal_content > .agreefull_pop {
  padding-top: 0;
}
.mui_modal .mui_size_small, [mui-modal] .mui_size_small {
  min-width: 400px;
}
.mui_modal .mui_size_medium, [mui-modal] .mui_size_medium {
  min-width: 600px;
}
.mui_modal .mui_size_large, [mui-modal] .mui_size_large {
  min-width: 800px;
}
.mui_modal .mui_modal_dialog, [mui-modal] .mui_modal_dialog {
  margin: 0 auto;
  position: relative;
  top: 0;
  transition-duration: 0.15s;
}
.mui_modal .mui_modal_body, [mui-modal] .mui_modal_body {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  top: -20px;
  transition: top 0.15s;
  position: relative;
}
.mui_modal .mui_modal_body > .mui_modal_close, .mui_modal .mui_modal_body form > .mui_modal_close, .mui_modal .mui_modal_body > .mui_modal_close2, .mui_modal .mui_modal_body form > .mui_modal_close2,
.mui_modal .mui_modal_body .popup_sticky_top .mui_modal_close, [mui-modal] .mui_modal_body > .mui_modal_close, [mui-modal] .mui_modal_body form > .mui_modal_close, [mui-modal] .mui_modal_body > .mui_modal_close2, [mui-modal] .mui_modal_body form > .mui_modal_close2,
[mui-modal] .mui_modal_body .popup_sticky_top .mui_modal_close {
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999em;
  overflow: hidden;
  width: 56px;
  height: 56px;
  background: url("/src/images/ico_close.svg") no-repeat center;
  background-size: 24px;
}
.mui_modal .mui_modal_body .ci_w36, [mui-modal] .mui_modal_body .ci_w36 {
  width: 36px;
  height: 36px;
  border: 1px solid #E8E8E8;
  border-radius: 50%;
}
.mui_modal .mui_modal_body .gap-x-8, [mui-modal] .mui_modal_body .gap-x-8 {
  gap: 0 8px;
}
.mui_modal .mui_modal_body .mt4, [mui-modal] .mui_modal_body .mt4 {
  margin-top: 4px;
}
.mui_modal .mui_modal_body .lh130, [mui-modal] .mui_modal_body .lh130 {
  line-height: 130%;
}
.mui_modal .mui_modal_body .badge_gray, [mui-modal] .mui_modal_body .badge_gray {
  display: inline-block;
  background: #F7F8FA;
  color: #333;
  padding: 4px 10px 4px 8px;
  border-radius: 16px;
  font-size: 13px;
}
.mui_modal .mui_modal_body .badge_gray p, [mui-modal] .mui_modal_body .badge_gray p {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}
.mui_modal .mui_modal_body .badge_gray p::before, [mui-modal] .mui_modal_body .badge_gray p::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.mui_modal .mui_modal_body .badge_gray.badge_check p::before, [mui-modal] .mui_modal_body .badge_gray.badge_check p::before {
  background: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 9.22514L8.9654 12L13.5 7" stroke="%23FF6262" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}
.mui_modal .mui_modal_body .badge_gray.badge_warning p::before, [mui-modal] .mui_modal_body .badge_gray.badge_warning p::before {
  background: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_i_61572_179496)"><path d="M16.3204 13.2327L10.7188 3.21486C10.4685 2.76724 10.0128 2.5 9.49999 2.5C8.98713 2.5 8.53154 2.76724 8.28125 3.21486L2.67959 13.2327C2.43518 13.6699 2.44052 14.1887 2.69389 14.6207C2.94727 15.0527 3.39753 15.3106 3.89833 15.3106H15.1017C15.6025 15.3106 16.0527 15.0527 16.3061 14.6207C16.5595 14.1888 16.5648 13.6699 16.3204 13.2327Z" fill="%23FFDE33"/></g><g filter="url(%23filter1_i_61572_179496)"><path d="M9.50033 13.3991C9.26413 13.3991 9.04227 13.3073 8.87562 13.1407C8.70896 12.974 8.61719 12.7522 8.61719 12.516C8.61719 12.2798 8.70897 12.0579 8.87562 11.8912C9.04226 11.7246 9.26412 11.6328 9.50033 11.6328C9.73653 11.6328 9.95839 11.7246 10.125 11.8912C10.2917 12.0579 10.3835 12.2798 10.3835 12.516C10.3835 12.7522 10.2917 12.974 10.125 13.1407C9.95839 13.3073 9.73654 13.3991 9.50033 13.3991Z" fill="%23111111" fill-opacity="0.4"/><path d="M8.80491 13.2114C8.99036 13.3968 9.23768 13.4991 9.50033 13.4991M8.80491 13.2114L9.50033 13.4991M8.80491 13.2114L8.87562 13.1407L10.1958 13.2114C10.3812 13.0259 10.4835 12.7786 10.4835 12.516C10.4835 12.2533 10.3812 12.006 10.1958 11.8205C10.0103 11.6351 9.76299 11.5328 9.50033 11.5328C9.23767 11.5328 8.99035 11.6351 8.8049 11.8205C8.61946 12.006 8.51719 12.2533 8.51719 12.516C8.51719 12.7786 8.61945 13.0259 8.80491 13.2114ZM9.50033 13.4991C9.76299 13.4991 10.0103 13.3968 10.1958 13.2114L9.50033 13.4991Z" stroke="%23111111" stroke-opacity="0.4" stroke-width="0.2"/><path d="M9.50224 10.6345C9.30988 10.6345 9.13027 10.5608 8.9965 10.4271C8.86273 10.2933 8.78906 10.1137 8.78906 9.92134V5.61552C8.78906 5.42316 8.86273 5.24355 8.9965 5.10978C9.13027 4.97602 9.30988 4.90234 9.50224 4.90234C9.6946 4.90234 9.87421 4.97601 10.008 5.10978C10.1418 5.24356 10.2154 5.42316 10.2154 5.61552V9.92134C10.2154 10.1137 10.1418 10.2933 10.008 10.4271C9.87421 10.5608 9.6946 10.6345 9.50224 10.6345Z" fill="%23111111" fill-opacity="0.4"/><path d="M10.0787 5.03907L10.0787 5.03907C9.92581 4.8862 9.72062 4.80234 9.50224 4.80234C9.28386 4.80234 9.07866 4.8862 8.92579 5.03907C8.77291 5.19195 8.68906 5.39714 8.68906 5.61552V9.92134C8.68906 10.1397 8.77292 10.3449 8.92579 10.4978C9.07867 10.6506 9.28386 10.7345 9.50224 10.7345C9.72062 10.7345 9.92582 10.6506 10.0787 10.4978L10.008 10.4271L10.0787 10.4978C10.2316 10.3449 10.3154 10.1397 10.3154 9.92134V5.61552C10.3154 5.39714 10.2316 5.19195 10.0787 5.03907Z" stroke="%23111111" stroke-opacity="0.4" stroke-width="0.2"/></g><defs><filter id="filter0_i_61572_179496" x="2" y="2" width="14.5" height="13.3125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-0.5" dy="-0.5"/><feGaussianBlur stdDeviation="0.25"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.682878 0 0 0 0 0.588723 0 0 0 0 0.167707 0 0 0 1 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_61572_179496"/></filter><filter id="filter1_i_61572_179496" x="8.11797" y="4.40312" width="2.46406" height="9.19453" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-0.3" dy="-0.3"/><feGaussianBlur stdDeviation="0.15"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.90446 0 0 0 0 0.819362 0 0 0 0 0.378404 0 0 0 1 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_61572_179496"/></filter></defs></svg>') no-repeat;
}
.mui_modal .mui_modal_body .scroll-area, [mui-modal] .mui_modal_body .scroll-area {
  margin-top: 0;
  position: relative;
}
.mui_modal .mui_modal_body .data_results.graybox, [mui-modal] .mui_modal_body .data_results.graybox {
  background: #F7F8FA;
  padding: 16px;
  border-radius: 10px;
  margin: 12px 24px 0;
}
.mui_modal .mui_modal_body .data_results ul .whitebox, [mui-modal] .mui_modal_body .data_results ul .whitebox {
  background: #FFF;
  border: 1px solid #E8E8E8;
  padding: 16px;
  border-radius: 10px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.mui_modal .mui_modal_body .data_results ul .whitebox > dl:first-child, [mui-modal] .mui_modal_body .data_results ul .whitebox > dl:first-child {
  margin-bottom: 4px;
}
.mui_modal .mui_modal_body .data_results ul .whitebox:first-child, [mui-modal] .mui_modal_body .data_results ul .whitebox:first-child {
  margin-top: 0;
}
.mui_modal .mui_modal_body .data_results dl, [mui-modal] .mui_modal_body .data_results dl {
  display: flex;
  justify-content: space-between;
  gap: 4px 0;
}
.mui_modal .mui_modal_body .data_results.ui_active .more, [mui-modal] .mui_modal_body .data_results.ui_active .more {
  display: block;
}
.mui_modal .mui_modal_body .data_results .more, [mui-modal] .mui_modal_body .data_results .more {
  display: none;
}
.mui_modal .mui_modal_body .highlight, [mui-modal] .mui_modal_body .highlight {
  background: linear-gradient(0deg, rgba(255, 231, 50, 0.4) 8px, transparent 8px);
}
.mui_modal .mui_modal_body .status, [mui-modal] .mui_modal_body .status {
  padding: 0 8px;
  border: 1px solid var(--neg-clr);
  border-radius: 10px;
  height: 18px;
  line-height: 18px;
}
.mui_modal .mui_modal_body .text-xs, [mui-modal] .mui_modal_body .text-xs {
  font-size: 12px;
}
.mui_modal .mui_modal_body .text-sm, [mui-modal] .mui_modal_body .text-sm {
  font-size: 13px;
}
.mui_modal .mui_modal_body .text-medium, [mui-modal] .mui_modal_body .text-medium {
  font-size: 14px;
}
.mui_modal.mui_open, [mui-modal].mui_open {
  opacity: 1;
}
.mui_modal.mui_open .mui_modal_body, [mui-modal].mui_open .mui_modal_body {
  top: 0px;
}

.f18bold {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
  text-align: center;
}

/*----------------------------------------*\
  || 화살표 Icon 인터랙션
\*----------------------------------------*/
.moving_arrow {
  gap: 0 4px;
  margin: 0 8px;
}
.moving_arrow span {
  width: 4px;
  height: 8px;
  background: url('data:image/svg+xml,<svg width="4" height="8" viewBox="0 0 4 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58611 3.72351C3.65394 3.79979 3.69141 3.89831 3.69141 4.00039C3.69141 4.10246 3.65394 4.20098 3.58611 4.27726L1.22694 6.93143C1.17078 6.99453 1.09676 7.03908 1.0147 7.05915C0.93264 7.07922 0.846417 7.07388 0.767464 7.04383C0.688511 7.01377 0.620559 6.96043 0.572618 6.89087C0.524677 6.82131 0.499012 6.73882 0.499027 6.65434L0.499027 1.34601C0.499096 1.26157 0.524822 1.17914 0.572794 1.10964C0.620768 1.04015 0.688724 0.986873 0.767658 0.956872C0.846593 0.92687 0.93278 0.92156 1.0148 0.941646C1.09682 0.961732 1.1708 1.00626 1.22694 1.06934L3.58611 3.72351Z" fill="%23888888"/></svg>') no-repeat center/contain;
  opacity: 0;
  animation: movingArrow 1.5s linear infinite;
}
.moving_arrow .moving_arrow01 {
  opacity: 0.5;
}
.moving_arrow .moving_arrow02 {
  animation-delay: 0.5s;
}
.moving_arrow .moving_arrow03 {
  animation-delay: 1s;
}

@keyframes movingArrow {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
/*----------------------------------------*\
  || 시스템 공지 팝업
\*----------------------------------------*/
.common-layerpopup--system {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 280px;
  width: 100%;
  max-width: 320px;
  padding: 24px 12px 12px;
  background-color: var(--bg_color03);
  border-radius: 14px;
  outline: none;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0784313725);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: 50% 50%;
  z-index: 2000;
  will-change: auto;
  backface-visibility: hidden;
  padding: 0;
  border-radius: 0;
}
.common-layerpopup__content {
  padding: 30px 20px 28px;
}
.common-layerpopup__title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
}
.common-layerpopup__title small {
  font-size: 0.8em;
  font-weight: inherit;
  line-height: inherit;
}
.common-layerpopup__text {
  font-size: 12px;
  line-height: 150%;
  word-break: auto-phrase;
}
.common-layerpopup__text + .common-layerpopup__text {
  margin-top: 8px;
}
.common-layerpopup__list {
  margin-top: 18px;
}
.common-layerpopup__list .name {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
}
.common-layerpopup__list .name:first-child {
  margin-top: 0;
}
.common-layerpopup__list .value {
  margin-top: 6px;
  font-size: 13px;
  line-height: 150%;
  word-break: auto-phrase;
}
.common-layerpopup__close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 14px;
  background-color: #373d5c;
}
.common-layerpopup__close-button {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

/*----------------------------------------*\
  || 메인 수시이자 지급 서비스
\*----------------------------------------*/
.main-int--on {
  position: relative;
}
.main-int--on::after {
  content: "";
  background: url("/src/images/ico_main_int01_on.png") no-repeat center;
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -6px;
  bottom: -3px;
  animation: mui-flip-horizontal 3s linear infinite;
}

/*----------------------------------------*\
  || 버블 팝업
\*----------------------------------------*/
.mui_bubble_area {
  position: relative;
}
.mui_bubble_text {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  min-width: max-content;
  padding: 4px 8px;
  background-color: var(--basic_color01);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 400;
  color: var(--font_color06);
  transform: translateX(-50%);
  animation: muiBubbleFadeIn 0.4s ease, muiBubbleBounce 1.4s ease-in-out infinite;
}
.mui_bubble_text::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 9px;
  height: 9px;
  background-color: inherit;
  transform: translateX(-50%) rotate(45deg);
}

@keyframes muiBubbleFadeIn {
  from {
    opacity: 0;
    top: calc(100% + 8px);
  }
  to {
    opacity: 1;
    top: calc(100% + 4px);
  }
}
@keyframes muiBubbleBounce {
  0%, 20%, 80%, 100% {
    top: calc(100% + 4px);
  }
  30% {
    top: calc(100% + 9px);
  }
  50% {
    top: calc(100% + 4px);
  }
  60% {
    top: calc(100% + 7px);
  }
}
/*----------------------------------------*\
  || 스피너
\*----------------------------------------*/
.mui_spinner {
  position: relative;
  width: 24px;
  height: 24px;
  background: conic-gradient(#df6311, #fff);
  border-radius: 50%;
  animation: muiSpin 1s linear infinite;
  -webkit-mask-image: radial-gradient(circle, transparent 8px, black 8px);
  -webkit-mask-composite: destination-out;
  mask-image: radial-gradient(circle, transparent 8px, black 8px);
  mask-composite: exclude;
  mask-mode: alpha;
}

/*----------------------------------------*\
  || 신분증 촬영 / 신분증 인식 로딩
\*----------------------------------------*/
.id-capture__box {
  position: relative;
  margin: 0 -24px;
  width: calc(100% + 48px);
  aspect-ratio: 1.5;
  background: url(/src/images/contents/cer/icon_capture_scanner.png) no-repeat center/88%;
}
.id-capture__box svg {
  position: absolute;
  inset: 0;
  display: block;
}
.id-capture__box__content {
  width: 100%;
  height: 100%;
}
.id-capture__box__content canvas {
  width: 100%;
  height: 100%;
}
@media (min-width: 500px) {
  .id-capture__box {
    margin: auto;
    max-width: 480px;
    border-radius: 24px;
    overflow: hidden;
  }
}
.id-capture__notice {
  display: flex;
  justify-content: center;
}
.id-capture__notice__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.id-capture__notice__item .img {
  width: 24px;
  height: auto;
}
.id-capture__notice__item .text {
  font-size: 12px;
  text-align: center;
  color: var(--font_color03);
}
.id-capture__button {
  position: fixed;
  bottom: 40px;
  left: calc(50% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--main_color01);
}
.id-capture__button__icon {
  width: 76px;
  height: 76px;
  background: var(--main_color01) url(/src/images/contents/cer/icon_capture_notice03.svg) no-repeat center/33%;
  border: 7px solid #fff;
  border-radius: 50%;
}

.id-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.id-loading__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.id-loading__img--hand {
  width: 160px;
  height: 228px;
  background: url(/src/images/contents/cer/img_cer_phone.png) no-repeat center/contain;
}
.id-loading__img--hand__inner {
  width: 89px;
  height: 64px;
  margin-right: 9px;
  margin-bottom: 20px;
}
.id-loading__img--card {
  width: 100px;
  height: 75px;
}
.id-loading__card {
  width: 100%;
  height: 100%;
  background: url(/src/images/contents/cer/img_cer_id-card.png) no-repeat center/contain;
}
.id-loading__magnifier {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: idLoadingMagnifierWrap 2s linear infinite;
}
.id-loading__magnifier::before {
  content: "";
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  background: url(/src/images/contents/cer/img_cer_magnifier.png) no-repeat center/contain;
  animation: idLoadingMagnifier 2s linear infinite;
}
@keyframes idLoadingMagnifierWrap {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes idLoadingMagnifier {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.id-loading__frame {
  position: absolute;
  inset: 0;
  background: url(/src/images/contents/cer/img_cer_frame.png) no-repeat center/contain;
  transform: scale(0.8);
  opacity: 0;
  filter: blur(2px);
  animation: idScanFrame 0.5s 0.5s forwards;
}
.id-loading__frame--white {
  background-image: url(/src/images/contents/cer/img_cer_frame_white.png);
}
@keyframes idScanFrame {
  100% {
    transform: scale(1);
    opacity: 1;
    filter: none;
  }
}
.id-loading__scan-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 7px;
  background-color: #03ff3b;
  transform: scaleX(0);
  opacity: 0;
  animation: idScanScanner linear 7.5s 0.5s infinite;
}
@keyframes idScanScanner {
  0%, 10%, 90%, 100% {
    top: 0;
    transform: scaleX(0);
    opacity: 0;
  }
  15%, 20%, 80%, 85% {
    top: 0;
    transform: scaleX(1);
    opacity: 1;
  }
  35%, 65% {
    top: 45px;
    transform: scaleX(1);
    opacity: 1;
  }
  50% {
    top: 0;
    transform: scaleX(1);
    opacity: 1;
  }
}
.id-loading__scan-line::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 15px;
  background-color: #03ff3b;
  opacity: 0.15;
  clip-path: polygon(calc(100% - 15px) 100%, 15px 100%, 0% 0, 100% 0);
}
.id-loading__txt {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.mui_tag {
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 700;
}
.mui_tag.apt {
  color: #3059ba;
  background: #eef2ff;
}
.mui_tag.villa {
  color: #14828e;
  background: #e8f8f9;
}
.mui_tag.shop {
  color: #7d2f9d;
  background: #f7f2f9;
}
.mui_tag.type1 {
  color: #fff;
  background: var(--font_color07) !important;
}
.mui_tag.type2 {
  color: #fff;
  background: var(--font_color08) !important;
}
.mui_tag.req {
  color: #3f81db;
  background: rgba(63, 129, 219, 0.05);
}
.mui_tag.appl {
  color: #888;
  background: #f9f9f9;
}
.mui_tag.negative {
  color: var(--font_color08);
  background: rgba(255, 64, 64, 0.05);
}
.mui_tag.safe {
  color: #fff;
  background: #009cc1 !important;
}
.mui_tag.moderate {
  color: #fff;
  background: #56b44d !important;
}
.mui_tag.normal {
  background: #edc11a !important;
}
.mui_tag.caution {
  color: #fff;
  background: #f69540 !important;
}
.mui_tag.warning {
  color: #fff;
  background: #ed3f24 !important;
}
.mui_tag.step {
  margin-bottom: 4px;
  padding: 2px 8px;
  background: var(--bg_color03);
  border-radius: 4px;
  font-size: 10px;
}

.mui_tag.line {
  height: 24px;
  border: 1px solid var(--basic_color05);
  font-size: 10px;
  font-weight: 400;
  color: var(--basic_color04);
}
.mui_tag.line.info {
  border: 1px solid var(--font_color07);
  color: var(--font_color07);
}
.mui_tag.line.warn {
  border-color: var(--font_color08);
  color: var(--font_color08);
}

.mui_title + .mui_result, .mui_title + .mui_datatable {
  margin-top: 16px;
}
.mui_title + .mui_text_lists.dot {
  margin-top: 10px;
}
.mui_title.mini_title .title.lv6 {
  font-weight: 700;
  color: var(--font_color02);
}
.mui_title.mui_title--center {
  text-align: center;
}
.mui_title .title {
  font-weight: 700;
  color: var(--font_color01);
  word-break: keep-all;
}
.mui_title .title.lv1 {
  font-size: 24px;
}
.mui_title .title.lv2 {
  font-size: 22px;
}
.mui_title .title.lv3 {
  font-size: 20px;
}
.mui_title .title.lv4 {
  font-size: 18px;
}
.mui_title .title.lv5 {
  font-size: 16px;
}
.mui_title .title.lv6 {
  font-size: 14px;
  font-weight: 400;
}
.mui_title .title.lv7 {
  font-size: 12px;
  font-weight: 400;
}
.mui_title .title em {
  color: var(--main_color01);
}
.mui_title .title small {
  font-size: 11px;
  color: var(--font_color04);
}

.mui_result {
  padding: 24px 0;
}
.mui_result em {
  color: var(--main_color01);
}
.mui_result:not(.line) + .mui_result:not(.line) {
  padding-top: 24px;
  border-top: 1px solid var(--line_color03);
}
.mui_result + .mui_text {
  margin-top: 12px;
}
.mui_result + .mui_text.link {
  margin-top: 16px;
}
.mui_result.line {
  border-top: 1px solid var(--line_color03);
  border-bottom: 1px solid var(--line_color03);
  padding: 16px 0;
}
.mui_result.line + .line {
  border-top: 0 none;
}
.mui_result.line dl ~ dl {
  margin-top: 16px;
}
.mui_result.line dl ~ .inner_title {
  margin-top: 16px;
}
.mui_result.line p.inner_title {
  font-size: 14px;
  color: var(--font_color01);
  font-weight: 700;
}
.mui_result.line p.inner_title ~ dl {
  margin-top: 16px;
}
.mui_result.line strong {
  color: var(--font_color01);
  font-weight: 700;
}
.mui_result.greybox {
  background: var(--bg_color02);
  border-radius: 8px;
  padding: 20px;
}
.mui_result dl {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  font-size: 13px;
  line-height: 26px;
}
.mui_result dl dt {
  color: var(--basic_color04);
  flex: none;
}
.mui_result dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--font_color02);
  text-align: right;
}
.mui_result dl dd small {
  font-size: 10px;
  color: var(--font_color04);
}
.mui_result dl dd .btn_arr {
  text-align: right;
}
.mui_result dl ~ dl {
  margin-top: 8px;
}
.mui_result_ico {
  padding-top: 60px;
  text-align: center;
}
.mui_result_ico:first-child {
  padding-top: 46px;
}
.mui_result_ico.size_big .icon_img {
  width: 120px;
  height: 120px;
}
.mui_result_ico.size_big .icon_img img {
  width: 120px;
  height: 120px;
}
.mui_result_ico.null {
  padding-top: 40px;
}
.mui_result_ico.null .main_txt {
  color: var(--font_color02);
  font-size: 16px;
  margin-top: 16px;
  font-weight: 400;
}
.mui_result_ico.null .sub_txt {
  color: var(--font_color03);
  font-size: 14px;
  margin-top: 0;
  font-weight: 400;
}
.mui_result_ico.size180 .icon_img {
  width: 180px;
  height: auto;
}
.mui_result_ico.size160 .icon_img {
  width: 160px;
  height: auto;
}
.mui_result_ico.size120 .icon_img {
  width: 120px;
  height: auto;
}
.mui_result_ico.size100 .icon_img {
  width: 100px;
  height: auto;
}
.mui_result_ico.size48 .icon_img {
  width: 48px;
  height: auto;
}
.mui_result_ico .icon_img {
  width: 64px;
  height: auto;
  margin: 0 auto;
}
.mui_result_ico .icon_img img {
  width: 100%;
  height: auto;
}
.mui_result_ico .main_txt {
  color: var(--font_color01);
  margin-top: 24px;
  font-weight: 700;
  font-size: 24px;
}
.mui_result_ico .sub_txt {
  color: var(--font_color03);
  margin-top: 16px;
  font-size: 14px;
}
.mui_result_ico.big_size .main_txt {
  font-size: 22px;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_result--link {
  padding: 0;
}
.mui_result--link dl dd {
  position: relative;
  width: 105px;
  padding-right: 24px;
  color: var(--font_color03);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mui_result--link dl dd.active {
  font-weight: 700;
  color: var(--font_color01);
}
.mui_result--link dl dd a {
  font-weight: inherit;
  color: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mui_result--link dl dd a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(-50%) rotate(180deg);
}
.mui_result--compact-line {
  padding: 16px;
  border-top: 1px solid var(--line_color02);
  border-bottom: 1px solid var(--line_color02);
}
.mui_result--compact-line dl {
  display: flex;
  justify-content: space-between;
}
.mui_result--compact-line dl dt,
.mui_result--compact-line dl dd {
  font-size: 13px;
  line-height: 150%;
  color: var(--font_color04);
}
.mui_result--compact-line dl dd {
  gap: 0;
  color: var(--font_color02);
}
.mui_result--compact-line dl small {
  font-size: 10px;
  color: var(--font_color04);
}
.mui_result .search_addr {
  height: 22px;
  border-radius: 11px;
  background: var(--bg_color02);
  padding: 0 10px;
  font-size: 13px;
  color: #5C627C;
}

.tab_pane .mui_result_ico.null {
  padding-top: 20px;
}

.mui_bottom_tray .mui_result_ico {
  padding-top: 0;
}
.mui_bottom_tray .mui_result_ico.lv2 .main_txt {
  font-size: 22px;
}
.mui_bottom_tray .mui_result_ico .icon_img {
  width: 48px;
  height: 48px;
}
.mui_bottom_tray .mui_result_ico .icon_img.size64 {
  width: 64px;
  height: auto;
}
.mui_bottom_tray .mui_result_ico .icon_img.size120 {
  width: 120px;
  height: auto;
}
.mui_bottom_tray .mui_result_ico .main_txt {
  font-size: 18px;
}

/*----------------------------------------*\
  || Error Page 에러페이지
\*----------------------------------------*/
.common-notice-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  inset: 0;
  padding: 20px 20px 90px;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.common-notice-wrap * {
  max-width: 520px;
}
.common-notice-wrap .img {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 10px;
}
.common-notice-wrap .icon {
  width: 16px;
  height: auto;
  min-width: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.common-notice-wrap .mui_title + p.txt {
  margin-top: 10px;
}
.common-notice-wrap .mui_title + strong.txt {
  margin-top: 8px;
}
.common-notice-wrap .txt {
  font-size: 12px;
  line-height: 19px;
  color: var(--font_color04);
  text-align: center;
  word-break: auto-phrase;
}
.common-notice-wrap .txt em {
  font: inherit;
  font-weight: 400;
  color: var(--font_color02);
}
.common-notice-wrap .txt + .txt {
  margin-top: 20px;
}
.common-notice-wrap .box {
  margin-top: 30px;
  padding: 20px;
  background-color: var(--bg_color02);
  border-radius: 12px;
  text-align: left;
}
.common-notice-wrap .box dt {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: var(--main_color01);
}
.common-notice-wrap .box dt:first-child {
  margin-top: 0;
}
.common-notice-wrap .box dd {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--font_color01);
}
.common-notice-wrap .notice {
  margin-top: 9px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 21px;
  color: var(--font_color04);
  text-indent: -16px;
  text-align: inherit;
}
.common-notice-wrap .notice::before {
  content: "※";
  display: inline-block;
  margin-right: 5px;
  text-indent: 0;
}

.mui_agree_check ~ .mui_agree_check {
  margin-top: 16px;
}
.mui_agree_check .chk_btn {
  border: 1px solid var(--line_color02);
  border-radius: 8px;
  padding: 16px 20px;
  width: 100%;
  text-align: left;
  position: relative;
}
.mui_agree_check .chk_btn::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 18px;
  right: 20px;
}
.mui_agree_check .chk_btn .text {
  display: block;
  position: relative;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
  padding: 0 20px 0 32px;
}
.mui_agree_check .chk_btn .text::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 12px;
  border: 1px solid var(--basic_color05);
  top: 0;
  left: 0;
}
.mui_agree_check .chk_btn .status_1 {
  display: none;
}
.mui_agree_check .chk_btn.mui_active .text::before {
  content: "";
  border-color: var(--main_color01);
  background-color: var(--main_color01);
}
.mui_agree_check .chk_btn.mui_active .text::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='16px' height='16px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
}
.mui_agree_check .chk_btn.mui_active .status_1 {
  display: inline;
  position: absolute;
}
.mui_agree_check .chk_btn.mui_active .status_2 {
  display: none;
}
.mui_agree_check.chk_lists {
  border: 1px solid var(--line_color02);
  border-radius: 8px;
}
.mui_agree_check.chk_lists.none_select .chk_btn .text {
  padding-left: 0;
}
.mui_agree_check.chk_lists.none_select .chk_btn .text:before {
  display: none;
}
.mui_agree_check.chk_lists .chk_btn {
  border: 0 none;
}
.mui_agree_check.chk_lists.inner_agree .mui_checkbox_group {
  gap: 0;
}
.mui_agree_check.chk_lists .inset {
  padding-top: 0;
  padding-left: 38px;
  margin-top: -6px;
  padding-bottom: 14px;
}
.mui_agree_check.chk_lists .inset .mui_checkbox {
  margin: 6px 10px;
  min-width: 65px;
}
.mui_agree_check.chk_lists .inset .mui_checkbox label {
  padding-left: 28px;
  font-size: 14px;
  line-height: 20px;
  color: var(--font_color01);
}
.mui_agree_check.chk_lists .inset .mui_checkbox label::before {
  display: none;
}
.mui_agree_check.chk_lists .inset .mui_checkbox label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  background-color: var(--basic_color05);
}
.mui_agree_check.chk_lists .inset .mui_checkbox input:checked + label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  background-color: var(--main_color01);
}
.mui_agree_check .inset {
  padding: 24px 16px 0;
}
.mui_agree_check .inset .mui_accordion .mui_acc_button {
  top: 0 !important;
  margin-top: 2px;
}
.mui_agree_check .inset .mui_accordion .acc_lists {
  border-bottom: 0 none;
}
.mui_agree_check .inset .mui_accordion .acc_header {
  padding: 0;
}
.mui_agree_check .inset .mui_accordion .acc_header .mui_agree_check {
  margin-right: 24px;
}
.mui_agree_check .inset .mui_accordion .acc_header .chk_btn::after {
  display: none;
}
.mui_agree_check .inset .mui_accordion .mui_acc_content {
  padding: 12px 0 12px 28px;
}
.mui_agree_check .inset .inset {
  padding-top: 16px;
  padding-right: 0;
}
.mui_agree_check .inset .mui_agree_check ~ .mui_agree_check {
  margin-top: 16px;
}
.mui_agree_check .inset .mui_agree_check .chk_btn {
  border: 0 none;
  padding: 0;
}
.mui_agree_check .inset .mui_agree_check .chk_btn::after {
  right: 0;
  top: 2px;
}
.mui_agree_check .inset .mui_agree_check .chk_btn .text {
  font-size: 14px;
  font-weight: 400;
  padding-left: 28px;
}
.mui_agree_check .inset .mui_agree_check .chk_btn .text::before {
  content: "";
  border: 0 none;
  background: #ccc;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  top: 2px;
}
.mui_agree_check .inset .mui_agree_check .chk_btn.mui_active .text::before {
  background: var(--main_color01);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.mui_agree_check .inset .mui_agree_check .chk_btn.mui_active .text::after {
  display: none;
}
.mui_agree_check .inset .mui_agree_check .chk_btn.mui_active .status_1 {
  display: inline;
  position: absolute;
}
.mui_agree_check .inset .mui_agree_check .chk_btn.mui_active .status_2 {
  display: none;
}
.mui_agree_check > .mui_agree_check {
  padding: 10px 0 0 30px;
}
.mui_agree_check > .mui_agree_check .chk_btn {
  font-size: 16px;
}
.mui_agree_check.auto_chk .chk_btn::after {
  display: none;
}
.mui_agree_check.auto_chk .chk_btn:disabled {
  pointer-events: none;
}
.mui_agree_check.auto_chk .chk_btn:disabled .text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%237F8FA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.mui_agree_check.auto_chk .chk_btn.mui_active .text::before {
  background: #f7f8fa url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23DF6311' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E") !important;
}
.mui_agree_check > .mui_radio {
  margin-left: 20px;
}

.mui_agree_box .check_sec {
  text-align: right;
  margin-top: 12px;
}
.mui_agree_box .check_sec .mui_radio_group {
  justify-content: right;
}
.mui_agree_box .agree_box {
  background: var(--bg_color02);
  border-radius: 8px;
  padding: 16px;
  font-size: 14px;
  color: var(--font_color03);
}
.mui_agree_box .agree_box .inset {
  max-height: 104px;
  margin-right: 16px;
  padding-right: 16px;
  overflow: auto;
}
.mui_agree_box .agree_box p {
  font-size: 13px;
  color: var(--font_color03);
}
.mui_agree_box .agree_box p span {
  color: var(--font_color01);
}
.mui_agree_box .agree_box p + p {
  margin-top: 24px;
}
.mui_agree_box .mui_checkbox {
  margin-right: 0;
}
.mui_agree_box .mui_checkbox label, .mui_agree_box .mui_checkbox input:checked + label {
  font-weight: 700;
  color: var(--font_color01);
}

.mui_selectlist .lists ~ .lists {
  border-top: 1px solid var(--line_color03);
}
.mui_selectlist .lists button {
  display: block;
  width: 100%;
  padding: 12px 0;
  text-align: left;
  font-size: 18px;
  position: relative;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_selectlist .lists button.type02::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='24px' height='24px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
}
.mui_selectlist .lists button.type02.mui_active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23DF6311' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='24px' height='24px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
}
.mui_selectlist--boxtype .lists {
  position: relative;
}
.mui_selectlist--boxtype .lists ~ .lists {
  margin-top: 12px;
  border: 0;
}
.mui_selectlist--boxtype .lists button {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--line_color02);
  border-radius: 7px;
  font-size: 16px;
  text-align: center;
  color: var(--font_color03);
}
.mui_selectlist--boxtype .lists button:hover, .mui_selectlist--boxtype .lists button:focus {
  border-color: var(--main_color01);
  color: var(--main_color01);
}
.mui_selectlist--boxtype .lists input {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.mui_selectlist--boxtype .lists input:checked + label {
  border-color: var(--main_color01);
  color: var(--main_color01);
}
.mui_selectlist--boxtype .lists input label {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--line_color02);
  border-radius: 7px;
  font-size: 16px;
  text-align: center;
  color: var(--font_color03);
}
.mui_selectlist.account .title {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.mui_selectlist.account .acc_num {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: var(--font_color03);
  font-weight: 300;
}
.mui_selectlist.account .acc_aka {
  display: inline-block;
  position: relative;
  padding-left: 9px;
  margin-left: 7px;
}
.mui_selectlist.account .acc_aka:after {
  content: "";
  display: block;
  width: 1px;
  background: var(--font_color05);
  position: absolute;
  top: 3px;
  left: 0;
  height: 10px;
}
.mui_selectlist.accountlist_img .lists button {
  padding-left: 38px;
}
.mui_selectlist.accountlist_img .img {
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 12px;
  border: 1px solid var(--line_color02);
  position: absolute;
  top: 20px;
  left: 0;
}
.mui_selectlist.accountlist_img .img img {
  width: 100%;
}
.mui_selectlist.accountlist_img .title {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.mui_selectlist.accountlist_img .acc_num {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--font_color03);
  font-weight: 300;
}
.mui_selectlist.accountlist_img .acc_aka {
  display: inline-block;
  position: relative;
  padding-left: 9px;
  margin-left: 7px;
}
.mui_selectlist.accountlist_img .acc_aka:after {
  content: "";
  display: block;
  width: 1px;
  background: var(--font_color05);
  position: absolute;
  top: 3px;
  left: 0;
  height: 10px;
}
.mui_selectlist.account_img > ul {
  display: flex;
  flex-wrap: wrap;
}
.mui_selectlist.account_img .lists {
  width: 50%;
  border: 0 none;
}
.mui_selectlist.account_img button {
  padding-left: 32px;
  font-size: 16px;
  font-weight: 400;
}
.mui_selectlist.account_img button::after {
  display: none;
}
.mui_selectlist.account_img .img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--line_color02);
}
.mui_selectlist.account_img .img img {
  width: 100%;
}
.mui_selectlist.account_img--chip > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mui_selectlist.account_img--chip .lists {
  border: 0;
}
.mui_selectlist.account_img--chip .lists button {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background: var(--bg_color02);
  border-radius: 7px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
.mui_selectlist.account_img--chip .lists button:active, .mui_selectlist.account_img--chip .lists button:focus {
  background: var(--line_color02);
}
.mui_selectlist.account_img--chip .lists .img {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.mui_contents_group.lv_4 {
  margin-top: 8px;
}
.mui_contents_group.lv_4:first-child {
  margin-top: 0;
}
.mui_contents_group.lv_3 {
  margin-top: 16px;
}
.mui_contents_group.lv_3:first-child {
  margin-top: 0;
}
.mui_contents_group.lv_2 {
  margin-top: 24px;
}
.mui_contents_group.lv_2:first-child {
  margin-top: 0;
}
.mui_contents_group.lv_1 {
  margin-top: 32px;
}
.mui_contents_group.lv_1:first-child {
  margin-top: 0;
}
.mui_contents_group.lv_0 {
  margin-top: 40px;
}
.mui_contents_group.lv_0:first-child {
  margin-top: 0;
}
.mui_contents_group.lv_center {
  position: absolute;
  top: calc(50% - 40px);
  left: 50%;
  transform: translate(-50%, -50%);
}

/*----------------------------------------*\
  || Spacing List
\*----------------------------------------*/
.spacing {
  display: flex;
}
.spacing--row {
  flex-direction: row;
}
.spacing--col {
  flex-direction: column;
}
.spacing--ai-center {
  align-items: center;
}
.spacing--jc-center {
  justify-content: center;
}
.spacing--xs {
  gap: 4px;
}
.spacing--s {
  gap: 8px;
}
.spacing--sm {
  gap: 12px;
}
.spacing--m {
  gap: 16px;
}
.spacing--ml {
  gap: 20px;
}
.spacing--l {
  gap: 24px;
}
.spacing--xl {
  gap: 32px;
}
.spacing__group {
  display: flex;
  flex-direction: inherit;
  gap: s;
}

.mui_text {
  font-size: 14px;
  color: var(--font_color02);
  position: relative;
}
.mui_text.small {
  font-size: 12px;
  color: var(--basic_color04);
}
.mui_text.warning {
  padding-left: 24px;
  line-height: 20px;
  color: var(--basic_color04);
  font-size: 13px;
}
.mui_text.warning::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23ccc'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.mui_text.warning ~ .warning {
  margin-top: 12px;
}
.mui_text.warning.mui_text--s {
  padding-left: 16px;
  font-size: 10px;
  line-height: 150%;
}
.mui_text.warning.mui_text--s::after {
  width: 12px;
  height: 12px;
}
.mui_text.warning.mui_text--s ~ .mui_text--s {
  margin-top: 4px;
}
.mui_text.link {
  text-align: right;
}
.mui_text.link.em a {
  color: var(--main_color01);
}
.mui_text.link.em a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23df6311' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.mui_text.link a {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 150%;
  color: var(--font_color03);
}
.mui_text.link a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}
.mui_text.link a.size-s {
  position: relative;
  top: -1px;
  font-size: 11px;
  color: var(--font_color03);
}
.mui_text.link a.size-s::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 12px;
  height: 12px;
}
.mui_text.btn_arr {
  color: var(--basic_color04);
  font-size: 13px;
}
.mui_text.btn_arr::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

/*----------------------------------------*\
  || Weight
\*----------------------------------------*/
.fw_t {
  font-weight: 100 !important;
}

.fw_l {
  font-weight: 300 !important;
}

.fw_n {
  font-weight: 400 !important;
}

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

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

.mui_card {
  border-radius: 20px;
  border: 1px solid var(--line_color03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.mui_card + .mui_more {
  margin-top: 12px;
}
.mui_card .title {
  color: var(--font_color01);
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line_color03);
}
.mui_card .title + .mui_result {
  margin-top: 16px;
}
.mui_card ~ .mui_card {
  margin-top: 16px;
}
.mui_card.no_tag.is_linked:not(.in_title) .inset {
  padding-top: 62px;
}
.mui_card.is_linked .inset {
  display: block;
}
.mui_card.is_linked .inset:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 24px;
  right: 24px;
}
.mui_card.select_type .inset {
  padding-top: 62px;
}
.mui_card.select_type .mui_radio {
  position: static;
  display: block;
}
.mui_card.select_type .mui_radio label {
  position: absolute;
  padding: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_card.select_type .mui_radio label::before {
  top: 20px;
  left: auto;
  right: 20px;
}
.mui_card.select_type .mui_result {
  padding-top: 16px;
  border-top: 1px solid var(--line_color03);
}
.mui_card > .inset {
  padding: 20px;
  position: relative;
}
.mui_card .mui_result {
  padding: 0;
}
.mui_card .mui_result + .mui_button_custom {
  margin-top: 24px;
  width: 100%;
}
.mui_card .tags {
  margin-bottom: 16px;
}
.mui_card .tags .tag {
  border-radius: 10px;
  height: 20px;
  background: #3282FA;
  color: var(--bg_color03);
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding: 0 8px;
  font-size: 13px;
}
.mui_card .tags .tag.disabled {
  background: var(--basic_color04);
}
.mui_card .tags .tag.error, .mui_card .tags .tag.tag_error {
  background: var(--font_color08);
}
.mui_card_list a {
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 20px;
  padding: 20px 20px 20px 76px;
  border: 1px solid var(--line_color03);
  height: 80px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.mui_card_list ~ .mui_card_list {
  margin-top: 16px;
}
.mui_card_list .img {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.mui_card_list .text {
  color: var(--font_color02);
  font-size: 15px;
}
.mui_card--simple {
  border-radius: 10px;
  box-shadow: none;
}
.mui_card--simple > .inset {
  padding: 16px;
}
.mui_card--simple .title {
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 14px;
}
.mui_card--simple .title + .mui_result {
  margin-top: 16px;
}
.mui_card--simple .title + .mui_result dt,
.mui_card--simple .title + .mui_result dd {
  font-size: 13px;
}
.mui_card.focus {
  position: relative;
}
.mui_card.focus .mui_inp_rdo {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.mui_card.focus .mui_inp_rdo:checked + label.inset {
  box-shadow: 0 0 0 2px var(--main_color01) inset;
}
.mui_card.focus label.inset {
  border-radius: 16px;
}

.mui_card.new {
  position: relative;
  height: 152px;
  max-height: 152px;
  background-color: #fff;
  border-radius: 16px;
  border-color: var(--line_color04);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
  visibility: hidden;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform ease 0.6s;
  animation: MuiCardOpacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards, MuiCardTransform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mui_card.new:nth-child(1) {
  animation-delay: 0.15s;
}
.mui_card.new:nth-child(2) {
  animation-delay: 0.3s;
}
.mui_card.new:nth-child(3) {
  animation-delay: 0.45s;
}
.mui_card.new:nth-child(4) {
  animation-delay: 0.6s;
}
.mui_card.new:nth-child(5) {
  animation-delay: 0.75s;
}
.mui_card.new:nth-child(6) {
  animation-delay: 0.9s;
}
.mui_card.new:nth-child(7) {
  animation-delay: 1.05s;
}
.mui_card.new:nth-child(8) {
  animation-delay: 1.2s;
}
.mui_card.new:nth-child(9) {
  animation-delay: 1.35s;
}
.mui_card.new:nth-child(10) {
  animation-delay: 1.5s;
}
.mui_card.new.flip {
  transform: translateY(0) rotateY(180deg);
}
.mui_card.new button.inset {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  background-color: inherit;
}
.mui_card.new button.inset.back {
  transform: rotateY(180deg);
}
.mui_card.new .inset {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
}
.mui_card.new .inset--justify-content-start {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.mui_card.new .top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.mui_card.new .top .left {
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mui_card.new .top .left .title {
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mui_card.new .top .left .account {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: var(--basic_color04);
}
.mui_card.new .top .right {
  min-width: fit-content;
}
.mui_card.new .info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
  margin-left: auto;
}
.mui_card.new .info dt {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--basic_color04);
}
.mui_card.new .info dt:first-child {
  margin-left: 0;
}
.mui_card.new .info dd {
  font-size: 16px;
  font-weight: 700;
  color: var(--button_color02);
}
.mui_card.new .info dd.small {
  font-size: 12px;
  font-weight: 400;
}
.mui_card.new .middle {
  width: 100%;
  margin: auto;
  text-align: center;
}
.mui_card.new .bottom {
  width: 100%;
}
.mui_card.new .floating-right {
  position: absolute;
  top: 88px;
  right: 16px;
}
.mui_card.new .bar {
  position: relative;
}
.mui_card.new .bar .base,
.mui_card.new .bar .value {
  width: 100%;
  height: 6px;
  background-color: var(--basic_color05);
  border-radius: 30px;
  opacity: 0.3;
}
.mui_card.new .bar .value {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 0;
  background: linear-gradient(180deg, #ffb482 0%, #df6311 100%);
  opacity: 1;
  will-change: max-width;
  animation: MuiCardValue 1s cubic-bezier(0.55, 0.09, 0.68, 0.53) forwards;
  animation-delay: 0.4s;
}
.mui_card.new .bar .label {
  display: block;
  margin-top: 3px;
  text-align: right;
  font-size: 8px;
  color: var(--basic_color04);
}
@keyframes MuiCardOpacity {
  100% {
    visibility: visible;
  }
}
@keyframes MuiCardTransform {
  0% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes MuiCardValue {
  100% {
    max-width: 100%;
  }
}
.mui_card.new.type {
  height: auto;
  max-height: fit-content;
}
.mui_card.new.type .tag_group + .title {
  margin-top: 8px;
}
.mui_card.new.type .title {
  border: none;
  padding: 0;
}
.mui_card.new.type .title + .account {
  margin: 8px 0 16px;
  font-size: 11px;
  color: #888;
}
.mui_card.new.type .bottom {
  margin-top: 16px;
}
.mui_card.new.type .bottom .info {
  justify-content: flex-start;
}
.mui_card.new.type .bottom.right .info {
  justify-content: flex-end;
}

.mui_banner {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 110px;
  padding: 16px;
  background-color: var(--bg_color02);
  border-radius: 16px;
}
.mui_banner ~ .mui_banner {
  margin-top: 16px;
}
.mui_banner--radio {
  background-color: var(--bg_color03);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
}
.mui_banner--radio::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--line_color04);
  border-radius: inherit;
  pointer-events: none;
  transition: border-color 0.2s ease;
}
.mui_banner--radio:has(input:checked)::after {
  border: 2px solid var(--main_color01);
}
.mui_banner--radio input {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.mui_banner__wrap {
  flex: 1;
  align-self: center;
  text-align: center;
}
.mui_banner__tag {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 8px;
  background-color: var(--bg_color03);
  border: 1px solid;
  border-radius: 10px;
  font-size: 12px;
}
.mui_banner__tag--default {
  border-color: #555;
  color: #555;
}
.mui_banner__tag--progress {
  border-color: var(--font_color07);
  color: var(--font_color07);
}
.mui_banner__img {
  max-width: 64px;
  max-height: 64px;
}
.mui_banner .title {
  font-size: 14px;
  color: var(--font_color02);
}
.mui_banner .title em {
  font-size: 18px;
  font-weight: 700;
}
.mui_banner .text {
  font-size: 12px;
  color: var(--font_color04);
}
.mui_banner .interest {
  color: var(--font_color01);
}
.mui_banner .interest span {
  font-size: 18px;
  font-weight: inherit;
  color: inherit;
}

.mui_datepicker input {
  background: url("/src/images/ico_calendar.svg") no-repeat right center;
}
.mui_datepicker input:disabled {
  background-image: url("/src/images/ico_calendar_disabled.svg");
}

.mui_multipicker {
  display: flex;
}
.mui_multipicker .mui_datepicker {
  flex: 1;
}
.mui_multipicker .divide {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: var(--font_color01);
  min-width: 32px;
  text-align: center;
}

.inner_quick_btn .mui_datepicker, .inner_quick_btn ~ .mui_multipicker {
  margin-top: 16px;
}

.mui_datepicker_layer {
  display: none;
  position: fixed;
  background: var(--bg_color03);
  padding: 0 12px 20px;
  z-index: 999;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
.mui_datepicker_layer .title {
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_datepicker_layer th, .mui_datepicker_layer td {
  color: var(--font_color02);
  width: 42px;
  height: 42px;
}
.mui_datepicker_layer th.mui_disabled button, .mui_datepicker_layer td.mui_disabled button {
  color: var(--basic_color04);
}
.mui_datepicker_layer th.mui_today button, .mui_datepicker_layer td.mui_today button {
  font-weight: bold;
  color: var(--bg_color03);
  background: var(--main_color02);
}
.mui_datepicker_layer th.mui_selected button, .mui_datepicker_layer td.mui_selected button {
  background: var(--main_color01);
  color: var(--bg_color03);
}
.mui_datepicker_layer th button, .mui_datepicker_layer td button {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.mui_datepicker_layer .mui_calendar {
  width: 100%;
  margin-top: 20px;
}
.mui_datepicker_layer.mui_active {
  display: block;
}

.picker_header {
  text-align: center;
}
.picker_header .current_month, .picker_header .current_year {
  padding: 0 12px;
}
.picker_header button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.picker_header button.next_btn {
  transform: rotate(180deg);
}

.mui_accountbox {
  border: 1px solid var(--line_color03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  padding: 20px;
  background: var(--bg_color03);
  border-radius: 20px;
}
.mui_accountbox ~ .mui_accountbox {
  margin-top: 12px;
}
.mui_accountbox.main_card {
  background-color: var(--main_color01);
  padding: 24px 24px 0;
  border: 0 none;
}
.mui_accountbox.main_card .acc_val {
  color: var(--font_color06);
  margin-top: 24px;
}
.mui_accountbox.main_card .acc_val .won {
  font-size: 22px;
  margin-left: 0;
}
.mui_accountbox.main_card .acc_name {
  color: var(--font_color06);
}
.mui_accountbox.main_card .acc_data {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.8;
}
.mui_accountbox.main_card .acc_data .acc_num {
  display: inline-block;
  color: var(--font_color06);
  border-bottom: 1px solid var(--font_color06);
}
.mui_accountbox.main_card .acc_data .acc_end {
  position: relative;
  color: var(--font_color06);
  padding-left: 0;
  margin-left: 0;
  margin-top: 4px;
}
.mui_accountbox.main_card .acc_data .acc_end::after {
  display: none;
}
.mui_accountbox.main_card .btns {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 24px -24px 0;
}
.mui_accountbox.main_card .btns .mui_button {
  background: transparent;
  color: var(--font_color06);
  font-size: 14px;
  height: 48px;
  border-radius: 0;
}
.mui_accountbox.main_card .btns .mui_button ~ .mui_button {
  margin-left: 0;
}
.mui_accountbox.main_card .btns .mui_button ~ .mui_button::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
}
.mui_accountbox .acc_name_wrap {
  position: relative;
}
.mui_accountbox .acc_name_wrap.inner_tag {
  padding-right: 72px;
}
.mui_accountbox .acc_name_wrap .tags {
  position: absolute;
  top: 0;
  right: 0;
}
.mui_accountbox .acc_name_wrap .acc_name {
  color: var(--font_color02);
  font-weight: 400;
}
.mui_accountbox .acc_name_wrap .acc_name a {
  color: var(--font_color06);
}
.mui_accountbox .acc_name_wrap .mui_tag {
  min-width: 62px;
  height: 20px;
  text-align: center;
  justify-content: center;
  line-height: 18px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--font_color06);
  font-size: 13px;
  vertical-align: top;
}
.mui_accountbox .acc_name {
  font-size: 16px;
  color: var(--font_color02);
  font-weight: 700;
}
.mui_accountbox .acc_name a {
  color: var(--font_color02);
  padding-right: 28px;
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.mui_accountbox .acc_name a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
}
.mui_accountbox .acc_name a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.mui_accountbox .acc_val {
  text-align: right;
  margin-top: 24px;
  font-size: 22px;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_accountbox .acc_val .won {
  font-weight: 400;
  margin-left: 4px;
  display: inline-flex;
}
.mui_accountbox .btns {
  margin: 16px -4px -4px;
  display: flex;
}
.mui_accountbox .btns .mui_button {
  flex: 1;
  background: #f4f4f4;
  color: var(--font_color02);
  font-size: 14px;
  height: 32px;
  border-radius: 8px;
}
.mui_accountbox .btns .mui_button ~ .mui_button {
  margin-left: 8px;
}
.mui_accountbox .acc_data {
  display: flex;
  margin-top: 8px;
  font-size: 13px;
}
.mui_accountbox .acc_data .acc_num {
  color: #888;
  border-bottom: 1px solid var(--line_color02);
}
.mui_accountbox .acc_data .acc_end {
  position: relative;
  color: var(--font_color07);
  padding-left: 9px;
  margin-left: 8px;
}
.mui_accountbox .acc_data .acc_end::after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: var(--line_color02);
  position: absolute;
  top: 3px;
  left: 0;
}

.mui_inputmoney .result {
  text-align: right;
}
.mui_inputmoney .money_guide {
  text-align: right;
  margin-top: 12px;
  font-size: 13px;
  color: var(--main_color01);
}
.mui_inputmoney .mui_button_group {
  margin-top: 12px;
}
.mui_inputmoney .mui_button_group .group .mui_button:first-child {
  padding: 0;
  margin-top: 0;
}

.mui_inputbtn {
  position: relative;
  display: flex;
  align-items: center;
}
.mui_inputbtn .mui_input, .mui_inputbtn .mui_select {
  position: static;
}
.mui_inputbtn .btn_sec {
  padding-left: 12px;
}
.mui_inputbtn.ico .mui_button:not(.mui_select) {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 0;
  color: transparent;
}
.mui_inputbtn.ico.search .mui_button:not(.mui_select) {
  background: url("/src/images/ico_search.svg") no-repeat center;
}
.mui_inputbtn .mui_button:not(.mui_select) {
  width: auto;
  height: 28px;
  padding: 0 8px;
  font-size: 13px;
  background: #5C627C;
}
.mui_inputbtn .mui_button:not(.mui_select) span {
  white-space: nowrap;
}
.mui_inputbtn .mui_button:not(.mui_select)[disabled] {
  background: var(--basic_color05);
  color: var(--font_color03);
}

.mui_collapse .acc_title {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.mui_collapse .acc_header {
  position: relative;
}

.guide_text {
  padding-top: 40px;
  position: relative;
  margin-top: 40px;
}
.guide_text:before {
  content: "";
  display: block;
  height: 12px;
  top: 0;
  left: -24px;
  right: -24px;
  background: var(--line_color04);
  position: absolute;
}
.guide_text.type02 {
  padding-top: 8px;
  margin-top: 16px;
}
.guide_text.type02:before {
  height: 1px;
}
.guide_text .mui_accordion .acc_lists .acc_header {
  padding: 12px 0;
}
.guide_text .mui_accordion .acc_lists.mui_open {
  border-bottom: 0;
}
.guide_text .acc_header .title {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
  padding-left: 24px;
  position: relative;
}
.guide_text .acc_header .title::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23111'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.guide_text .mui_acc_content {
  border-top: 1px solid var(--line_color03);
  padding: 16px 0;
}

.mui_datasort {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.mui_datasort .sort_data {
  font-size: 14px;
  line-height: 20px;
  color: var(--basic_color04);
}
.mui_datasort .total {
  color: var(--font_color03);
}
.mui_datasort .total em {
  color: var(--main_color01);
  font-weight: 700;
}
.mui_datasort .total + .date {
  position: relative;
  padding-left: 9px;
  margin-left: 8px;
}
.mui_datasort .total + .date::after {
  content: "";
  background: var(--line_color02);
  width: 1px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.mui_datasort .mui_select {
  display: inline-block;
  width: auto;
  height: 20px;
}
.mui_datasort .mui_select::before {
  display: none;
}
.mui_datasort .inset {
  height: 20px;
  padding-right: 24px;
  line-height: 20px;
}
.mui_datasort .label {
  line-height: 20px;
  font-size: 13px;
}
.mui_datasort + .mui_result_ico.null {
  padding-top: 24px;
}

.mui_form--reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: 32px;
}
.mui_form--reverse .mui_form_list ~ .mui_form_list {
  margin-top: 0;
}
.mui_form--reverse .mui_form_list ~ .mui_form_list.mini {
  margin-top: 0;
}
.mui_form .mui_form {
  margin-top: 32px;
}
.mui_form .add_data {
  margin-top: 16px;
}
.mui_form .add_data > .mui_form {
  margin-top: 24px;
}

.mui_form_list .support {
  text-align: right;
  margin-top: 12px;
}
.mui_form_list .support a {
  display: inline-block;
  font-size: 13px;
  color: var(--main_color01);
  padding-right: 16px;
  position: relative;
}
.mui_form_list .support a::after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border: 1px solid var(--main_color01);
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
.mui_form_list.type-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.mui_form_list.type-row .mui_form_content {
  margin-top: 0;
  text-align: right;
}
.mui_form_list.type-row .mui_form_value {
  height: auto;
}
.mui_form_list ~ .mui_form_list {
  margin-top: 32px;
}
.mui_form_list ~ .mui_form_list.mini {
  margin-top: 16px;
}
.mui_form_list .mui_form_content {
  margin-top: 8px;
  position: relative;
}
.mui_form_list .mui_form_content:first-child {
  margin-top: 0;
}
.mui_form_list .mui_form_content .mini_type {
  padding-top: 8px;
}
.mui_form_list .mui_form_content .guide_btn {
  height: 22px;
  color: #5C627C;
  font-size: 13px;
  background: var(--bg_color02);
  padding: 0 10px;
  border-radius: 11px;
  position: absolute;
  top: -30px;
  right: 0;
}
.mui_form_list .mui_form_content .mui_button:first-child {
  margin-top: 8px;
}
.mui_form_list .mui_form_content .mui_button:first-child + .mui_radio_group {
  padding-top: 16px;
}
.mui_form_list .mui_form_content .mui_inputbtn .mui_button {
  margin-top: 0;
}
.mui_form_list .mui_form_content .mui_phone .mui_button + .mui_input {
  margin-top: 0;
}
.mui_form_list .mui_form_content .mui_text {
  margin-top: 12px;
  z-index: 1;
}
.mui_form_list .mui_form_content .mui_text + .msg_form {
  margin-top: -21px;
  padding-top: 0;
  animation: none;
}
.mui_form_list .mui_form_content > .mui_button_custom.white-round-24, .mui_form_list .mui_form_content > .mui_checkbox.white-round-24, .mui_form_list .mui_form_content > .mui_button_group.white-round-24 {
  margin-top: 8px;
}
.mui_form_list .mui_form_content > .mui_button_custom + .mui_form, .mui_form_list .mui_form_content > .mui_checkbox + .mui_form, .mui_form_list .mui_form_content > .mui_button_group + .mui_form {
  margin-top: 16px;
}
.mui_form_list .mui_form_content > .mui_button_custom:not(:first-child), .mui_form_list .mui_form_content > .mui_checkbox:not(:first-child), .mui_form_list .mui_form_content > .mui_button_group:not(:first-child) {
  margin-top: 12px;
}
.mui_form_list .mui_form_content > .mui_button_custom + .mui_text {
  margin-top: 24px;
}
.mui_form_list .mui_form_content > .mui_inputbtn:not(:first-child), .mui_form_list .mui_form_content > .mui_input:not(:first-child) {
  margin-top: 16px;
}
.mui_form_list .mui_form_content .right_top {
  position: absolute;
  top: -28px;
  right: 0;
}
.mui_form_list .mui_form_content .right_top.mui_button_custom {
  margin-top: 0;
}
.mui_form_list .mui_input + .mui_input {
  margin-top: 16px;
}
.mui_form_list .mui_button + .mui_input, .mui_form_list .mui_button + .mui_inputbtn {
  margin-top: 16px;
}
.mui_form_list .mui_radio_group {
  padding-top: 8px;
}
.mui_form_list .mui_radio_group ~ .mui_input, .mui_form_list .mui_radio_group ~ .mui_datepicker, .mui_form_list .mui_radio_group ~ .mui_select {
  margin-top: 16px;
}
.mui_form_list .mui_radio_group + .mui_inputmultiple {
  margin-top: 16px;
}
.mui_form_list .mui_radio_group.button_type {
  padding-top: 0 !important;
}
.mui_form_list .mui_radio_group.button_type:first-child {
  margin-top: 12px;
}

.mui_form_value {
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: var(--font_color01);
  font-weight: 700;
}

.msg_form {
  height: auto;
  max-height: 30px;
  padding-top: 12px;
  font-size: 12px;
  padding-top: 12px;
  animation: formSlideUp 0.4s ease-in-out;
  overflow: hidden;
  opacity: 1;
}
.msg_form.msg_pos {
  color: var(--font_color07);
}
.msg_form.msg_error {
  color: var(--font_color08);
}

@keyframes formSlideUp {
  0% {
    max-height: 0;
    padding-top: 0;
    opacity: 0;
  }
  100% {
    max-height: 30px;
    padding-top: 12px;
    opacity: 1;
  }
}
.mui_form_head {
  font-size: 14px;
  color: var(--font_color02);
}
.mui_form_head .mui_tooltip_wrap {
  position: relative;
  top: -1px;
}

.form_error .mui_input::after, .form_error .mui_select::before {
  height: 2px;
  background: var(--font_color08);
}

.form_pos .mui_input::after, .form_pos .mui_select::before {
  height: 2px;
  background: var(--font_color07);
}

.mui_accresult .date {
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  color: #888;
}
.mui_accresult .lists {
  border-bottom: 1px solid var(--line_color02);
  padding: 16px 0;
}
.mui_accresult .text, .mui_accresult .time {
  display: flex;
  justify-content: space-between;
}
.mui_accresult .text .txt1 {
  font-size: 16px;
  color: var(--font_color02);
}
.mui_accresult .text .txt2 {
  font-size: 18px;
  color: var(--font_color01);
  font-weight: 700;
}
.mui_accresult .time {
  margin-top: 4px;
  font-size: 13px;
  color: var(--basic_color04);
  min-height: 20px;
}
.mui_accresult .mui_collapse .acc_lists {
  border-bottom: 0 none;
}
.mui_accresult .mui_collapse .acc_lists .acc_header {
  position: relative;
  padding: 0;
}
.mui_accresult .mui_collapse .acc_lists .acc_header .mui_acc_button {
  height: 20px;
  margin-top: -18px;
}
.mui_accresult .mui_collapse .acc_lists .acc_header .mui_acc_button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.mui_accresult .mui_collapse .acc_lists .mui_acc_content {
  padding-top: 16px;
  padding-bottom: 0;
}
.mui_accresult .mui_collapse .acc_lists .mui_acc_content .box {
  background: var(--bg_color02);
  padding: 20px;
  border-radius: 8px;
}
.mui_accresult .mui_collapse .acc_lists .mui_acc_content .text ~ .text {
  margin-top: 12px;
}
.mui_accresult .mui_collapse .acc_lists .mui_acc_content .text .txt1, .mui_accresult .mui_collapse .acc_lists .mui_acc_content .text .txt2 {
  font-size: 13px;
  color: var(--font_color03);
}

/* 전체메뉴 */
#pageRoot.open_allmenu {
  overflow-y: clip;
  touch-action: none;
}
#pageRoot.open_allmenu .allmenu_wrap {
  display: block;
}

.allmenu_wrap {
  position: fixed;
  display: none;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 24px;
  overflow: auto;
  background: var(--bg_color03);
}
.allmenu_wrap .login_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 11px 0;
}
.allmenu_wrap .login_wrap .left_btns {
  display: flex;
  gap: 16px;
}
.allmenu_wrap .login_wrap .home {
  position: relative;
  padding-left: 22px;
}
.allmenu_wrap .login_wrap .home::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_home2.svg") no-repeat center/100%;
  transform: translateY(-50%);
}
.allmenu_wrap .login_wrap .login {
  position: relative;
  padding-left: 22px;
  padding-right: 0;
}
.allmenu_wrap .login_wrap .login::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_login.svg") no-repeat center/100%;
  transform: translateY(-50%);
}
.allmenu_wrap .login_wrap .login.logout::before {
  background: url("/src/images/ico_logout.svg") no-repeat center/100%;
}
.allmenu_wrap .login_wrap .btn_close {
  width: 24px;
  height: 24px;
  background: url("/src/images/ico_close.svg") no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.allmenu_wrap .welcome_txt {
  padding-top: 16px;
  font-size: 16px;
  color: var(--font_color01);
}
.allmenu_wrap .log_info {
  padding-top: 8px;
  font-size: 12px;
  color: var(--font_color03);
}
.allmenu_wrap .log_info span {
  padding-left: 8px;
}
.allmenu_wrap .quick_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
}
.allmenu_wrap .quick_wrap a {
  position: relative;
  line-height: 2;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.allmenu_wrap .quick_wrap a i.img {
  width: 32px;
  height: 32px;
  display: inline-flex;
}
.allmenu_wrap .quick_wrap a span {
  font-size: 14px;
  color: var(--font_color02);
}
.allmenu_wrap .search_wrap {
  display: flex;
  align-items: center;
  gap: 0 8px;
  flex: 1 0 1;
  margin-top: 16px;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--line_color03);
  border-radius: 8px;
}
.allmenu_wrap .search_wrap .input_tit {
  flex: none;
  width: 24px;
  height: 24px;
  background: url("/src/images/ico_search.svg") no-repeat center/100%;
}
.allmenu_wrap .search_wrap input {
  width: 100%;
  border: 0;
  font-size: 16px;
  font-weight: 700;
}
.allmenu_wrap .search_wrap input::placeholder {
  color: var(--basic_color04);
  font-weight: 400;
}
.allmenu_wrap .search_wrap .btn_del {
  flex: none;
  width: 20px;
  height: 20px;
  font-size: 0;
  background: url("/src/images/btn_inputdel.svg") no-repeat center/100%;
  text-indent: -9999px;
}
.allmenu_wrap .search_result {
  margin: 24px -24px 0;
  padding-top: 24px;
  font-size: 14px;
  border-top: 1px solid var(--line_color03);
}
.allmenu_wrap .search_result .inner {
  padding: 0 24px;
}
.allmenu_wrap .search_result .tit {
  color: var(--font_color03);
}
.allmenu_wrap .search_result strong {
  color: var(--main_color01);
}
.allmenu_wrap .search_result .search_list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  padding-top: 24px;
}
.allmenu_wrap .hash_tag {
  display: flex;
  align-items: center;
  gap: 0 4px;
  padding-top: 16px;
}
.allmenu_wrap .hash_tag a {
  padding: 5px 8px 4px 8px;
  font-size: 13px;
  color: var(--font_color02);
  border-radius: 30px;
  background: var(--bg_color02);
}
.allmenu_wrap .tab_allmenu {
  display: flex;
  margin: 24px -24px 0;
  height: calc(100% - 296px);
  border-top: 1px solid var(--line_color03);
}
.allmenu_wrap .tab_allmenu .mui_tab_nav {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 120px;
  background: var(--bg_color02);
}
.allmenu_wrap .tab_allmenu .nav_list {
  padding: 0;
  max-height: 88px;
  background: var(--bg_color02);
  border-bottom: 1px solid var(--line_color03);
}
.allmenu_wrap .tab_allmenu .nav_list button {
  position: relative;
  padding-top: 56px;
  padding-bottom: 16px;
  font-size: 14px;
}
.allmenu_wrap .tab_allmenu .nav_list button img.ico {
  position: absolute;
  top: 16px;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translateX(-50%);
}
.allmenu_wrap .tab_allmenu .nav_list.mui_active {
  background: var(--bg_color03);
}
.allmenu_wrap .tab_allmenu .nav_list.mui_active button {
  color: var(--main_color01);
}
.allmenu_wrap .tab_allmenu .nav_list.mui_active button::after {
  display: none;
}
.allmenu_wrap .tab_allmenu .tab_contents {
  width: calc(100% - 120px);
}
.allmenu_wrap .tab_allmenu .tab_contents .tab_pane {
  padding: 0;
}
.allmenu_wrap .tab_allmenu .tab_contents .tab_list {
  display: flex;
  flex-direction: column;
}
.allmenu_wrap .tab_allmenu .tab_contents .tab_list a {
  display: block;
  padding: 16px 24px;
}
.allmenu_wrap .tab_allmenu .mui_accordion .mui_acc_content {
  padding-top: 0;
}
.allmenu_wrap .tab_allmenu .mui_accordion .mui_open {
  color: var(--main_color01);
}
.allmenu_wrap .tab_allmenu .mui_accordion .mui_open .mui_acc_button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.allmenu_wrap .tab_allmenu .mui_accordion .mui_acc_button {
  font-size: 0;
}
.allmenu_wrap .tab_allmenu .mui_accordion .mui_acc_button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 20px;
}
.allmenu_wrap .tab_allmenu .mui_accordion .acc_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
}
.allmenu_wrap .tab_allmenu .flex_col {
  display: flex;
  flex-direction: column;
  font-size: 13px;
}
.allmenu_wrap .tab_allmenu .flex_col a {
  display: inline-block;
  padding: 8px 24px 8px 32px;
  color: var(--font_color04);
}

/*스크린리더 IR(Image Replacement)*/
.sr-only {
  position: fixed;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  left: -50000px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

div.nppfs-keypad {
  z-index: 99 !important;
}

.agree_chk {
  text-align: right;
}

.flow_control {
  min-width: 0 !important;
  width: 100%;
  padding: 0 20px;
}
.flow_control .mui_modal_body {
  padding: 40px 24px 12px;
  text-align: center;
}
.flow_control .title {
  font-size: 18px;
  font-weight: 700;
}
.flow_control .decs {
  font-size: 16px;
  margin-top: 4px;
}
.flow_control .data {
  font-size: 16px;
  text-align: left;
  margin-left: 4px;
  margin-top: 20px;
}
.flow_control .data strong {
  color: var(--font_color07);
  font-weight: 700;
}
.flow_control .data .data1 {
  padding-left: 26px;
  background: url("/src/images/ico_ctr01.svg") no-repeat left center;
}
.flow_control .data .data2 {
  padding-left: 26px;
  background: url("/src/images/ico_ctr02.svg") no-repeat left center;
  margin-top: 8px;
}
.flow_control .gage {
  height: 6px;
  border-radius: 3px;
  position: relative;
  background: var(--basic_color05);
  overflow: hidden;
  margin: 20px 0;
}
.flow_control .gage span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--main_color01);
}
.flow_control .sub_decs {
  color: var(--font_color03);
  font-size: 13px;
  margin-bottom: 20px;
}

#box_sckeypad_wrap_socialno.mui_keypad .mui_keypad_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background: url("/src/images/ico_close.svg") no-repeat center;
  color: transparent;
  font-size: 0;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno {
  padding: 80px 8px 16px;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .kpd-wrap {
  overflow: visible !important;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .text_title.message1 {
  font-size: 18px;
  font-weight: 700;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .box_keyinput {
  margin-top: 24px;
  display: flex;
  gap: 16px;
  justify-content: center;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .box_keyinput .keybox {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  margin: 0;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .box_keyinput .keybox::after {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.1);
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .box_keyinput .keybox.on::after {
  background: var(--main_color01);
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .box_sckeypad {
  margin-top: 32px;
}
#box_sckeypad_wrap_socialno.mui_keypad #div-extendui-password-socialno .kpd-preview {
  margin-left: 0;
  position: absolute;
  top: -67px;
  right: 62px;
}

.qu_lists {
  margin-top: 24px;
  font-size: 14px;
  color: #333;
}
.qu_lists .title {
  margin-bottom: 12px;
  text-indent: -25px;
}
.qu_lists .title em {
  font-weight: 700;
  margin-right: 4px;
}
.qu_lists .list {
  padding-left: 25px;
}
.qu_lists .list ~ .list {
  margin-top: 32px;
}
.qu_lists .sub_title {
  margin: 24px 0 12px;
  font-weight: 700;
}

#webLoading {
  position: fixed;
  top: 0;
  left: 0;
}
#webLoading .inset {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
#webLoading .loadingbar {
  animation: rotate-ani 1.4s linear infinite;
  transform: rotate(0);
}

@keyframes rotate-ani {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.error .error_code {
  display: block;
  margin-bottom: 4px;
}

.error_pop .main_text {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color02);
}
.error_pop .text {
  font-size: 16px;
  color: var(--font_color02);
  margin-top: 16px;
}
.error_pop .code {
  margin-top: 12px;
  font-size: 16px;
  color: #EB4852;
}

.money_support {
  padding-top: 12px;
  font-size: 13px;
  color: var(--main_color01);
  text-align: right;
}
.money_support--disabled {
  color: var(--font_color05);
}

a:link,
a:active,
a:hover,
a:focus {
  color: #111;
  text-decoration: none;
}

.store-mapWp {
  height: 100%;
}
.store-mapWp .map-area {
  height: 100%;
}

#contants {
  padding: 24px;
}

.color08 {
  color: var(--basic_color08);
}

hr {
  margin: 40px -24px;
  height: 12px;
  background: var(--line_color04);
  border: none;
}
hr + .mui_contents_group .mui_accordion {
  margin-top: -20px;
}
hr + .mui_accordion {
  margin-top: -20px;
}
hr.dvd {
  height: 1px;
  margin: 16px 0;
}

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

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

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

.bt-none {
  border-top: none !important;
}

.bl-none {
  border-left: none !important;
}

.br-none {
  border-right: none !important;
}

.bb-none {
  border-bottom: none !important;
}

.bd-none {
  border: 0 !important;
}

.underline {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

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

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

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

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

#contants > input + .mui_contents_group {
  margin-top: 0;
}
#contants form:first-child + input + .mui_contents_group,
#contants form:first-child input + .mui_contents_group,
#contants form:first-child input + input + .mui_contents_group,
#contants form:first-child input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + input + input + input + input + input + .mui_contents_group,
#contants form:first-child input + input + input + input + input + input + input + input + input + input + input + input + input + .mui_contents_group, #contants form:first-child + .mui_contents_group {
  margin-top: 0;
}

/* 버튼 - 라인, 흰색배경, 글자색상 */
.btn_wrap .btn_line {
  color: var(--main_color01);
  background: var(--bg_color03);
  border: 1px solid var(--line_color02);
  border-radius: 8px;
}
.btn_wrap .btn_round {
  padding: 12px 24px;
  width: initial;
  font-size: 14px;
  color: var(--basic_color01);
  border-color: var(--basic_color01);
  border-radius: 60px;
}

/* 회색배경 화살표 버튼 */
.btn_arrow {
  display: block;
  margin-top: 40px;
  padding: 16px 20px;
  width: 100%;
  border-radius: 20px;
  background: var(--bg_color02);
}
.btn_arrow .calc_txt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 52px;
  font-size: 13px;
  color: var(--basic_color04);
}
.btn_arrow .calc_txt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 42px;
  height: 42px;
  background: url("/src/images/ico_calc.svg") no-repeat center;
  background-size: 100%;
  transform: translateY(-50%);
}
.btn_arrow .calc_txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%) rotate(180deg);
}
.btn_arrow strong {
  display: block;
  font-size: 16px;
  color: var(--font_color01);
  font-weight: 700;
}

/* 금융인증서 리스트형태 */
.certi_list a {
  display: flex;
  align-items: center;
  gap: 0 12px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line_color03);
}
.certi_list a:last-child {
  border-bottom: 0;
}
.certi_list .img_wrap {
  width: 32px;
  height: 32px;
}
.certi_list .img_wrap img {
  width: 100%;
}

/* 하단안내문구(아이콘 유무) */
.info_txt {
  position: relative;
  margin-top: 12px;
  font-size: 14px;
  color: var(--basic_color04);
}
.info_txt.icon_type {
  padding-left: 24px;
  font-size: 13px;
}
.info_txt.icon_type::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23ccc'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}

/* 알림 */
.notice {
  text-align: center;
}
.notice .img img {
  width: 100px;
  height: 100px;
}
.notice .main_text {
  margin-top: 24px;
  color: var(--font_color01);
  font-size: 18px;
}
.notice .main_text em {
  font-weight: bold;
}
.notice .sub_text {
  margin-top: 16px;
  font-size: 14px;
  color: var(--font_color03);
}
.notice .sub_text02 {
  margin-top: 8px;
  font-size: 16px;
  color: var(--font_color03);
}
.notice .sub_text02 span {
  color: var(--font_color08);
}
.notice strong.tit {
  font-size: 22px;
}
.notice + .warning {
  margin-top: 12px;
}

.header.mui_active {
  background: #fff;
  z-index: 90;
}
.header .title_center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.header .title {
  font-size: 16px;
  color: var(--font_color01);
  font-weight: 700;
}
.header .inner {
  height: 56px;
  padding: 8px 88px;
  font-size: 0;
  position: 1;
}
.header .side_left {
  position: absolute;
  left: 8px;
  top: 8px;
}
.header .side_right {
  position: absolute;
  right: 8px;
  top: 8px;
}
.header button {
  width: 36px;
  height: 36px;
}
.header button.btn_prev::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header button.btn_home {
  background: url("/src/images/ico_home.svg") no-repeat center;
}
.header button.btn_allmenu {
  background: url("/src/images/ico_menu.svg") no-repeat center;
}

.sign_write .mui_modal_content {
  padding-bottom: 24px !important;
}
.sign_write .write_sec {
  border: 1px solid var(--bg_color02);
  background: var(--bg_color01);
  border-radius: 12px;
  height: 180px;
}
.sign_write .btn_sec {
  text-align: right;
  margin-top: 24px;
}
.sign_write .btn_sec button {
  font-size: 14px;
  color: var(--font_color01);
  display: inline-flex;
  align-items: center;
  margin-left: 12px;
}
.sign_write .btn_sec button.confirm::before {
  content: "";
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='20px' height='20px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.sign_write .btn_sec button.refresh::before {
  content: "";
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("/src/images/ico_refresh.svg") no-repeat center/24px;
  margin-right: 4px;
}
.sign_write.ipmt .write_sec {
  position: relative;
  height: calc(100svh - 360px);
}
.sign_write.ipmt .write_sec .write_canvas {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.sign_write.ipmt .write_sec .text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #D9D9D9;
  font-size: 14vw;
  text-align: center;
  pointer-events: none;
}

.pdf_viewer .mui_modal_header {
  background: var(--bg_color03);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.pdf_viewer.pdf .mui_modal_body {
  background: rgb(236, 236, 236);
}
.pdf_viewer.pdf .paging {
  top: 74px;
}
.pdf_viewer .mui_modal_body {
  background: var(--line_color02);
}
.pdf_viewer .mui_modal_content {
  padding: 0 !important;
}
.pdf_viewer .mui_button_fixed .inset {
  background: transparent;
}
.pdf_viewer .paging {
  position: absolute;
  top: 80px;
  left: 50%;
  border-radius: 8px;
  padding: 4px 14px;
  transform: translate(-50%, 0);
  background: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: var(--font_color06);
  z-index: 999;
}
.pdf_viewer .arrow {
  width: 48px;
  height: 96px;
  background: rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 50%;
  margin-top: -48px;
  z-index: 9999;
}
.pdf_viewer .arrow::after {
  content: "";
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36px' height='36px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 36px;
  height: 36px;
}
.pdf_viewer .arrow.left {
  left: 0;
  border-radius: 0 48px 48px 0;
  text-align: left;
}
.pdf_viewer .arrow.right {
  right: 0;
  border-radius: 48px 0 0 48px;
  text-align: right;
}
.pdf_viewer .arrow.right::after {
  transform: rotate(180deg);
}
.pdf_viewer .pdf_body {
  background: rgb(236, 236, 236);
}
.pdf_viewer .pdf_body #oz_mobile_pageNumber + div {
  padding-top: 64px;
}

.hide {
  display: none;
}

.tbl-wrap03.temrs_type {
  min-width: 0 !important;
}

.pdf_content {
  /* [약관 공통] 약관 라디오버튼 */
}
.pdf_content .tbl-wrap03.temrs_type {
  min-width: 0 !important;
}
.pdf_content .kdic_type, .pdf_content .pv-kdic-logo {
  margin: 0 auto;
  width: 92px;
  display: block;
}
.pdf_content .kdic_type img, .pdf_content .pv-kdic-logo img {
  width: 100%;
}
.pdf_content .pub_mydata .title {
  display: none;
}
.pdf_content .pub_mydata .title + .termsconditions_text01 {
  margin-top: 0;
}
.pdf_content .pub_mydata .title {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.pdf_content .pub_mydata .text_wrap {
  padding-bottom: 40px;
}
.pdf_content .pub_mydata .text_wrap .termsconditions_text01 + .termsconditions_text01 {
  margin-top: 12px;
}
.pdf_content .pub_mydata .termsconditions_text01 {
  margin-top: 10px;
  font-size: 13px;
  color: #888;
}
.pdf_content .pub_mydata .termsconditions_text01 strong {
  font-weight: 700;
  color: #888;
}
.pdf_content .pub_mydata .termsconditions_title01 {
  margin-top: 0;
  font-size: 13px;
  font-weight: 700;
  color: #111;
}
.pdf_content .pub_mydata .termsconditions_title01.round_type {
  display: inline-flex;
  align-items: center;
  gap: 0 4px;
  padding: 3px 8px 3px 4px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  background: var(--main-clr);
}
.pdf_content .pub_mydata .termsconditions_title01 em {
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  color: var(--main-clr);
  text-align: center;
  border-radius: 50%;
  background: #fff;
}
.pdf_content .pub_mydata .termsconditions_tablebox {
  margin-top: 16px;
  margin-bottom: 32px;
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 th {
  padding: 12px 8px;
  color: #111;
  text-align: left;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  background: #f9f9f9;
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 td {
  padding: 12px 8px;
  color: #888;
  border-top: 1px solid #e8e8e8;
  border-left: none;
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 td strong {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 td .underline {
  color: #111;
  border-bottom: 1px solid #111;
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 td p {
  color: #111;
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 .tbl_tdbg {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  margin: 12px -8px -12px -8px;
  padding: 12px 8px;
  background: rgba(182, 216, 229, 0.04);
}
.pdf_content .pub_mydata .termsconditions_tablebox .termsconditions_table01 .border_none_top {
  border-top: none;
}
.pdf_content .pub_mydata .termsconditions_list {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}
.pdf_content .pub_mydata .termsconditions_list li {
  color: #888;
}
.pdf_content .pub_mydata .termsconditions_list.gap_10 {
  gap: 10px 0;
}
.pdf_content .pub_mydata .fake_radio {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 12px;
  padding-top: 9px;
}
.pdf_content .pub_mydata .fake_radio li {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
  color: #111;
}
.pdf_content .pub_mydata .fake_radio li::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 11px;
  height: 11px;
  border: 1px solid #111;
  border-radius: 2px;
  box-sizing: border-box;
}
.pdf_content .pub_mydata .sign_sec {
  margin-top: 60px;
}
.pdf_content .pub_mydata .sign_sec .texts {
  font-size: 13px;
}
.pdf_content .pub_mydata .sign_sec .texts .date span {
  color: #111;
}
.pdf_content .pub_mydata .sign_sec .texts .sign {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  margin-top: 24px;
}
.pdf_content .pub_mydata .sign_sec .texts .sign > span {
  margin: 0;
  color: #111;
}
.pdf_content .popup-fulltit {
  display: none;
}
.pdf_content .common-layerpopup.popup-full {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  z-index: 0;
  border-radius: 0;
}
.pdf_content .common-layerpopup .popup-fulltit {
  color: var(--font_color01);
  font-size: 16px;
  font-weight: 700;
}
.pdf_content .common-layerpopup .popup-fullclose .layerpopup-close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: initial;
  text-indent: -10000px;
  overflow: hidden;
  z-index: 11000;
  background: url("/src/images/ico_close.svg") no-repeat center;
}
.pdf_content .termsconditions_box {
  display: inline-block;
  vertical-align: middle;
  /* 텍스트정렬 */
  /* 타이틀 / 본문1 */
  /* 팝업타이틀 / 본문2 / 금액 */
  /* 본문3 */
  /* 본문4 */
  /* 본문5 */
  /* 바디 서브타이틀 */
  /* 바디 서브타이틀 */
  /* [공통] 이체 */
  /*kjw*/
  /*kjw*/
  /* [단일] 권유직원찾기 */
  /* [공통] 완료페이지 table */
  /* [단일] 뱅킹관리 차감지급액 table */
  /* [단일] 뱅킹관리 table 상단 텍스트 */
  /* [공통] 예적금, 카드신청 table */
  /* [단일] sb_depdecltran_0300 */
  /* [단일] 신규서비스 */
  /* 20200904 1주년 이벤트 */
}
.pdf_content .termsconditions_box .termsconditions_list:first-child,
.pdf_content .termsconditions_box .termsconditions_title01:first-child,
.pdf_content .termsconditions_box .termsconditions_text01:first-child {
  margin-top: 0;
}
.pdf_content .termsconditions_box > img {
  width: auto;
}
.pdf_content .termsconditions_box td {
  text-align: left !important;
}
.pdf_content .termsconditions_box caption {
  display: none;
}
.pdf_content .termsconditions_box .label-wrap {
  position: relative;
  display: inline-block;
  height: 25px;
  margin-top: 5px;
}
.pdf_content .termsconditions_box .al-l {
  text-align: left !important;
}
.pdf_content .termsconditions_box .al-r {
  text-align: right !important;
}
.pdf_content .termsconditions_box .al-c {
  text-align: center !important;
}
.pdf_content .termsconditions_box .common-tit01 {
  font-size: 18px;
  font-weight: 600;
}
.pdf_content .termsconditions_box .common-tit02 {
  font-size: 17px;
  line-height: 23px;
}
.pdf_content .termsconditions_box .common-txt01 {
  font-size: 16px;
  line-height: 22px;
}
.pdf_content .termsconditions_box .common-txt02 {
  font-size: 15px;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pdf_content .termsconditions_box .common-txt03 {
  font-size: 14px;
  line-height: 21px;
}
.pdf_content .termsconditions_box .common-stit {
  position: relative;
  margin-top: 30px;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.pdf_content .termsconditions_box .common-stit .sub-sort {
  display: block;
  padding-bottom: 3px;
  color: var(--main-clr);
  font-size: 15px;
  font-weight: 500;
}
.pdf_content .termsconditions_box .common-stit .sub-sort.none {
  margin-bottom: -3px;
  padding-bottom: 0;
  font-weight: 300;
}
.pdf_content .termsconditions_box .common-stit .tip-text {
  position: absolute;
  top: -3px;
  right: 0;
}
.pdf_content .termsconditions_box .common-stit + .sub-info-msg {
  margin-bottom: -8px;
}
.pdf_content .termsconditions_box .common-stit {
  position: relative;
  margin-top: 30px;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.pdf_content .termsconditions_box .common-stit .sub-sort {
  display: block;
  padding-bottom: 3px;
  color: var(--main-clr);
  font-size: 15px;
  font-weight: 500;
}
.pdf_content .termsconditions_box .common-stit .sub-sort.none {
  margin-bottom: -3px;
  padding-bottom: 0;
  font-weight: 300;
}
.pdf_content .termsconditions_box .common-stit .tip-text {
  position: absolute;
  top: -3px;
  right: 0;
}
.pdf_content .termsconditions_box .common-stit + .sub-info-msg {
  margin-bottom: -8px;
}
.pdf_content .termsconditions_box .count-txt + .common-stit {
  margin-top: 20px;
}
.pdf_content .termsconditions_box .tbl-info + .common-stit {
  margin-top: 20px;
}
.pdf_content .termsconditions_box .common-stit + .common-stit {
  margin-top: 12px;
}
.pdf_content .termsconditions_box .common-stit + .common-noresult {
  margin-top: 7px;
}
.pdf_content .termsconditions_box .common-stit + .search-info {
  margin-top: 15px;
}
.pdf_content .termsconditions_box .common-stit + .common-btngroup {
  margin-top: 15px;
}
.pdf_content .termsconditions_box .common-stit + .common-btn {
  margin-top: 15px;
}
.pdf_content .termsconditions_box .guidance-box {
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
}
.pdf_content .termsconditions_box .guidance-box .text-box {
  float: left;
  margin-top: 5px;
}
.pdf_content .termsconditions_box .guidance-box .text-box .text {
  color: #333;
  font-size: 15px;
  font-weight: 500;
}
.pdf_content .termsconditions_box .guidance-box .text-box .corporation {
  margin-top: 6px;
  color: #333;
  font-size: 11px;
}
.pdf_content .termsconditions_box .guidance-box .obstruction {
  display: table;
  float: right;
  position: relative;
  min-width: 52px;
  text-align: center;
}
.pdf_content .termsconditions_box .guidance-box .obstruction:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  border: 1px dashed #cc0000;
  border-radius: 50%;
  text-align: center;
}
.pdf_content .termsconditions_box .guidance-box .obstruction .table-cell {
  display: table-cell;
  height: 51px;
  vertical-align: middle;
}
.pdf_content .termsconditions_box .guidance-box .obstruction span {
  display: block;
  padding-left: 3px;
  margin-top: 2px;
}
.pdf_content .termsconditions_box .guidance-box .obstruction .title {
  font-size: 11px;
}
.pdf_content .termsconditions_box .guidance-box .obstruction .date {
  font-size: 8px;
}
.pdf_content .termsconditions_box .guidance-box .obstruction .name {
  font-size: 8px;
}
.pdf_content .termsconditions_box .guidance-box.type01 .obstruction {
  min-width: 75px;
}
.pdf_content .termsconditions_box .guidance-box.type01 .obstruction:before {
  left: calc(50% - 35px);
  width: 70px;
  height: 70px;
}
.pdf_content .termsconditions_box .guidance-box.type01 .obstruction .table-cell {
  height: 72px;
}
.pdf_content .termsconditions_box input[type=checkbox] {
  display: none;
}
.pdf_content .termsconditions_box input[type=checkbox] {
  width: 21px;
  height: 21px;
}
.pdf_content .termsconditions_box input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 23px;
}
.pdf_content .termsconditions_box input[type=checkbox] + label {
  padding: 4px 0 3px 27px;
  color: #666;
  font-size: 12px;
  vertical-align: -2px;
}
.pdf_content .termsconditions_box input[type=checkbox] + label:after {
  top: 2px;
  width: 21px;
  height: 21px;
  background-image: url("/img/common/bullet/bul_check01.png");
  background-size: 21px;
}
.pdf_content .termsconditions_box input[type=checkbox]:checked + label:after {
  background-image: url("/img/common/bullet/bul_check01_on.png");
}
.pdf_content .termsconditions_box input[type=checkbox]:checked + label {
  color: var(--main-clr);
}
.pdf_content .termsconditions_box .label-wrap label {
  color: #333;
  font-size: 12px;
  vertical-align: 1px;
}
.pdf_content .termsconditions_box .chk-wrap {
  width: 100%;
  margin-top: 5px;
  text-align: left;
}
.pdf_content .termsconditions_box .chk-wrap .label-wrap {
  margin-top: 5px;
}
.pdf_content .termsconditions_box .chk-wrap .label-wrap {
  margin-right: 10px;
}
.pdf_content .termsconditions_box .termsconditions_thema01 {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
}
.pdf_content .termsconditions_box .termsconditions_thema01:first-child {
  margin-top: 0;
}
.pdf_content .termsconditions_box .termsconditions_title01,
.pdf_content .termsconditions_box .termsconditions_title02 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
}
.pdf_content .termsconditions_box .termsconditions_text01 {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5;
}
.pdf_content .termsconditions_box .termsconditions_list {
  margin-top: 15px;
}
.pdf_content .termsconditions_box .termsconditions_list li {
  font-size: 12px;
  line-height: 1.5;
}
.pdf_content .termsconditions_box .termsconditions_caution {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5;
}
.pdf_content .termsconditions_box .paymentinfo-wrap {
  margin-bottom: 15px;
}
.pdf_content .termsconditions_box .tbl-wrap {
  margin-top: 20px;
  border-top: 1px solid #888;
  border-bottom: 1px solid #f2f2f2;
}
.pdf_content .termsconditions_box .tbl-wrap:first-child {
  margin-top: 0;
}
.pdf_content .termsconditions_box .tbl-style01 {
  width: 100%;
  table-layout: fixed;
  background: #fff;
}
.pdf_content .termsconditions_box .tbl-style01 thead th {
  border-left: 1px solid #f2f2f2;
}
.pdf_content .termsconditions_box .tbl-style01 tfoot th,
.pdf_content .termsconditions_box .tbl-style01 tfoot td {
  background-color: transparent;
}
.pdf_content .termsconditions_box .tbl-style01 th {
  min-height: 54px;
  padding: 16px 10px;
  border-top: 1px solid #f2f2f2;
  color: #888;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  line-height: 1.3;
}
.pdf_content .termsconditions_box .tbl-style01 td {
  min-height: 54px;
  padding: 16px 10px;
  border: 1px solid #f2f2f2;
  color: #111;
  font-size: 14px;
  text-align: right;
  word-break: break-all;
  line-height: 1.3;
}
.pdf_content .termsconditions_box .tbl-wrap.al-c th,
.pdf_content .termsconditions_box .tbl-wrap.al-c td {
  text-align: center;
}
.pdf_content .termsconditions_box .tbl-wrap.mx-none {
  margin-right: 0;
  margin-left: 0;
}
.pdf_content .termsconditions_box .tbl-wrap02 {
  margin: 20px 0 0;
  background: #fff;
  border-radius: 7px;
  padding: 20px 15px 0;
}
.pdf_content .termsconditions_box .tbl-style03 {
  width: 100%;
}
.pdf_content .termsconditions_box .tbl-style03 th {
  padding-bottom: 15px;
  color: #666;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  vertical-align: top;
}
.pdf_content .termsconditions_box .tbl-style03 td {
  padding-bottom: 15px;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
  vertical-align: top;
  padding-left: 7px !important;
}
.pdf_content .termsconditions_box .common-stit + .tbl-wrap02 {
  margin-top: 12px;
}
.pdf_content .termsconditions_box .tbl-wrap02.mx-none {
  margin-right: 0;
  margin-left: 0;
}
.pdf_content .termsconditions_box .tbl-wrap02 + .tbl-wrap02 {
  margin-top: 30px;
}
.pdf_content .termsconditions_box .tbl-style03 th {
  color: #999;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  vertical-align: top;
}
.pdf_content .termsconditions_box .tbl-style03 td {
  color: #333;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
  vertical-align: top;
  padding-left: 7px !important;
}
.pdf_content .termsconditions_box .tbl-wrap03 {
  border-top: 1px solid #666;
  border-bottom: 1px solid #cccccc;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 th {
  border-top: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 th:first-child {
  border-right: 1px solid #f2f2f2;
  border-left: 0;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 td:first-child {
  border-left: none;
  border-right: 1px solid #f2f2f2;
  text-align: center;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 td:nth-child(2) {
  overflow: hidden;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 td .r-btn {
  float: left;
  margin-top: 6px;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 td .tbl-button {
  float: right;
}
.pdf_content .termsconditions_box .tbl-wrap03 .tbl-style01 td button {
  width: 50px;
  padding: 5px 0;
  background-color: var(--main-clr);
  color: #fff;
  font-size: 12px;
}
.pdf_content .termsconditions_box .common-titmenu + .tbl-wrap03 {
  margin-top: 15px;
}
.pdf_content .termsconditions_box .tbl-wrap04 {
  margin-top: 20px;
}
.pdf_content .termsconditions_box .tbl-style04 {
  width: 100%;
}
.pdf_content .termsconditions_box .tbl-style04 th {
  height: 34px;
  padding: 4px 15px 2px 18px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.pdf_content .termsconditions_box .tbl-style04 td {
  height: 34px;
  padding: 4px 15px 2px 15px;
  border: 1px solid #ccc;
  border-left: 0px;
  font-size: 12px;
  text-align: left;
}
.pdf_content .termsconditions_box .tbl-style04 td.col-td {
  padding-top: 8px;
  padding-bottom: 6px;
  border-left: 1px solid #ccc;
  line-height: 20px;
}
.pdf_content .termsconditions_box .tbl-wrap05 {
  margin: 15px 0 0;
  padding-top: 20px;
  border-top: 1px solid #333;
}
.pdf_content .termsconditions_box .tbl-style05 {
  width: 100%;
}
.pdf_content .termsconditions_box .tbl-style05 th {
  height: 25px;
  padding-left: 18px;
  text-align: left;
  color: #666;
  font-size: 12px;
}
.pdf_content .termsconditions_box .tbl-style05 td {
  height: 25px;
  padding-right: 18px;
  font-size: 12px;
}
.pdf_content .termsconditions_box .tbl-style05 tbody.bg-tax {
  background: #f4f4f4;
}
.pdf_content .termsconditions_box .tbl-style05 tbody.bg-tax tr:first-child th,
.pdf_content .termsconditions_box .tbl-style05 tbody.bg-tax tr:first-child td {
  padding-top: 13px;
}
.pdf_content .termsconditions_box .tbl-style05 tbody.bg-tax tr:last-child th,
.pdf_content .termsconditions_box .tbl-style05 tbody.bg-tax tr:last-child td {
  padding-bottom: 13px;
}
.pdf_content .termsconditions_box .tbl-style05 tfoot tr {
  height: 45px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.pdf_content .termsconditions_box .tbl-style05 tfoot th {
  font-size: 14px;
  font-weight: 500;
}
.pdf_content .termsconditions_box .tbl-info .text {
  margin-top: 15px;
  font-size: 11px;
  color: #666;
}
.pdf_content .termsconditions_box .tbl-wrap06 {
  border-top: 1px solid #666;
}
.pdf_content .termsconditions_box .tbl-style06 {
  width: 100%;
  text-align: center;
}
.pdf_content .termsconditions_box .tbl-style06 th, .pdf_content .termsconditions_box .tbl-style06 td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 11px;
}
.pdf_content .termsconditions_box .tbl-style06 th {
  height: 40px;
  padding: 0 8px;
  background: #f7f7f7;
  color: #333;
  font-weight: 700;
}
.pdf_content .termsconditions_box .tbl-style06 th:last-child {
  border-right: none;
}
.pdf_content .termsconditions_box .tbl-style06 td {
  padding: 13px 8px;
  color: #666;
  line-height: 17px;
}
.pdf_content .termsconditions_box .tbl-style06 td:last-child {
  border-right: none;
}
.pdf_content .termsconditions_box .tbl-style06 td .common-list02 {
  text-align: left;
}
.pdf_content .termsconditions_box .tbl-wrap06 + .tbl-wrap06 {
  margin-top: 25px;
}
.pdf_content .termsconditions_box .common-layerpopup .tbl-wrap,
.pdf_content .termsconditions_box .common-layerpopup .tbl-wrap02 {
  margin: 15px 0 0;
}
.pdf_content .termsconditions_box .tbl-style01.s-font td {
  padding: 11px 12px 8px 12px;
  font-size: 13px;
}
.pdf_content .termsconditions_box .form-box.type07 {
  border-bottom: none;
}
.pdf_content .termsconditions_box .tbl-style07 {
  width: 100%;
}
.pdf_content .termsconditions_box .tbl-style07 th {
  padding: 5px 15px 5px 18px;
  color: #666;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  vertical-align: top;
}
.pdf_content .termsconditions_box .tbl-style07 td {
  padding: 5px 18px 5px 15px;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
  vertical-align: top;
  padding-left: 7px !important;
}
.pdf_content .termsconditions_box .label-blank {
  color: #fff !important;
  margin: 0 !important;
}
.pdf_content .termsconditions_box .tbl-wrap08 {
  padding: 0 20px;
}
.pdf_content .termsconditions_box .tbl-style08 {
  width: 100%;
  text-align: left;
}
.pdf_content .termsconditions_box .tbl-style08 tr {
  height: 50px;
  line-height: 50px;
}
.pdf_content .termsconditions_box .tbl-style08 th {
  width: 75px;
  font-size: 12px;
  color: #818181;
}
.pdf_content .termsconditions_box .tbl-style08 th.type01 {
  vertical-align: top;
}
.pdf_content .termsconditions_box .tbl-style08 td {
  font-size: 12px;
  color: #000;
}
.pdf_content .termsconditions_box .kdic-text-box img {
  width: 100px;
  margin-bottom: 12px;
}
.pdf_content .termsconditions_box .termsconditions_text01 {
  margin-top: 10px;
  font-size: 13px;
  color: #888;
}
.pdf_content .termsconditions_box .termsconditions_text01 strong {
  font-weight: 700;
  color: #888;
}
.pdf_content .termsconditions_box .termsconditions_list + .termsconditions_title01,
.pdf_content .termsconditions_box .termsconditions_text01 + .termsconditions_title01 {
  margin-top: 20px;
}
.pdf_content .termsconditions_box .termsconditions_title01 {
  font-size: 13px;
  font-weight: 700;
  color: #111;
}
.pdf_content .termsconditions_box .termsconditions_title01.round_type {
  display: inline-flex;
  align-items: center;
  gap: 0 4px;
  padding: 3px 8px 3px 4px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  background: var(--main_color01);
}
.pdf_content .termsconditions_box .termsconditions_title01 em {
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  color: var(--main_color01);
  text-align: center;
  border-radius: 50%;
  background: #fff;
}
.pdf_content .termsconditions_box .termsconditions_tablebox {
  margin-top: 16px;
  margin-bottom: 32px;
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 th {
  padding: 12px 8px;
  color: #111;
  text-align: left;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  background: #f9f9f9;
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 td {
  padding: 12px 8px;
  color: #888;
  border-top: 1px solid #e8e8e8;
  border-left: none;
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 td strong {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 td .underline {
  color: #111;
  border-bottom: 1px solid #111;
  text-decoration: none !important;
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 td p {
  color: #111;
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 .tbl_tdbg {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  margin: 12px -8px -12px -8px;
  padding: 12px 8px;
  background: rgba(182, 216, 229, 0.04);
}
.pdf_content .termsconditions_box .termsconditions_tablebox .termsconditions_table01 .border_none_top {
  border-top: none;
}
.pdf_content .termsconditions_box .termsconditions_list {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}
.pdf_content .termsconditions_box .termsconditions_list li {
  color: #888;
}
.pdf_content .termsconditions_box .termsconditions_list.gap_10 {
  gap: 10px 0;
}
.pdf_content .termsconditions_box .fake_radio {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 12px;
  padding-top: 9px;
}
.pdf_content .termsconditions_box .fake_radio li {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
  color: #111;
}
.pdf_content .termsconditions_box .fake_radio li::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 11px;
  height: 11px;
  border: 1px solid #111;
  border-radius: 2px;
  box-sizing: border-box;
}
.pdf_content .termsconditions_box .sign_sec {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}
.pdf_content .termsconditions_box .sign_sec .texts {
  font-size: 13px;
}
.pdf_content .termsconditions_box .sign_sec .texts .date span {
  color: #111;
}
.pdf_content .termsconditions_box .sign_sec .texts .sign {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  margin-top: 24px;
}
.pdf_content .termsconditions_box .sign_sec .texts .sign > span {
  margin: 0;
  color: #111;
}
.pdf_content .terms-wrap:first-child .termsconditions_box:first-child .termsconditions_text01:first-child {
  margin-top: 0;
}
.pdf_content .terms {
  position: relative;
}
.pdf_content .terms .num-box {
  padding: 8px 16px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  position: fixed;
  bottom: 84px;
  left: 50%;
  transform: translate(-50%, 0);
  color: var(--font_color06);
}
.pdf_content .terms .num-box .num {
  line-height: 15px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
.pdf_content .terms .term-pagenation {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -17px;
  z-index: 99;
}
.pdf_content .terms .term-pagenation .prev {
  position: absolute;
  top: 0;
  left: 0;
}
.pdf_content .terms .term-pagenation .next {
  position: absolute;
  top: 0;
  right: 0;
}
.pdf_content .terms .term-pagenation .next .btn_move {
  background: url("/src/images/btn_next.svg") no-repeat center;
}
.pdf_content .terms .term-pagenation .btn_move {
  width: 48px;
  height: 96px;
  font-size: 0;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  background: url("/src/images/btn_prev.svg") no-repeat center;
}
.pdf_content .new_tab ul {
  display: flex;
  background: #F7F8FA;
  border-radius: 8px;
}
.pdf_content .new_tab ul li {
  flex: 1;
}
.pdf_content .new_tab ul li.current .tab {
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  background: var(--main_color02);
}
.pdf_content .new_tab ul .tab {
  display: block;
  text-align: center;
  height: 40px;
  color: #555;
  line-height: 40px;
  font-size: 16px;
}
.pdf_content .new_tab.type2 .list {
  height: 40px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.pdf_content .new_tab.type2 .list li {
  position: relative;
}
.pdf_content .new_tab.type2 .list li.current a {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main_color01);
  border-radius: 6px;
}
.pdf_content .tbl_wrap {
  text-align: center;
  border-top: 1px solid #333;
}
.pdf_content .tbl_wrap table th, .pdf_content .tbl_wrap table td {
  padding: 9px 10px;
  font-size: 14px;
  word-break: break-all;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}
.pdf_content .tbl_wrap table th {
  color: #333;
  background: #f6f6f6;
}
.pdf_content .tbl_wrap table td strong {
  color: #111;
  word-break: break-all;
}
.pdf_content .tbl_wrap.type2 table th, .pdf_content .tbl_wrap.type2 table td {
  padding: 12px 8px;
  color: #111;
  text-align: left;
}
.pdf_content .tbl_wrap.type2 table th {
  font-size: 12px;
  background: #f9f9f9;
}
.pdf_content .tbl_wrap.type2 table td {
  font-size: 14px;
}
.pdf_content .tbl_wrap.type2 table + .txt {
  padding-top: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #111;
  text-align: center;
}
.pdf_content .tbl_wrap.type2 table + .txt .underline {
  color: #111;
  border-bottom: 1px solid #111;
}
.pdf_content .temrs_type {
  margin-bottom: 32px;
}
.pdf_content .temrs_type table th {
  background: #f6f6f6;
}
.pdf_content .temrs_type table th, .pdf_content .temrs_type table td {
  padding: 12px 8px;
  font-size: 12px;
}
.pdf_content .popup-fulltit + .popup-fullcontent {
  height: calc(100% - 95px);
  overflow-x: auto;
}
.pdf_content .popup-fulltit + .popup-fullcontent .temrs_type {
  margin-bottom: 32px;
}
.pdf_content .renpro_pop.popup-full.unit-pop {
  padding-bottom: 150px;
}
.pdf_content .renpro_pop.popup-full.unit-pop .popup-fullcontent {
  height: calc(100% - 95px) !important;
}
.pdf_content .renpro.popup-fullcontent.calc-layer .layer {
  height: auto;
  margin-top: 32px;
}
.pdf_content .renpro .agree {
  margin-top: 12px;
  display: flex;
}
.pdf_content .renpro .agree.type2 {
  margin-top: 0;
  display: inline-flex;
}
.pdf_content .renpro .agree.type2 .chk {
  display: inline-flex;
}
.pdf_content .renpro .agree p {
  font-size: 14px;
  color: #111;
  font-weight: 700;
}
.pdf_content .renpro .agree p + .chk {
  margin-left: 18px;
}
.pdf_content .renpro .agree .chk {
  font-size: 14px;
}
.pdf_content .renpro .agree .chk span {
  margin-right: 16px;
  display: inline-flex;
}
.pdf_content .renpro .mini_title {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-top: 24px;
}
.pdf_content .renpro .mini_title2 {
  font-size: 16px;
  color: #555;
  margin-top: 24px;
}
.pdf_content .renpro .mini_title2 strong {
  font-weight: 700;
  color: #111;
}
.pdf_content .renpro .scr_table {
  overflow: auto;
}
.pdf_content .renpro .common-paragraph {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}
.pdf_content .renpro .common-paragraph strong {
  color: #111;
}
.pdf_content .renpro ~ .btn-area.btn-bottom {
  display: block;
}
.pdf_content .renpro ~ .btn-area.btn-bottom .info_txt {
  margin-bottom: 20px;
}
.pdf_content .renpro .ico_list {
  margin-top: 24px;
}
.pdf_content .renpro .ico_list .common-paragraph {
  padding-left: 48px;
  position: relative;
}
.pdf_content .renpro .ico_list .common-paragraph::before {
  content: "";
  display: block;
  width: 38px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
}
.pdf_content .renpro .ico_list .common-paragraph ~ .common-paragraph {
  margin-top: 16px;
}
.pdf_content .renpro .ico_list .common-paragraph:nth-child(1)::before {
  background: url("/img/content/smart_new/reno_ico02.png") no-repeat center;
  background-size: 100%;
}
.pdf_content .renpro .ico_list .common-paragraph:nth-child(2)::before {
  background: url("/img/content/smart_new/reno_ico03.png") no-repeat center;
  background-size: 100%;
}
.pdf_content .renpro .grey_box {
  background: #F7F8FA;
  border-radius: 12px;
  padding: 80px 16px 20px;
  position: relative;
}
.pdf_content .renpro .grey_box::before {
  content: "";
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  top: 24px;
  margin-left: -22px;
  background: url("/img/content/smart_new/reno_ico01.png") no-repeat center;
  background-size: 44px;
}
.pdf_content .renpro .grey_box p {
  font-size: 14px;
  color: #111;
}
.pdf_content .renpro .point_box {
  padding: 16px;
  border-radius: 12px;
  font-size: 14px;
  color: #111;
  background-color: #DFF5F1;
}
.pdf_content .renpro .grey_box2 {
  background: #F7F8FA;
  border-radius: 12px;
  padding: 20px 16px;
  position: relative;
}
.pdf_content .renpro .grey_box2 p {
  font-size: 14px;
  color: #111;
}
.pdf_content .renpro .img {
  margin-top: 28px;
}
.pdf_content .renpro .img img {
  max-width: 100%;
}
.pdf_content .renpro .tbl-wrap03 {
  border-top: 1px solid #333;
  border-bottom: 0 none;
  margin-top: 16px;
}
.pdf_content .renpro .tbl-wrap03 .tbl-style01 {
  width: 100%;
}
.pdf_content .renpro .tbl-wrap03 .tbl-style01 th {
  padding: 12px 0;
  font-size: 14px;
  color: #333;
  background: #F6F6F6;
}
.pdf_content .renpro .tbl-wrap03 .tbl-style01 td {
  border-left: 0 none;
  border-right: 0 none;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  padding: 12px 16px;
}
.pdf_content .renpro .tbl-wrap03 .tbl-style01 td.em {
  color: #507FD5;
}
.pdf_content .renpro .tbl-wrap03 .tbl-style01 tbody th {
  font-size: 12px;
}
.pdf_content .renpro .termsconditions_box .termsconditions_title01,
.pdf_content .renpro .termsconditions_box .termsconditions_title02,
.pdf_content .renpro h3.common-stit strong {
  color: var(--font_color02);
  font-weight: 700;
}
.pdf_content .renpro h2.common-stit {
  text-align: center;
  line-height: 32px;
}
.pdf_content .renpro h2.common-stit strong {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  position: relative;
}
.pdf_content .renpro h2.common-stit strong::after {
  content: "";
  display: block;
  background: #00EAEA;
  height: 8px;
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  z-index: -1;
}
.pdf_content .renpro h3.common-stit {
  margin-top: 32px;
}
.pdf_content .renpro h3.common-stit strong {
  font-size: 18px;
}
.pdf_content .popup-fullcontent .text_wrap {
  padding-bottom: 40px;
}
.pdf_content .radio-box-wrap .radio-box {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.pdf_content .radio-box-wrap .radio-box input[type=radio] + label,
.pdf_content .radio-box-wrap .radio-box input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  padding: 4px 0 3px 32px;
  margin-right: 25px;
  color: #333;
  font-size: 14px;
}
.pdf_content .radio-box-wrap .radio-box input[type=radio] + label:after,
.pdf_content .radio-box-wrap .radio-box input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 23px;
}
.pdf_content .radio-box-wrap .radio-box input[type=radio] + label {
  font-size: 12px;
}
.pdf_content .radio-box-wrap .radio-box .input[type=radio] + label:after {
  width: 21px;
  height: 21px;
  background: transparent;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.pdf_content .radio-box-wrap .radio-box .input[type=radio]:checked + label:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: var(--main_color01);
  border-radius: 50%;
}
.pdf_content .radio-box-wrap .radio-box .input[type=radio]:checked + label:after {
  border-color: var(--main_color01);
}
.pdf_content .radio-box-wrap .radio-box .input[type=radio]:checked + label {
  color: var(--main_color01);
}
.pdf_content .radio-box-wrap .radio-box input[type=radio] + label:after {
  width: 21px;
  height: 21px;
  background: transparent;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.pdf_content .radio-box-wrap .radio-box input[type=radio]:checked + label:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: var(--main_color01);
  border-radius: 50%;
}
.pdf_content .radio-box-wrap .radio-box input[type=radio]:checked + label:after {
  border-color: var(--main_color01);
}
.pdf_content .radio-box-wrap .radio-box input[type=radio]:checked + label {
  color: var(--main_color01);
}
.pdf_content .radio-box-wrap input[type=checkbox] {
  position: absolute;
  width: 23px;
  height: 23px;
  margin: 0;
}
.pdf_content .radio-box-wrap input[type=radio] {
  position: absolute;
  width: 23px;
  height: 23px;
  margin: 0;
}
.pdf_content .radio-box-wrap input[type=radio].ra-new {
  width: 100%;
  height: 100%;
}
.pdf_content .radio-box-wrap input[type=file] {
  position: absolute;
  width: 23px;
  height: 23px;
  margin: 0;
  opacity: 0;
}
.pdf_content .radio-box-wrap input {
  position: absolute;
  width: 23px;
  height: 23px;
  margin: 0;
}
.pdf_content .radio-box-wrap input[type=checkbox], .pdf_content .radio-box-wrap input[type=radio] {
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  outline: none;
  font-family: "NanumBarun", sans-serif;
}
.pdf_content .btn-area {
  display: flex;
}
.pdf_content .popup-fullclose {
  display: none;
}
.pdf_content .btn-area.btn-bottom {
  height: 95px;
}
.pdf_content .btn-area.btn-bottom .btn-cell {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  z-index: 20;
  background: var(--bg_color03);
}
.pdf_content .btn-area .btn-cell {
  flex: 1 1 0;
  position: relative;
  min-height: 30px;
  padding: 0;
  border: none;
  box-sizing: border-box;
  white-space: normal;
}
.pdf_content a.btn-basic {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 55px;
  background: var(--main_color01);
  border-radius: 7px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  overflow: hidden;
  outline: none;
}
.pdf_content .termsconditions_tablebox {
  margin-top: 20px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
.pdf_content .termsconditions_table01 {
  width: 100%;
}
.pdf_content .termsconditions_table01 thead th {
  border-left: 1px solid #ccc;
  text-align: center;
}
.pdf_content .termsconditions_table01 thead th:first-child {
  border-left: none;
}
.pdf_content .termsconditions_table01 tfoot th .termsconditions_table01 tfoot td {
  background-color: #efefef;
}
.pdf_content .termsconditions_table01 th {
  padding: 8px;
  border-top: 1px solid #ccc;
  background: #f7f7f7;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  word-break: break-all;
  line-height: 1.3;
}
.pdf_content .termsconditions_table01 td {
  padding: 8px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  text-align: center;
  word-break: break-all;
  line-height: 1.3;
}
.pdf_content .termsconditions_table01 td:first-child {
  border-left: none;
}
.pdf_content .termsconditions_tablebox .al-c th,
.pdf_content .termsconditions_tablebox .al-c td {
  text-align: center;
}
.pdf_content .termsconditions_tablebox .mx-none {
  margin-right: 0;
  margin-left: 0;
}
.pdf_content .termsconditions_tablebox .termsconditions_table01 thead th {
  border-top: none;
}
.pdf_content .termsconditions_list .termsconditions_tablebox {
  margin-bottom: 20px;
}
.pdf_content .termsconditions_box .radio-box-wrap .radio-box {
  display: inline-block;
  width: auto;
}
.pdf_content .termsconditions_table02 {
  width: 100%;
  table-layout: fixed;
}
.pdf_content .termsconditions_table02 thead th {
  border-left: 1px solid #ccc;
}
.pdf_content .termsconditions_table02 tfoot th,
.pdf_content .termsconditions_table02 tfoot td {
  background-color: #efefef;
}
.pdf_content .termsconditions_table02 th {
  padding: 8px 15px 8px 15px;
  border-top: 1px solid #ccc;
  background: #f7f7f7;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  word-break: break-all;
  line-height: 1.3;
}
.pdf_content .termsconditions_table02 td {
  padding: 8px 15px 8px 15px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  text-align: left;
  word-break: break-all;
  line-height: 1.3;
}
.pdf_content table .termsconditions_table02 th, .pdf_content table .termsconditions_table02 td {
  padding: 5px;
}
.pdf_content .tbl-wrap .termsconditions_table02 tr:first-child th, .pdf_content .tbl-wrap .termsconditions_table02 tr:first-child td {
  border-top: none;
}
.pdf_content .tbl-wrap.al-c th,
.pdf_content .tbl-wrap.al-c td {
  text-align: center;
}

.popup._FSB_LayerPopupArea {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup._FSB_LayerPopupArea .dim-bg {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup._FSB_LayerPopupArea .common-layerpopup {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  transform: translate(0, -50%);
  z-index: 2;
  background-color: var(--bg_color03);
  border-radius: 20px;
  padding: 20px 12px 20px;
}
.popup._FSB_LayerPopupArea .dateselect-box {
  text-align: center;
}
.popup._FSB_LayerPopupArea .dateselect-box .text {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color02);
  padding: 0 6px;
}
.popup._FSB_LayerPopupArea .dateselect-box .prev,
.popup._FSB_LayerPopupArea .dateselect-box .next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  vertical-align: 2px;
}
.popup._FSB_LayerPopupArea .dateselect-box .next {
  transform: rotate(180deg);
}
.popup._FSB_LayerPopupArea .dateselect-box .next + .prev {
  margin-left: 4px;
}
.popup._FSB_LayerPopupArea .dateselect-box button {
  text-indent: -9999em;
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap {
  margin-top: 20px;
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap table {
  width: 100%;
  text-align: center;
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap thead th {
  height: 42px;
  font-weight: 400;
  font-size: 12px;
  color: var(--font_color03);
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap tbody td {
  height: 42px;
  font-size: 14px;
  color: var(--font_color02);
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap tbody td.sun {
  color: #f00;
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap tbody td.sat {
  color: var(--font_color07);
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap tbody td.next-day {
  color: var(--basic_color04);
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap tbody td.today .box {
  color: var(--font_color06);
  background: var(--main_color01);
}
.popup._FSB_LayerPopupArea .tbl-calendar-wrap tbody td .box {
  width: 38px;
  height: 38px;
  display: inline-block;
  border-radius: 19px;
  line-height: 38px;
}
.popup._FSB_LayerPopupArea .common-closepopup02 {
  position: absolute;
  top: 20px;
  right: 16px;
}
.popup._FSB_LayerPopupArea .common-closepopup02 button {
  width: 24px;
  height: 24px;
  background: url("/src/images/ico_close.svg") no-repeat center;
  text-indent: -9999em;
}

.test {
  background: #eee;
}

.mui_focusin .bottom_fixed, .mui_focusin .mui_button_fixed .inset {
  position: static !important;
}

.main_pop .mui_modal_content {
  padding-bottom: 0 !important;
}

.login {
  overflow: auto;
  padding: 0 24px;
}
.login .mui_text.link {
  margin-top: 12px;
}
.login .mui_text.link a {
  color: var(--main_color01);
}
.login .mui_text.link a::after {
  background: var(--main_color01);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16.002 15.998'%3E%3Cg transform='translate(0.457 15.542) rotate(-90)'%3E%3Cpath d='M8213.542,22443.545h-16v-16h16v16Zm-12-9.75a.748.748,0,0,0-.529,1.277l4,4a.751.751,0,0,0,1.06,0l4-4a.75.75,0,0,0,0-1.059.75.75,0,0,0-1.059,0l-3.47,3.471-3.47-3.471A.745.745,0,0,0,8201.544,22433.795Z' transform='translate(-8198 -22428)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
  top: 1px;
}
.login .mui_form:first-child {
  margin-top: 24px;
}
.login.type1 {
  padding-bottom: 180px;
}
.login.type2 {
  padding-bottom: 130px;
}
.login .main_title {
  margin-top: 32px;
  text-align: center;
}
.login .main_title + .mui_form {
  margin-top: 56px;
}
.login .main_title.type2 {
  margin-top: 24px;
  text-align: left;
}
.login .result_box {
  background: var(--bg_color02);
  text-align: center;
  padding: 32px 0;
  border-radius: 20px;
  margin-top: 24px;
}
.login .result_box p {
  color: var(--main_color01);
  font-size: 16px;
  font-weight: 700;
}
.login .sub_txt {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 24px;
}
.login .ico {
  margin-top: 32px;
  text-align: center;
}
.login .ico img {
  width: 120px;
  height: 120px;
}
.login .support_link {
  margin-top: 32px;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-bottom: 183px;
}
.login .support_link a {
  font-size: 13px;
  color: var(--basic_color04);
  position: relative;
}
.login .support_link a.highlight {
  color: var(--main_color01);
}
.login .support_link a ~ a {
  margin-left: 12px;
  padding-left: 13px;
}
.login .support_link a ~ a:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 3px;
  left: 0;
  background: var(--line_color02);
}
.login .bottom_fixed {
  text-align: center;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bg_color03);
}
.login .etc_txt {
  display: flex;
  justify-content: center;
}
.login .etc_txt span {
  padding-left: 24px;
  color: var(--basic_color04);
  font-size: 13px;
  position: relative;
}
.login .etc_txt span::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23ccc'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.login .mui_button_custom.round-40 {
  margin: 16px 0 24px;
}
.login .btn_wrap {
  margin: 0 -16px;
  padding: 40px 0 16px;
}
.login .btn_wrap.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 32px;
}
.login .total {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color03);
}
.login .total em {
  font-weight: 700;
  color: var(--main_color01);
}
.login .acc_list_result {
  margin-top: 12px;
}
.login .acc_list_result .list {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  padding: 20px;
}
.login .acc_list_result .list ~ .list {
  margin-top: 16px;
}
.login .acc_list_result .list dt {
  font-size: 14px;
  color: var(--basic_color01);
}
.login .acc_list_result .list dd {
  font-size: 13px;
  color: var(--basic_color04);
  margin-top: 4px;
  line-height: 20px;
}
.login .acc_list_result .list dd .copy {
  display: inline-flex;
  padding: 4px 10px 3px;
  color: #5c627c;
  line-height: initial;
  background: var(--bg_color02);
  border-radius: 12px;
}
.login .mui_link_text {
  margin-top: 16px;
}

.toast_pop_wrap {
  position: fixed;
  z-index: 9999;
  left: 24px;
  right: 24px;
  bottom: 0;
  overflow: hidden;
  height: auto;
  opacity: 0;
  text-align: center;
  transition: all 0.3s;
}
.toast_pop_wrap .toast {
  padding: 16px 24px 16px;
  line-height: 24px;
  border-radius: 32px;
  background: var(--basic_color02);
  color: var(--font_color06);
  position: relative;
}

.toast__box {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  width: max-content;
  max-width: calc(100% - 32px);
  padding: 12px 16px;
  background-color: rgba(92, 98, 124, 0.9490196078);
  border-radius: 32px;
  z-index: 100;
}
.toast__box--top {
  position: fixed;
  left: 50%;
  top: 92px;
  transform: translateX(-50%);
  animation: toastSlideDown 0.4s ease;
}
@keyframes toastSlideDown {
  0% {
    transform: translate(-50%, -30px);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
.toast__box--bottom {
  position: fixed;
  left: 50%;
  bottom: 92px;
  transform: translateX(-50%);
  animation: toastSlideUp 0.4s ease;
}
@keyframes toastSlideUp {
  0% {
    transform: translate(-50%, 30px);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
.toast__box--bubble {
  padding: 8px 12px;
  border-radius: 7px;
  animation: toastSlideUp 0.4s ease, toastFloating 0.4s 0.4s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite alternate;
}
.toast__box--bubble::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 12px;
  height: 12px;
  background-color: #5c627c;
  border-radius: 2px;
  transform: translateX(-6px) rotate(45deg);
}
@keyframes toastFloating {
  0% {
    transform: translate(-50%, 0);
  }
  100% {
    transform: translate(-50%, 8px);
  }
}
.toast__message {
  font-size: 12px;
  color: #fff;
}

.ico-circle {
  position: relative;
  width: 20px;
  height: 20px;
}
.ico-circle__ring {
  position: absolute;
  top: 0;
  left: 0;
}
.ico-circle__circle {
  fill: none;
  stroke: white;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 56.52;
  stroke-dashoffset: 56.52;
  animation: ico-circle-draw-line 1s ease forwards;
  transform: rotate(-90deg);
  transform-origin: center;
}
.ico-circle__fill {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: white;
  animation: ico-circle-fill-bg 0.3s ease forwards;
  animation-delay: 1s;
  opacity: 0;
}
.ico-circle__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 8px;
  transform: translate(-50%, -50%);
}
.ico-circle__icon--check path {
  stroke: #5C627C;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  stroke-dasharray: 16;
  stroke-dashoffset: 16;
  animation: ico-circle-draw-line 0.4s ease forwards;
  animation-delay: 1s;
}
.ico-circle__icon--x path {
  stroke: #5C627C;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  stroke-dasharray: 8;
  stroke-dashoffset: 8;
}
.ico-circle__icon--x .line1 {
  animation: ico-circle-draw-line 0.3s ease forwards;
  animation-delay: 1.2s;
}
.ico-circle__icon--x .line2 {
  animation: ico-circle-draw-line 0.3s ease forwards;
  animation-delay: 1s;
}
.ico-circle__icon--neg-mark {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.ico-circle__icon--neg-mark .line {
  width: 2px;
  height: 0;
  border-radius: 2px;
  animation: ico-circle-draw-neg-line 0.2s ease forwards;
  animation-delay: 0.7s;
}
.ico-circle__icon--neg-mark .dot {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  transform: scale(0);
  animation: ico-circle-draw-neg-dot 0.2s ease forwards;
  animation-delay: 0.8s;
}

@keyframes ico-circle-draw-line {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ico-circle-fill-bg {
  to {
    opacity: 1;
  }
}
@keyframes ico-circle-draw-neg-line {
  85% {
    height: 9px;
    background-color: #fff;
  }
  100% {
    height: 9px;
    background-color: #ff4040;
  }
}
@keyframes ico-circle-draw-neg-dot {
  50% {
    transform: scale(1);
    background-color: #fff;
  }
  100% {
    transform: scale(1);
    background-color: #ff4040;
  }
}
.keypad .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
  text-align: center;
}
.keypad .mui_modal_content {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}
.keypad .mask {
  margin: 24px 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.keypad .mask .dot {
  width: 14px;
  height: 14px;
  background: var(--basic_color04);
  border-radius: 50%;
}
.keypad .mask .dot.mui_active {
  background-color: var(--main_color01);
}

.gray_box {
  padding: 12px;
  font-size: 14px;
  color: var(--basic_color03);
  border-radius: 12px;
  background: var(--bg_color02);
}
.gray_box.ico {
  padding-left: 36px;
  position: relative;
}
.gray_box.ico::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23FFCA3A'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 13px;
  left: 12px;
}

.webinq {
  /* 뱅킹(거래내역조회) */
  /* 바텀팝업 */
  /* 뱅킹(전체계좌조회) */
  /* 대출신청조회 */
}
.webinq .card_topwrap {
  margin: -24px -24px 0 -24px;
  padding: 24px 24px 0 24px;
  background: rgba(243, 115, 32, 0.04);
}
.webinq .card_topwrap.topwrap {
  padding: 24px;
}
.webinq .card_topwrap .acc_name {
  color: var(--font_color06);
  font-weight: 700;
}
.webinq .inquiry_setting {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 16px 0;
  width: 100%;
  font-size: 12px;
  color: var(--font_color02);
}
.webinq .inquiry_setting::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.webinq .inq_result {
  padding: 0;
}
.webinq .inq_result .mui_accresult .date {
  padding-top: 32px;
  padding-bottom: 0;
}
.webinq .inq_result .mui_accresult .in {
  color: var(--font_color07);
}
.webinq .inq_result .mui_accresult .out {
  color: var(--font_color08);
}
.webinq .inq_result .mui_more {
  padding-top: 24px;
}
.webinq .mui-modal .txt_pop {
  font-size: 18px;
  color: var(--font_color01);
}
.webinq .allmoney_card {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 24px;
  background: var(--main_color01);
}
.webinq .allmoney_card .dp_flex {
  display: flex;
  justify-content: space-between;
}
.webinq .allmoney_card .tit {
  font-size: 14px;
  color: var(--font_color06);
}
.webinq .allmoney_card .switch .mui_checkbox input:checked + label::before {
  background: rgba(0, 0, 0, 0.6);
}
.webinq .allmoney_card .switch .mui_checkbox label::before {
  background: rgba(17, 17, 17, 0.3);
}
.webinq .allmoney_card .switch .mui_checkbox label::after {
  background: var(--bg_color03);
}
.webinq .allmoney_card .label {
  font-size: 13px;
  margin-right: 8px;
  color: var(--font_color06);
}
.webinq .allmoney_card .my_money {
  padding-top: 4px;
  font-size: 24px;
  font-weight: 700;
  color: var(--font_color06);
}
.webinq .inq_list {
  padding-top: 32px;
  border-top: 1px solid var(--line_color03);
}
.webinq .inq_list .mui_button_wrap {
  margin-top: 24px;
}
.webinq .inq_list .mui_text_lists {
  font-size: 13px;
  color: var(--basic_color04);
}
.webinq .inq_list .mui_text_lists.dot > ul > li::before {
  background: var(--basic_color05);
}
.webinq .inq_list .btn_wrap {
  padding-top: 24px;
}
.webinq .acc_lists .acc_header {
  padding: 24px 0;
  border-bottom: 0 none;
}
.webinq .acc_lists .mui_acc_content {
  padding: 0 0 32px;
}
.webinq .acc_lists .mui_acc_content .acc_name {
  font-weight: 700;
}
.webinq .acc_lists .acc_title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 28px;
  font-size: 18px;
}
.webinq .sub_txt {
  padding-top: 4px;
  font-size: 14px;
  color: var(--basic_color03);
}
.webinq .mui_datasort .total {
  font-size: 14px;
  font-weight: 700;
}

.camera_capture .mui_modal_body {
  padding-top: 0 !important;
}
.camera_capture .mui_modal_header {
  position: relative !important;
  z-index: 2;
}
.camera_capture .mui_modal_body {
  overflow: hidden !important;
}
.camera_capture .canvas_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.camera_capture .canvas_bg canvas {
  width: 100%;
  height: 100%;
  background: #F0F3F7;
}
.camera_capture .btns {
  text-align: center;
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
}
.camera_capture .btns .submit {
  width: 62px;
  height: 62px;
  border: 2px solid #6677D6;
  border-radius: 31px;
  font-size: 0;
  color: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.camera_capture .btns .submit::after {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: #6677D6;
  border-radius: 26px;
}
.camera_capture .photo_capture {
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.photo_capture {
  z-index: 2;
}
.photo_capture .guide_msg {
  color: var(--font_color01);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.photo_capture .canvas_inset {
  border: 3px solid #3DE2A1;
  height: 208px;
  border-radius: 16px;
  margin-top: 16px;
}
.photo_capture .canvas_inset canvas {
  width: 100%;
  height: 100%;
}
.photo_capture .guide_ico {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.photo_capture .guide_ico p {
  flex: 1;
  text-align: center;
  font-size: 13px;
  color: var(--font_color02);
  padding-top: 56px;
  background: url("/src/images/ico_camera01.svg") no-repeat center top;
}
.photo_capture .guide_ico p.ico2 {
  background-image: url("/src/images/ico_camera02.svg");
}
.photo_capture .guide_ico p.ico3 {
  background-image: url("/src/images/ico_camera03.svg");
}
.photo_capture .title {
  padding-top: 38px;
  font-size: 24px;
  font-weight: 700;
  color: var(--font_color01);
  text-align: center;
}
.photo_capture .sub_title {
  margin-top: 24px;
  font-size: 14px;
  color: var(--font_color03);
  text-align: center;
}
.photo_capture .sub_title em {
  color: var(--main_color01);
}
.photo_capture .photo_img {
  text-align: center;
}
.photo_capture .photo_img img {
  width: 240px;
}
.photo_capture .photo_img_result {
  text-align: center;
  padding-bottom: 8px;
}
.photo_capture .photo_img_result img {
  width: 240px;
}

.acc_confirm.otp .code {
  margin-top: 36px;
}
.acc_confirm.otp .code .inset {
  display: inline-flex;
  position: relative;
}
.acc_confirm.otp .code .inset .onesize_input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 none;
  background: none;
  color: transparent;
  z-index: 1;
}
.acc_confirm.otp .code .inset .onesize_input:focus {
  outline: 0;
  background: rgba(0, 0, 0, 0.05);
}
.acc_confirm.otp .code .write input {
  width: 40px;
  height: 40px;
}
.acc_confirm.otp .mui_title {
  padding: 40px 0 16px;
}
.acc_confirm .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
}
.acc_confirm .mui_form {
  margin-top: 24px;
}
.acc_confirm .sub_title {
  margin-top: 8px;
  font-size: 14px;
  color: var(--font_color03);
}
.acc_confirm .sub_title + .code {
  display: block;
}
.acc_confirm .code {
  margin-top: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.acc_confirm .code .tt {
  font-size: 24px;
  font-weight: 700;
  color: var(--font_color01);
  display: block;
  margin-bottom: 16px;
}
.acc_confirm .code .write {
  margin-left: 8px;
}
.acc_confirm .code .write input {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 2px solid var(--main_color01);
  text-align: center;
  font-family: "password";
  font-size: 32px;
}
.acc_confirm .code .write input:focus {
  outline: 0;
}
.acc_confirm .code .mask span {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 2px solid var(--main_color01);
  background: url("/src/images/ico_mask.svg") no-repeat center;
}
.acc_confirm .code .mask.onesize {
  width: 100%;
}
.acc_confirm .code .mask.onesize input {
  width: 100%;
}
.acc_confirm .code .mask i.input {
  display: block;
  position: relative;
}
.acc_confirm .code .mask i.input.on::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--font_color02);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.acc_confirm .code .mask input, .acc_confirm .code .mask i.input {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 2px solid var(--main_color01);
  text-align: center;
  font-size: 18px;
}
.acc_confirm .code .mask input[disabled], .acc_confirm .code .mask i.input[disabled] {
  background: var(--bg_color02);
  border-color: var(--bg_color02);
}
.acc_confirm .code .mask input[type=password] {
  font-family: "password";
  font-size: 24px;
}
.acc_confirm .code .mask.dim span {
  background: var(--bg_color02);
  border-color: var(--bg_color02);
}
.acc_confirm .code .mask ~ .mask {
  margin-left: 8px;
}

.webcom .top_img {
  margin-bottom: 24px;
  text-align: center;
}
.webcom .top_img img {
  width: 120px;
  height: 120px;
}
.webcom .certifi {
  text-align: center;
}
.webcom .certifi .ico:first-child {
  margin-top: 36px;
}
.webcom .certifi .ico + .txt {
  margin-top: 24px;
}
.webcom .certifi .ico a, .webcom .certifi .ico span {
  display: inline-block;
  vertical-align: top;
}
.webcom .certifi .ico a.type1, .webcom .certifi .ico span.type1 {
  width: 120px;
}
.webcom .certifi .ico a.type2, .webcom .certifi .ico span.type2 {
  width: 100px;
}
.webcom .certifi .mui_title {
  margin-top: 36px;
}
.webcom .certifi .mui_title + .txt {
  margin-top: 24px;
}
.webcom .certifi .txt {
  font-size: 14px;
  color: var(--font_color03);
}
.webcom .certifi .txt + .ico {
  margin-top: 32px;
}
.webcom .certifi p.title {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
}
.webcom .mui_button_wrap {
  padding: 16px 24px 40px 24px;
}
.webcom .mui_text_lists.dot > ul > li::before {
  background: var(--basic_color03);
}
.webcom .mui_text_lists.dot + .mui_title {
  padding-top: 32px;
}
.webcom .webcom_sub_txt {
  padding-top: 8px;
  font-size: 14px;
  color: var(--font_color03);
}

.vertical_steps {
  position: relative;
}
.vertical_steps::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  border-left: 1px dashed var(--basic_color05);
}
.vertical_steps li {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.vertical_steps li ~ li {
  margin-top: 16px;
}
.vertical_steps .num {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: var(--bg_color01);
  font-size: 18px;
  color: var(--font_color02);
  display: inline-flex;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
.vertical_steps .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-left: 12px;
}

/* 통장사본 */
.passbook {
  margin-bottom: 24px;
  padding: 20px;
  background: var(--bg_color02);
  border-radius: 20px;
}
.passbook .img_wrap {
  margin-left: auto;
  width: 100px;
}
.passbook .custom_name {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--basic_color01);
}
.passbook .custom_name strong {
  padding-right: 8px;
  font-size: 20px;
  font-weight: 700;
}
.passbook .pass_info {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 24px 0;
  border-bottom: 1px solid var(--line_color02);
}
.passbook .pass_info dl {
  display: flex;
  gap: 0 16px;
}
.passbook .pass_info dl dt {
  width: 56px;
  font-size: 14px;
  color: var(--basic_color03);
}
.passbook p {
  padding-top: 24px;
  font-size: 14px;
  color: var(--font_color03);
}
.passbook p + p {
  padding-top: 8px;
}
.passbook .bank_stamp {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  padding-top: 32px;
}
.passbook .bank_stamp img {
  width: 40px;
  height: 40px;
  background: var(--line_color02);
}

.pbank_tel {
  padding-top: 12px;
}

/* 보이스피싱 */
.voice .mui_text_lists.dot ul {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.voice p.txt {
  font-size: 16px;
  color: var(--font_color01);
  text-align: center;
}

/* 토스,금융 인증서 */
.cert_wrap .mui_text {
  text-align: center;
}
.cert_wrap .mui_text .default {
  color: var(--font_color03);
}
.cert_wrap .btn_round {
  margin: 32px auto 0;
}
.cert_wrap .mui_title {
  padding: 36px 0 24px 0;
  text-align: center;
}
.cert_wrap .img_wrap {
  margin: 36px auto 24px;
  width: 100px;
  height: 100px;
}
.cert_wrap .btn_wrap a {
  display: block;
  margin: 36px auto 0;
  width: 100px;
  height: 100px;
  background: red;
}

/* list타입 텍스트 */
.list_txt {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  margin-top: 12px;
  font-size: 14px;
  color: var(--font_color03);
}
.list_txt:first-child {
  margin-top: 16px;
}
.list_txt strong {
  color: var(--font_color02);
}
.list_txt .hyphhen li {
  padding-left: 11px;
}

.user_datalist .data_list {
  margin-top: 16px;
  border-top: 1px solid var(--line_color03);
  border-bottom: 1px solid var(--line_color03);
  padding: 16px 0;
}
.user_datalist .data_list dl {
  display: flex;
}
.user_datalist .data_list dl dt,
.user_datalist .data_list dl dd {
  flex: 1;
  font-size: 14px;
}
.user_datalist .data_list dl dt {
  color: var(--basic_color04);
}
.user_datalist .data_list dl dd {
  color: var(--font_color02);
  text-align: right;
}
.user_datalist .data_list dl ~ dl {
  margin-top: 16px;
}

.ars_mobile {
  padding-bottom: 40px;
}
.ars_mobile .top {
  text-align: center;
  padding: 36px 0 0;
}
.ars_mobile .top img {
  width: 100px;
}
.ars_mobile .top .text {
  font-size: 24px;
  color: var(--font_color01);
  font-weight: 700;
  margin-top: 24px;
}
.ars_mobile .step_list ul {
  margin-top: 8px;
}
.ars_mobile .step_list li {
  color: var(--font_color03);
  font-size: 14px;
}
.ars_mobile .step_list li ~ li {
  margin-top: 16px;
}
.ars_mobile .text {
  margin-top: 8px;
  font-size: 14px;
  color: var(--font_color03);
}
.ars_mobile .support {
  margin-top: 16px;
}
.ars_mobile .support a {
  display: inline-block;
  font-size: 14px;
  color: var(--font_color03);
  padding-right: 16px;
  position: relative;
}
.ars_mobile .support a::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  position: absolute;
  top: 0;
  right: 0;
}
.ars_mobile .mui_select {
  border: 1px solid var(--line_color02);
  padding: 0 16px;
  border-radius: 8px;
  margin-top: 12px;
  height: 64px;
}
.ars_mobile .mui_select.arrow_hidden {
  margin: 0;
}
.ars_mobile .mui_select.arrow_hidden .inset::after {
  display: none;
}
.ars_mobile .mui_select::before {
  display: none;
}
.ars_mobile .mui_select .inset {
  height: 64px;
}
.ars_mobile .mui_select .label {
  line-height: 64px;
}
.ars_mobile .main_title {
  text-align: center;
  padding: 36px 0 40px;
  font-size: 24px;
  font-weight: 700;
  color: var(--font_color01);
}
.ars_mobile .ars_number {
  font-size: 0;
  text-align: center;
}
.ars_mobile .ars_number span {
  display: inline-block;
  width: 48px;
  height: 65px;
  line-height: 48px;
  font-size: 48px;
  font-weight: 700;
  border-bottom: 2px solid var(--line_color02);
  margin: 0 8px;
}
.ars_mobile .guide_inline {
  margin-top: 60px;
  font-size: 14px;
  color: var(--font_color03);
}
.ars_mobile .guide_inline em {
  color: var(--main_color01);
}
.ars_mobile .guide_inline li ~ li {
  margin-top: 16px;
}
.ars_mobile .guide_inline ~ .mui_text {
  margin-top: 24px;
}
.ars_mobile .mui_button_custom.round-40 {
  margin-top: 32px;
}
.ars_mobile .smart_conf {
  text-align: center;
  margin-top: 16px;
}
.ars_mobile .smart_conf p {
  font-size: 13px;
  color: var(--font_color03);
}
.ars_mobile .num_write {
  display: flex;
  border: 1px solid var(--line_color03);
  border-radius: 8px;
  text-align: center;
}
.ars_mobile .num_write p {
  border-bottom: 1px solid var(--line_color03);
  background: var(--bg_color02);
  padding: 12px 0;
  font-size: 14px;
  color: var(--font_color01);
}
.ars_mobile .num_write p em {
  color: var(--main_color01);
  font-weight: 700;
}
.ars_mobile .num_write .box {
  flex: 1;
}
.ars_mobile .num_write .box ~ .box {
  border-left: 1px solid var(--line_color03);
}
.ars_mobile .num_write .input_box {
  display: block;
  padding: 12px 0 20px;
  font-size: 0;
}
.ars_mobile .num_write .input_box span {
  display: inline-block;
  width: 20px;
  height: 32px;
  vertical-align: top;
}
.ars_mobile .num_write .input_box span ~ span {
  margin-left: 8px;
}
.ars_mobile .num_write .input_box span.mask {
  width: 12px;
  position: relative;
}
.ars_mobile .num_write .input_box span.mask::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: var(--basic_color01);
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.ars_mobile .num_write .input_box input {
  width: 20px;
  height: 32px;
  border: 0 none;
  border-bottom: 2px solid var(--line_color01);
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
}
.ars_mobile .sec_guide {
  margin-top: 60px;
}
.ars_mobile .sec_guide .mui_text_lists {
  margin-top: 16px;
}
.ars_mobile .sec_guide .mui_text_lists.dot > ul > li {
  font-size: 14px;
  color: var(--font_color03);
}
.ars_mobile .sec_guide .mui_text_lists.dot > ul > li ~ li {
  margin-top: 12px;
}

.list_length {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.list_length .length {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color03);
}

.common_agreement .mui_agree_check + .mui_text,
.common_agreement .mui_agree_box + .mui_text {
  margin-top: 24px;
}

.agreefull_pop {
  padding-top: 28px;
}
.agreefull_pop .btn_pdf {
  position: absolute;
  top: 68px;
  right: 24px;
}
.agreefull_pop .btn_pdf:not([style]) + .pdf_content {
  padding-top: 32px;
}

.search_address .mui_form_content {
  margin-top: 0;
}
.search_address .mui_result_ico.null {
  padding-top: 60px;
}
.search_address .input_sec {
  position: relative;
}
.search_address .input_sec .mui_input input {
  font-weight: 700;
  color: var(--font_color01);
}
.search_address .input_sec .search_btn {
  width: 48px;
  height: 48px;
  background: url("/src/images/ico_search.svg") no-repeat center;
  position: absolute;
  top: 0;
  right: 0;
}
.search_address .guide_sec {
  margin: 60px 0;
}
.search_address .guide_sec .main_title {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
  padding-left: 24px;
  position: relative;
}
.search_address .guide_sec .main_title::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23111'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.search_address .guide_sec .box {
  margin-top: 16px;
  color: var(--font_color03);
  font-size: 14px;
}
.search_address .guide_sec .box .example {
  display: block;
  color: var(--main_color01);
}
.search_address .member_lists {
  margin-top: 24px;
}
.search_address .member_lists .box {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid var(--line_color03);
}
.search_address .member_lists .box .type1 {
  font-size: 16px;
  color: var(--font_color01);
}
.search_address .member_lists .box .type2 {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 12px;
}
.search_address .addr_lists {
  margin-top: 24px;
}
.search_address .addr_lists .box {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.search_address .addr_lists .box ~ .box {
  border-top: 1px solid var(--line_color03);
}
.search_address .addr_lists .box .post {
  font-size: 16px;
  color: var(--main_color01);
}
.search_address .addr_lists .box a, .search_address .addr_lists .box .type1, .search_address .addr_lists .box .type2 {
  display: block;
  font-size: 14px;
  color: var(--font_color02);
}
.search_address .last_addr_write {
  margin-top: 32px;
}
.search_address .last_addr_write dt {
  font-size: 14px;
  color: var(--font_color02);
}
.search_address .last_addr_write dd {
  font-size: 16px;
  color: var(--font_color01);
  font-weight: 700;
  margin-top: 8px;
}
.search_address .last_addr_write .mui_input {
  margin-top: 16px;
}
.search_address .job_list {
  margin-top: 3px;
}
.search_address .job_list.etc_type a:last-child::after {
  display: none;
}
.search_address .job_list.depth2_type a::after {
  display: none;
}
.search_address .ft_white span {
  color: var(--font_color03);
}

.home_wrap {
  position: relative;
  margin-bottom: 53px;
}
.home_wrap::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 100px;
  height: 100px;
}
.home_wrap.apt::after {
  background: url("/src/images/img_apt.png") no-repeat center right/contain;
}
.home_wrap.villa::after {
  background-image: url("/src/images/img_villa.png") no-repeat center right/contain;
}
.home_wrap.shop::after {
  background-image: url("/src/images/img_shop.png") no-repeat center right/contain;
}
.home_wrap .mui_tag {
  margin-bottom: 4px;
}

.addr_map_card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  padding: 20px;
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.addr_map_card::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url("/src/images/ico_location.png") no-repeat center/contain;
}
.addr_map_card dl {
  display: flex;
  gap: 0 4px;
  font-size: 14px;
}
.addr_map_card dl dt {
  width: 42px;
  color: var(--basic_color04);
}
.addr_map_card dl dd {
  color: var(--font_color01);
}
.addr_map_card dl + dl {
  padding-top: 6px;
}
.addr_map_card .appraisal {
  padding-top: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 0 32px;
  border-top: 1px solid var(--line_color03);
}
.addr_map_card .appraisal dt {
  width: initial;
  font-size: 14px;
  color: var(--font_color02);
  font-weight: 700;
}
.addr_map_card .appraisal dd {
  font-size: 20px;
}

.suitability .img {
  text-align: center;
  padding-bottom: 40px;
}
.suitability .img img {
  width: 160px;
  height: 160px;
}
.suitability .txt1,
.suitability .txt2 {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 16px;
}
.suitability .txt1 em,
.suitability .txt2 em {
  color: var(--main_color01);
}
.suitability_step .mui_form + .mui_text.warning {
  margin-top: 24px;
}
.suitability_step p.type1 {
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 32px;
  color: var(--font_color03);
}
.suitability_step p.type1 em {
  color: var(--main_color01);
}
.suitability_step p.type2 {
  font-size: 14px;
  margin-top: 16px;
  color: var(--font_color01);
  text-align: center;
}
.suitability_step .confirm {
  text-align: right;
  margin-top: 24px;
}
.suitability_step .confirm .txt1 {
  font-size: 16px;
  color: var(--font_color02);
  font-weight: 700;
}
.suitability_step .confirm .txt2 {
  color: var(--font_color03);
  font-size: 14px;
  margin-top: 8px;
}
.suitability_step .box {
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  padding: 24px;
  background: #fcfcfc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.suitability_step .box .img {
  text-align: center;
  padding-bottom: 16px;
}
.suitability_step .box .img img {
  width: 120px;
  height: 120px;
}
.suitability_step .box + .mui_text.warning {
  margin-top: 12px;
}
.suitability_step .mui_text_lists {
  margin-top: 24px;
}

.weboce .config,
.webpin .config {
  padding-top: 60px;
  text-align: center;
}
.weboce .text,
.webpin .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 16px;
}
.weboce .config_link,
.webpin .config_link {
  display: block;
  width: 120px;
  height: 120px;
  margin: 32px auto 0;
}

.webauc {
  position: relative;
}
.webauc .error_msg {
  color: var(--font_color08);
}
.webauc .confirm_msg {
  color: var(--font_color07);
}
.webauc .sms_title {
  padding-left: 36px;
  background: url("/src/images/ico_sms.svg") no-repeat left center;
  background-size: 28px;
  line-height: 28px;
}
.webauc .sms_msg_box {
  border-radius: 0 26px 26px 26px;
  padding: 20px;
  color: var(--font_color02);
  background: var(--bg_color02);
  font-size: 14px;
}
.webauc .bookmark_wrap {
  margin-top: 16px;
  display: flex;
}
.webauc .bookmark_wrap button {
  text-align: center;
  font-size: 13px;
  flex: 1;
  color: var(--font_color01);
  background: var(--bg_color01);
  border-radius: 8px;
  height: 40px;
}
.webauc .bookmark_wrap button ~ button {
  margin-left: 8px;
}
.webauc .bookmark_wrap button span {
  vertical-align: middle;
}
.webauc .bookmark_wrap button::before {
  vertical-align: -5px;
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.webauc .bookmark_wrap .bookmark::before {
  background: url("/src/images/ico_star_off.svg") no-repeat right top;
}
.webauc .bookmark_wrap .bookmark.on::before {
  background: url("/src/images/ico_star.svg") no-repeat right top;
}
.webauc .bookmark_wrap .sms::before {
  background: url("/src/images/ico_sms.svg") no-repeat right top;
}
.webauc .table_list {
  margin-top: 16px;
}
.webauc .table_list .mui_datatable ~ .mui_datatable {
  margin-top: 24px;
}
.webauc .top_fixed {
  position: absolute;
  top: 24px;
  right: 24px;
}
.webauc .mui_radio_group.button_type + .mui_datasort {
  margin-top: 24px;
}
.webauc .acc_data {
  margin-top: 16px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 24px;
}
.webauc .acc_data input {
  font-weight: 700;
  color: var(--font_color01);
}
.webauc .acc_data2 {
  margin-top: 16px;
}
.webauc .form_val {
  line-height: 28px;
}
.webauc .inner_subfix input,
.webauc .inner_subfix .subfix {
  font-weight: 700;
}
.webauc .money_support {
  text-align: right;
  margin-top: 12px;
  font-size: 13px;
  color: var(--main_color01);
  min-height: 20px;
}
.webauc .money_support + .mui_text {
  margin-bottom: 12px;
}
.webauc .money_support + .mui_button_custom.white-round-24 {
  position: absolute;
  bottom: -2px;
  left: 0;
}
.webauc .money_support.bot_gap {
  margin-bottom: 12px;
}
.webauc .mui_title.min_title .title.lv4 {
  margin-bottom: 8px;
}
.webauc .mui_title .title.lv2 {
  margin-bottom: 24px;
}
.webauc .mui_title .title.lv4 {
  margin-bottom: 16px;
}
.webauc .qrcode {
  margin-top: 32px;
  text-align: center;
}
.webauc .qrcode img {
  width: 120px;
  height: 120px;
}
.webauc .plus_data {
  margin: 0 -24px;
}
.webauc .plus_data .acc_header {
  padding: 16px 24px;
  background: var(--bg_color02);
}
.webauc .plus_data .acc_header .mui_acc_button::after {
  right: 20px;
}
.webauc .plus_data .acc_lists {
  border-bottom: 0 none;
}
.webauc .plus_data .mui_acc_content {
  padding: 0 24px;
}
.webauc .sort_big .sort_data {
  font-size: 16px;
  font-weight: 700;
}
.webauc .data_results .mui_result.line ~ .line {
  border-top: 0 none;
}
.webauc .inner_closebtn {
  position: relative;
}
.webauc .inner_closebtn .mui_card .inset {
  padding-top: 56px;
}
.webauc .inner_closebtn .close_btn {
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_close.svg") no-repeat center;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
.webauc .inset_date {
  border-top: 1px solid var(--line_color03);
  margin-top: 16px;
}
.webauc .inset_date ~ .inset_date {
  border-top: 0 none;
  margin-top: 0;
}
.webauc .inset_date .set_date {
  padding: 16px 0;
}
.webauc .inset_date .set_date span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  background: var(--basic_color04);
  color: var(--bg_color03);
  padding: 0 8px;
  font-size: 13px;
}
.webauc .inset_date .mui_result.line {
  border-top: 0 none;
  padding-top: 0;
}
.webauc .total_data {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color03);
  padding-right: 20px;
  position: relative;
  display: inline-block;
}
.webauc .total_data > span {
  display: inline-flex;
  position: relative;
}
.webauc .total_data > span ~ span {
  margin-left: 8px;
  padding-left: 9px;
}
.webauc .total_data > span ~ span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  background: var(--line_color02);
  width: 1px;
  height: 14px;
}
.webauc button.total_data::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 0;
  right: 0;
}
.webauc .grey_box_result {
  background: var(--bg_color02);
  border-radius: 20px;
  padding: 20px;
  position: relative;
  margin-bottom: 57px;
}
.webauc .grey_box_result dl {
  display: flex;
  justify-content: space-between;
}
.webauc .grey_box_result dl dt {
  font-size: 13px;
  color: var(--font_color03);
}
.webauc .grey_box_result dl dd {
  font-size: 13px;
  color: var(--font_color01);
  text-align: right;
}
.webauc .grey_box_result dl + dl {
  margin-top: 12px;
}
.webauc .grey_box_result .dot {
  position: absolute;
  bottom: -33px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--bg_color02);
}
.webauc .grey_box_result .dot::before, .webauc .grey_box_result .dot::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -14px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--bg_color02);
}
.webauc .grey_box_result .dot::after {
  top: 14px;
}
.webauc .grey_box_result .money {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 24px;
}
.webauc .grey_box_result .money:only-child {
  align-items: center;
  margin-top: 0;
}
.webauc .grey_box_result .money .name {
  font-size: 13px;
  color: var(--font_color03);
}
.webauc .grey_box_result .money .number {
  font-size: 22px;
  font-weight: 700;
  color: var(--main_color01);
}
.webauc .grey_box_result .money .number span {
  font-weight: 400;
}
.webauc .grey_box_result .acc_name {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.webauc .grey_box_result .acc_number {
  margin-top: 4px;
  font-size: 14px;
  color: var(--basic_color04);
}

/* 제증명 */
.webcer .bg_box {
  margin-top: 16px;
  padding: 20px;
  background: var(--bg_color02);
  border-radius: 12px;
}
.webcer .mui_text_lists.dot > ul > li {
  color: var(--font_color03);
}
.webcer .mui_text_lists.dot > ul > li::before {
  background: var(--basic_color03);
}
.webcer .mui_text_lists .txt {
  font-size: 14px;
}
.webcer .info_wrap {
  padding-top: 12px;
}
.webcer .info_wrap .mui_text.warning + .warning {
  margin-top: 12px;
}
.webcer .txt_etc {
  padding-top: 12px;
  font-size: 13px;
  color: var(--basic_color04);
  text-align: right;
}
.webcer .txt_etc span {
  display: inline-block;
  padding-left: 8px;
  color: var(--font_color01);
}
.webcer .btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
}
.webcer .btn_wrap button {
  position: relative;
  padding-right: 12px;
  font-size: 13px;
  color: var(--basic_color04);
}
.webcer .btn_wrap button:last-child {
  padding-left: 12px;
  padding-right: 0;
}
.webcer .btn_wrap button:last-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  background: var(--line_color02);
  transform: translateY(-50%);
}
.webcer .btn_wrap button em {
  color: var(--main_color01);
}
.webcer .form_normal::before {
  background: var(--line_color02);
}
.webcer .check_card {
  margin-top: 12px;
  padding: 20px 20px 12px 20px;
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.webcer .check_card .all_check > .mui_checkbox > label {
  color: var(--font_color01);
}
.webcer .check_card .all_check .mui_checkbox {
  display: block;
  margin-right: 0;
}
.webcer .check_card .all_check .mui_checkbox label {
  padding-left: 0;
  padding-right: 32px;
}
.webcer .check_card .all_check .mui_checkbox label::before {
  left: initial;
  right: 0;
}
.webcer .check_card .all_check .mui_checkbox label::after {
  left: initial;
  right: 4px;
}
.webcer .check_card .selectlist_account {
  border-top: 1px solid var(--line_color03);
  padding-top: 8px;
  margin-top: 16px;
}
.webcer .check_card .selectlist_account .mui_checkbox {
  display: block;
  margin: 0;
}
.webcer .check_card .selectlist_account .mui_checkbox input:checked + label::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  background-color: var(--main_color01);
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  margin-top: -12px;
}
.webcer .check_card .selectlist_account .mui_checkbox label {
  padding-left: 0;
}
.webcer .check_card .selectlist_account .mui_checkbox label::before {
  display: none;
}
.webcer .check_card .selectlist_account .mui_checkbox label::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath d='M3,10.444,8.635,16,19,6' transform='translate(1 1)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Crect width='24px' height='24px' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
.webcer .check_card .selectlist_account .lists {
  padding: 8px 0;
}
.webcer .check_card .selectlist_account .lists strong {
  display: block;
  font-size: 16px;
  color: var(--font_color01);
}
.webcer .check_card .selectlist_account .lists .acc_num {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--font_color03);
}
.webcer .check_card .selectlist_account .lists .date {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--font_color03);
}
.webcer .check_card .selectlist_account .lists .acc_aka {
  display: inline-flex;
  position: relative;
  margin-left: 8px;
  padding-left: 9px;
}
.webcer .check_card .selectlist_account .lists .acc_aka::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: var(--basic_color05);
  position: absolute;
  top: 5px;
  left: 0;
}
.webcer .sub_txt_date {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 8px;
}
.webcer .num_title {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 700;
  color: var(--font_color01);
}
.webcer .num_title em {
  color: var(--main_color01);
}
.webcer .num_title + .mui_result {
  margin-top: 12px;
}
.webcer .inset_date {
  border-top: 1px solid var(--line_color03);
  margin-top: 16px;
}
.webcer .inset_date ~ .inset_date {
  border-top: 0 none;
  margin-top: 0;
}
.webcer .inset_date .set_date {
  text-align: center;
  padding: 16px 0;
}
.webcer .inset_date .set_date span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  background: var(--basic_color04);
  color: var(--bg_color03);
  padding: 0 8px;
  font-size: 13px;
}
.webcer .inset_date .mui_result.line {
  border-top: 0 none;
  padding-top: 0;
}

/* 고객센터 */
.map_sec .mui_modal_content {
  padding: 0 !important;
  height: calc(100% - 56px);
}
.map_sec .mui_modal_content .map {
  background: #aaa;
  height: 100%;
}
.map_sec .mui_modal_content .branchs {
  position: fixed;
  left: 24px;
  bottom: 24px;
  right: 24px;
  z-index: 10;
}

.webuif.events .uif_total {
  border-bottom: 0 none;
  padding-bottom: 12px;
}
.webuif .event_box {
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  background: var(--bg_color03);
  overflow: hidden;
}
.webuif .event_box ~ .event_box {
  margin-top: 12px;
}
.webuif .event_box + .mui_more {
  margin-top: 12px;
}
.webuif .event_box .data {
  display: block;
  padding: 16px 20px;
}
.webuif .event_box .data span {
  display: block;
}
.webuif .event_box .data span.title {
  color: var(--font_color01);
  font-size: 16px;
  font-weight: 700;
}
.webuif .event_box .data span.date {
  font-size: 13px;
  color: var(--basic_color04);
  margin-top: 4px;
}
.webuif .uif_total {
  color: var(--font_color03);
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line_color01);
}
.webuif .uif_total em {
  color: var(--main_color01);
}
.webuif .news_title {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line_color03);
}
.webuif .news_title .tag {
  display: inline-block;
  margin-bottom: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  font-size: 13px;
  color: var(--font_color06);
  background: var(--font_color07);
  border-radius: 10px;
}
.webuif .news_title .tag.disabled {
  background: var(--bg_color01);
  color: var(--basic_color04);
}
.webuif .news_title .title {
  font-size: 20px;
  color: var(--font_color01);
  font-weight: 700;
}
.webuif .news_title .date {
  margin-top: 8px;
  color: var(--font_color03);
}
.webuif .news_cont {
  padding-top: 24px;
  color: var(--font_color02);
  font-size: 15px;
}
.webuif .news_list {
  border-bottom: 1px solid var(--line_color03);
}
.webuif .news_list + .mui_more {
  margin-top: 12px;
}
.webuif .news_list .title {
  font-size: 16px;
  color: var(--font_color01);
}
.webuif .news_list .date {
  margin-top: 4px;
  color: var(--basic_color04);
}
.webuif .news_list a {
  display: block;
  padding: 16px 0;
}
.webuif .branchs {
  position: relative;
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  background: var(--bg_color03) url("/src/images/ico_location.png") no-repeat right 20px top 20px;
  background-size: 24px;
}
.webuif .branchs ~ .branchs {
  margin-top: 16px;
}
.webuif .branchs + .mui_more {
  margin-top: 12px;
}
.webuif .branchs .logo {
  text-align: left;
  padding-bottom: 16px;
}
.webuif .branchs .logo img {
  width: auto;
  height: 14px;
}
.webuif .branchs .title {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.webuif .branchs .details {
  margin-top: 16px;
}
.webuif .branchs .details .data {
  display: flex;
}
.webuif .branchs .details .data .title {
  color: var(--basic_color04);
  min-width: 62px;
  font-size: 13px;
}
.webuif .branchs .details .data .text {
  font-size: 13px;
  color: var(--font_color01);
}
.webuif .branchs .details .data ~ .data {
  margin-top: 4px;
}
.webuif .mui_modal_content .branchs {
  background-image: none;
}
.webuif .callcenter div.list {
  background: var(--line_color04);
  border-color: var(--line_color04);
  box-shadow: none;
}
.webuif .callcenter div.list .title,
.webuif .callcenter div.list .tel {
  color: var(--font_color03);
}
.webuif .callcenter .list {
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  padding: 20px 20px 20px 72px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  position: relative;
  display: block;
  min-height: 40px;
}
.webuif .callcenter .list ~ .list {
  margin-top: 16px;
}
.webuif .callcenter .list .img {
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
}
.webuif .callcenter .list .txts {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.webuif .callcenter .list .title {
  color: var(--font_color01);
  font-size: 16px;
  font-weight: 700;
  width: 100%;
}
.webuif .callcenter .list .tel {
  font-size: 13px;
  margin-top: 4px;
  color: var(--basic_color04);
  width: 100%;
}
.webuif .callcenter .mui_text_lists {
  margin-top: 24px;
}

.money_toggle {
  position: relative;
}
.money_toggle .mui_checkbox_group {
  position: absolute;
  right: 0;
  top: -30px;
  padding-top: 0 !important;
}
.money_toggle .mui_form_value + .money_guide {
  margin-top: 4px;
  font-size: 13px;
  color: var(--main_color01);
}

/* 보안/인증, 간편비밀번호 */
.weboce .mui_text_lists.dot,
.webpin .mui_text_lists.dot {
  padding-top: 16px;
}
.weboce .mui_text_lists.dot ul,
.webpin .mui_text_lists.dot ul {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.weboce .mui_text_lists.dot li,
.webpin .mui_text_lists.dot li {
  font-size: 14px;
  color: var(--basic_color03);
}

/* 간편비밀번호 */
.webpin .guide_wrap .mui_text + .mui_text {
  padding-top: 16px;
}
.webpin .guide_wrap .mui_text_lists.dot {
  padding-top: 8px;
}
.webpin .guide_wrap .mui_checkbox label {
  display: inline-block;
}
.webpin .mui_title + .text {
  margin-top: 16px;
}
.webpin .text {
  margin-top: 0;
}
.webpin .text .sub_txt {
  margin-right: -20px;
  padding-top: 8px;
  font-size: 13px;
  font-weight: 300;
  color: var(--basic_color04);
}

/* OTP보정, 등록 */
.webseu .mui_form + .mui_text.warning {
  margin-top: 12px;
}
.webseu .mui_title + .mui_card.no_tag {
  margin-top: 20px;
}
.webseu .ellipsis .label {
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 28px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 추가인증서비스 */
.webads .mui_title + .mui_radio_group.block_type {
  margin-top: 20px;
}
.webads .mui_title + .mui_radio_group.block_type + .mui_text.warning {
  margin-top: 12px;
}
.webads .mui_text_lists.dot {
  padding-top: 16px;
}
.webads .mui_text_lists.dot ul {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}

.main_pop .bottom {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.main_pop .bottom button {
  font-size: 16px;
  color: #333;
}

/* 금융상품(대출) */
.webinf .req_guide {
  margin-top: 40px;
}
.webinf .req_guide .img img {
  width: 72px;
}
.webinf .req_guide .lists {
  background: var(--bg_color02);
  border-radius: 20px;
  padding: 16px 16px 24px;
  text-align: center;
  margin-bottom: 64px;
  position: relative;
}
.webinf .req_guide .lists:last-child {
  margin-bottom: 0;
}
.webinf .req_guide .lists:last-child::after {
  display: none;
}
.webinf .req_guide .lists:after {
  content: "";
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  bottom: -56px;
  background: url("/src/images/ico_bottom.svg") no-repeat center;
  left: 50%;
  margin-left: -24px;
}
.webinf .req_guide .lists .title {
  color: var(--font_color01);
  font-weight: 700;
  font-size: 18px;
  margin-top: 4px;
}
.webinf .req_guide .lists strong.title {
  display: block;
  margin-top: 20px;
  font-size: 14px;
}
.webinf .req_guide .lists .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 8px;
}
.webinf .req_guide ul {
  margin-top: 16px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--bg_color03);
}
.webinf .req_guide ul li {
  display: flex;
  align-items: center;
  gap: 0 6px;
  padding: 8px 0;
  font-size: 14px;
  color: var(--font_color01);
  text-align: left;
}
.webinf .req_guide ul .img_wrap {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.webinf .sign {
  text-align: center;
}
.webinf .sign .img {
  margin-top: 24px;
}
.webinf .sign .img img {
  width: 100px;
}
.webinf .sign .text {
  color: var(--font_color03);
  margin-top: 16px;
  margin-bottom: 24px;
}
.webinf .sign .text em {
  font-weight: 700;
}
.webinf .sign .underline {
  color: var(--main_color01);
}
.webinf .inf_result .text_main {
  color: var(--main_color01);
  margin-bottom: 8px;
}
.webinf .inf_result .mui_text {
  margin-top: 12px;
}
.webinf .inf_result .ico_block {
  height: 120px;
  margin: 24px 0;
  background: url("/src/images/ico_inf01.svg") no-repeat right center;
  background-size: 120px;
}
.webinf .inf_result .ico_block.type2 {
  background-image: url("/src/images/ico_inf02.svg");
}
.webinf .inf_result .bg_ico {
  min-height: 80px;
  background: url("/src/images/ico_inf03.svg") no-repeat right center;
  background-size: 80px;
}
.webinf .inf_result .bg_ico .text {
  margin-top: 8px;
  font-size: 14px;
  color: var(--font_color03);
}
.webinf .mui_button.main_search {
  margin-top: -16px;
  align-items: center;
  display: flex;
}
.webinf .mui_button.main_search span {
  line-height: 20px;
}
.webinf .mui_button.main_search::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/src/images/search_white.png") no-repeat center;
  background-size: 20px;
  margin-right: 6px;
}
.webinf .mui_radio_group.certi_type label {
  padding: 20px;
  height: 127px;
  border-radius: 16px;
}
.webinf .mui_radio_group.certi_type label span {
  font-size: 13px;
  color: var(--basic_color04);
}
.webinf .mui_radio_group.certi_type label strong {
  font-size: 16px;
  color: var(--font_color01);
}
.webinf .mui_radio_group.certi_type .mui_radio label::before {
  width: 58px;
  height: 58px;
  top: initial;
  left: initial;
  right: 20px;
  bottom: 20px;
  border: none;
  background: url("/src/images/ico_certi01.png") no-repeat center/100%;
}
.webinf .mui_radio_group.certi_type .mui_radio:nth-child(2) label::before {
  width: 58px;
  height: 58px;
  top: initial;
  left: initial;
  right: 20px;
  bottom: 20px;
  border: none;
  background: url("/src/images/ico_certi02.png") no-repeat center/100%;
}
.webinf .mui_radio_group.certi_type input:checked + label {
  font-weight: 400;
}
.webinf .sub_title {
  padding-top: 8px;
  font-size: 14px;
  color: var(--font_color03);
}
.webinf .custom_tab .mui_tab_nav {
  height: 40px;
  border-radius: 12px;
  background: #f4f4f4;
  padding: 0;
}
.webinf .custom_tab .mui_tab_nav::after {
  display: none;
}
.webinf .custom_tab .tab_pane {
  padding-left: 0;
  padding-right: 0;
}
.webinf .custom_tab .nav_list.mui_active button {
  color: var(--font_color06);
  font-weight: 700;
  background: var(--main_color02);
  border-radius: 12px;
}
.webinf .custom_tab .nav_list.mui_active button::after {
  display: none;
}
.webinf .custom_tab .nav_list button {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--font_color03);
  padding: 0;
}
.webinf .custom_tab .nav_list button::after {
  display: none;
}
.webinf .total_file {
  display: flex;
  justify-content: space-between;
}
.webinf .total_file strong {
  font-size: 18px;
  color: var(--font_color03);
}
.webinf .file_list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.webinf .file_list .file_wrap .file_name {
  display: flex;
  justify-content: space-between;
  padding: 24px 20px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 12px;
  color: var(--font_color02);
  background: var(--bg_color02);
}
.webinf .file_list .file_wrap .file_name strong {
  display: block;
  padding-left: 32px;
  background: url("/src/images/ico_img.svg") no-repeat left center/24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.webinf .file_list .file_wrap .file_name .btn_del {
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_close.svg") no-repeat center;
}
.webinf .file_list .file_wrap .file_text {
  display: flex;
  justify-content: space-between;
  gap: 0 12px;
  padding: 16px 24px 0 24px;
}
.webinf .file_list .file_wrap .file_text .mui_form {
  flex: 1;
}
.webinf .file_list .file_wrap .file_text .img_wrap {
  height: 72px;
}
.webinf .file_list .file_wrap .file_text .img_wrap img {
  max-width: 120px;
  width: auto;
  height: 100%;
}
.webinf .btn_wrap {
  display: flex;
  gap: 0 12px;
}
.webinf .btn_wrap .ico_btn_wrap {
  width: 50%;
  position: relative;
}
.webinf .btn_wrap .ico_btn_wrap input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.webinf .btn_wrap .ico_btn_wrap:nth-child(2) .ico_btn {
  background-image: url("/src/images/img_inf10.svg");
}
.webinf .btn_wrap .ico_btn {
  padding: 96px 20px 24px 20px;
  display: block;
  text-align: center;
  font-size: 13px;
  color: var(--font_color03);
  letter-spacing: -1px;
  border-radius: 12px;
  background: var(--bg_color02) url("/src/images/img_inf09.svg") no-repeat center/48px;
  background-position: center top 24px;
}
.webinf .btn_wrap .ico_btn strong {
  display: block;
  padding-bottom: 4px;
  font-size: 18px;
  color: var(--font_color01);
}
.webinf .sorting {
  margin: -20px -24px 0;
  padding: 11px 24px 9px 24px;
  background: var(--bg_color02);
}
.webinf .sorting .mui_datasort {
  margin-bottom: 0;
}
.webinf .waiting_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 48px);
}
.webinf .waiting_wrap .waiting {
  margin: auto 0;
  text-align: center;
}
.webinf .waiting_wrap .waiting lottie-player {
  margin: 0 auto;
  width: 148px;
  height: 148px;
  margin-bottom: 32px;
}
.webinf .waiting_wrap .waiting strong {
  display: block;
  font-size: 24px;
}
.webinf .waiting_wrap .waiting em {
  padding-top: 8px;
  font-size: 18px;
}
.webinf .mui_text_lists.num {
  padding-top: 16px;
  padding-left: 8px;
}
.webinf .linkbtn_wrap .mui_text.link {
  text-align: center;
}
.webinf .loan_wrap .mui_title + .mui_button_custom {
  margin-top: 16px;
}
.webinf .loan_wrap .bank_products {
  margin: -24px -24px 0;
  padding: 40px 24px 50px;
  background: var(--bg_color02);
}
.webinf .loan_wrap .bank_products .detail dl dd {
  width: 100%;
}
.webinf .loan_wrap .status {
  padding-top: 20px;
}
.webinf .loan_wrap .status .card_box_gray {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  border-radius: 12px;
  background: #f7f8fa;
}
.webinf .loan_wrap .status .card_box_gray + .card_box_gray {
  margin-top: 16px;
}
.webinf .loan_wrap .status .card_box_gray .mui_link_text {
  margin-top: 0;
}
.webinf .loan_wrap .status .card_box_gray .mui_link_text a {
  padding: 0 20px 0 0;
  border-bottom: 0;
}
.webinf .loan_wrap .status .card_box_gray .mui_link_text span {
  font-size: 13px;
  color: #888;
}
.webinf .loan_wrap .status .card_box_gray p {
  flex: none;
  color: var(--font_color03);
}
.webinf .loan_wrap .status .card_box_gray strong {
  color: var(--font_color01);
}
.webinf .loan_wrap .status .card_box_gray .mui_darkgray-28 {
  padding: 0 8px;
  width: auto;
  color: var(--font_color06);
  border-radius: 4px;
  background: #5c627c;
}
.webinf .loan_wrap .status .card_box_gray .mui_darkgray-28 span {
  font-size: 13px;
}
.webinf .loan_wrap .status .mui_card .inset::after {
  top: 50%;
  margin-top: -10px;
}
.webinf .loan_wrap .status .mui_card .title {
  overflow: hidden;
  padding-bottom: 8px;
  padding-right: 40px;
  text-overflow: ellipsis;
  font-size: 18px;
  white-space: nowrap;
  border-bottom: 0;
}
.webinf .loan_wrap .status .mui_card .title span {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--font_color03);
  white-space: nowrap;
}
.webinf .loan_wrap .status .mui_card .mui_result.default dl {
  justify-content: flex-start;
  gap: 0 36px;
}
.webinf .loan_wrap .status .mui_card .mui_result.default dt,
.webinf .loan_wrap .status .mui_card .mui_result.default dd {
  font-size: 13px;
  text-align: left;
}
.webinf .loan_wrap .status .mui_card .mui_result.default em {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.webinf .loan_wrap .status .mui_card .mui_result.default strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  word-break: keep-all;
}
.webinf .loan_wrap .status .tab_pane {
  padding: 16px 0 0 0;
}
.webinf .loan_wrap .status .tab_pane .inset::after {
  top: 33px;
}
.webinf .loan_wrap .status .mui_tab_nav {
  margin: 0;
  padding: 0;
  height: 40px;
  border-radius: 12px;
  background: #f4f4f4;
}
.webinf .loan_wrap .status .mui_tab_nav::after {
  display: none;
}
.webinf .loan_wrap .status .nav_list.mui_active button {
  color: var(--font_color06);
  font-weight: 700;
  background: var(--main_color02);
  border-radius: 12px;
}
.webinf .loan_wrap .status .nav_list button {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--font_color03);
  padding: 0;
}
.webinf .loan_wrap .status .nav_list button::after {
  display: none;
}
.webinf .mui_form_list .mui_form_content .mini_type.sub_etc {
  padding-top: 0;
  margin: 12px 0 8px;
}
.webinf .mui_form_list .mui_form_content .mini_type.sub_etc label {
  color: var(--font_color03);
}
.webinf .mui_accordion.type2 + .warning {
  margin-top: 12px;
}
.webinf .product_data .dot {
  position: relative;
  padding-left: 9px;
}
.webinf .product_data .dot::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  background: var(--basic_color03);
}
.webinf .low_txt {
  padding-top: 16px;
  font-size: 13px;
  color: var(--basic_color04);
}
.webinf .btn_money .group .mui_button {
  padding: 0 8px;
  font-size: 13px;
}
.webinf .btn_money .group .mui_button:first-child {
  margin-top: 0;
}
.webinf .tab_contents .white-round-24.right_top {
  top: -38px;
}
.webinf .mui_text.default.sub_title {
  padding-top: 4px;
}
.webinf .notice .img img {
  width: 48px;
  height: 48px;
}
.webinf .notice em.tit {
  display: block;
  padding-top: 16px;
  padding-bottom: 32px;
  font-size: 22px;
  border-bottom: 1px solid var(--line_color03);
}
.webinf .notice .item_name {
  display: block;
  padding-top: 16px;
}
.webinf .notice p.sub_txt {
  margin-bottom: 16px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--line_color02);
}
.webinf .notice p.sub_txt strong {
  padding-top: 4px;
  font-size: 22px;
}
.webinf .mui_agree_check .text .sub_txt {
  margin-right: -20px;
  padding-top: 8px;
  font-size: 13px;
  color: var(--basic_color04);
}
.webinf .mui_agree_check.non_arrow .chk_btn:after {
  background: none;
}
.webinf .mui_form + .mui_text.warning {
  margin-top: 12px;
  margin-bottom: 32px;
}
.webinf .bank_product_details.long_type {
  position: static;
  padding-bottom: 84px;
}
.webinf .bank_product_details .detail {
  position: relative;
}
.webinf .bank_product_details .detail .img {
  right: 0;
  bottom: 0;
  width: 95px;
  height: 80px;
}
.webinf .bank_product_details + .mui_card {
  margin-top: -60px;
  background: var(--bg_color03);
}
.webinf .bank_product_details + .mui_card + .mui_card {
  margin-top: 12px;
}
.webinf .card_box {
  padding-top: 8px;
}
.webinf .card_box .mui_card_list {
  position: relative;
  border-radius: 20px;
  padding: 20px 20px 20px 76px;
  height: 80px;
  border: 1px solid var(--line_color03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.webinf .card_box .mui_card_list.no_img {
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
  height: auto;
  font-size: 14px;
  margin-top: 8px;
}
.webinf .card_box .mui_card_list.no_img .text {
  color: var(--basic_color04);
}
.webinf .card_box .mui_card_list.no_img .acc_num {
  color: var(--font_color02);
}
.webinf .card_box .mui_card_list .text {
  line-height: initial;
}
.webinf .mui_result.line + .btn_loan {
  position: relative;
  margin-top: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: var(--font_color03);
  text-align: right;
}
.webinf .mui_result.line + .btn_loan::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}
.webinf .email_recive {
  display: inline-block;
}
.webinf .text_wrap {
  margin-bottom: 40px;
}
.webinf .text_wrap .mui_text.default {
  padding-top: 8px;
  color: var(--basic_color03);
}
.webinf .inf_wrap {
  margin-top: 24px;
}
.webinf .inf_wrap .inf_tit {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--basic_color02);
}
.webinf .inf_wrap .mui_text.warning {
  margin-top: 12px;
}
.webinf .info_wrap .mui_text_lists.circle_num > ul > li ~ li {
  margin-top: 8px;
}
.webinf .flex_bot .mui_text.warning + .mui_text.warning {
  margin-top: 12px;
}
.webinf .acc_select.mui_card.select_type .inset {
  padding-top: 83px;
}
.webinf .acc_select.mui_card.select_type .mui_radio label::before {
  top: 32px;
}
.webinf .acc_select .mui_radio label {
  display: block;
  font-size: 14px;
}
.webinf .acc_select .mui_radio label span {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.webinf .sub_txt {
  padding-top: 8px;
}
.webinf .sub_txt .mui_text_lists.dot ul {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.webinf .sub_txt .mui_text_lists.dot ul li {
  font-size: 14px;
  color: var(--basic_color03);
}
.webinf .grey_box_img {
  padding: 24px;
  background: var(--bg_color02);
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.webinf .grey_box_img .img_wrap {
  margin: 0 auto 16px;
  width: 120px;
  height: 120px;
}
.webinf .grey_box_img p {
  font-size: 14px;
  color: var(--font_color01);
  text-align: center;
}
.webinf .contractor_wrap {
  margin-top: 24px;
}
.webinf .contractor_wrap ul {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.webinf .contractor {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px 0;
  padding-top: 24px;
}
.webinf .contractor strong {
  font-size: 16px;
  color: var(--font_color02);
}
.webinf .contractor p {
  font-size: 14px;
  color: var(--font_color03);
}
.webinf .sort_wrap {
  display: flex;
  justify-content: space-between;
}
.webinf .sort_wrap .tit {
  font-size: 18px;
  font-weight: 700;
}
.webinf .sort_wrap .mui_datasort {
  margin-bottom: 0;
}
.webinf .sort_wrap .mui_datasort .sort_data .total {
  font-size: 18px;
  font-weight: 700;
}
.webinf .mui_card.toggle_select.mui_active .inset {
  padding-top: 83px;
}
.webinf .mui_card.toggle_select.mui_active .inset .mui_result {
  display: block;
}
.webinf .mui_card.toggle_select.mui_active .more .close {
  display: inline;
}
.webinf .mui_card.toggle_select.mui_active .more .open {
  display: none;
}
.webinf .mui_card.toggle_select.mui_active .more::before {
  transform: rotate(180deg);
}
.webinf .mui_card.toggle_select .inset {
  padding-bottom: 0;
}
.webinf .mui_card.toggle_select .inset .mui_result {
  display: none;
}
.webinf .mui_card.toggle_select .more {
  display: block;
  width: 100%;
  height: 56px;
  position: relative;
}
.webinf .mui_card.toggle_select .more .close {
  display: none;
}
.webinf .mui_card.toggle_select .more::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
.webinf .mui_card.toggle_select .mui_radio label {
  bottom: 56px;
  display: block;
}
.webinf .mui_card.toggle_select .mui_radio label .tit {
  color: var(--font_color01);
}
.webinf .mui_card.toggle_select .mui_radio label span {
  display: block;
  font-size: 14px;
  color: var(--basic_color04);
}
.webinf .inf_card_type .inset {
  padding-top: 89px;
}
.webinf .inf_card_type .inset label::before {
  top: 43px;
}
.webinf .inf_card_type .mui_result.default {
  margin-top: 16px;
}
.webinf .resmsg {
  text-align: center;
}
.webinf .resmsg .main {
  color: var(--font_color01);
  font-weight: 700;
  font-size: 18px;
}
.webinf .resmsg em {
  color: var(--font_color07);
}
.webinf .resmsg em.error {
  color: var(--font_color08);
}
.webinf .resmsg .sub {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 16px;
}
.webinf .grey_box {
  padding: 12px;
  background: var(--bg_color02);
  border-radius: 12px;
  font-size: 14px;
  color: var(--font_color03);
}
.webinf .grey_box.ico {
  padding-left: 36px;
  position: relative;
}
.webinf .grey_box.ico::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='none'/%3E%3Ccircle cx='9' cy='9' r='9' transform='translate(1 1)' fill='%23FFCA3A'/%3E%3Cpath d='M11.111,13.861a1,1,0,0,1-1,1H9.889a1,1,0,0,1-1-1V9.334a1,1,0,0,1,1-1h.222a1,1,0,0,1,1,1Z' fill='%23fff'/%3E%3Ccircle cx='1.111' cy='1.111' r='1.111' transform='translate(11.111 7.223) rotate(180)' fill='%23fff'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 13px;
  left: 12px;
}
.webinf .grey_box--spacious {
  padding: 24px;
  border-radius: 16px;
}
.webinf .joi_steps {
  margin-top: 24px;
  position: relative;
}
.webinf .joi_steps::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  border-left: 1px dashed var(--basic_color05);
}
.webinf .joi_steps li {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.webinf .joi_steps li ~ li {
  margin-top: 16px;
}
.webinf .joi_steps .num {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: var(--bg_color01);
  font-size: 18px;
  color: var(--font_color02);
  display: inline-flex;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
.webinf .joi_steps .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-left: 12px;
}
.webinf .chatbot_wrap {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  margin: -24px;
  padding: 24px;
  height: calc(100% - 56px);
  min-height: calc(100vh - 56px);
  background: #f0f3f7;
}
.webinf .chatbot_wrap .group {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
}
.webinf .chatbot_wrap.other_type {
  background: var(--bg_color03);
}
.webinf .chatbot_wrap.other_type .chatbot .chatting {
  padding: 12px;
  background: var(--bg_color02);
}
.webinf .chatbot_wrap.other_type .chatbot .mui_button_wrap {
  padding: 0;
  background: initial;
  border-radius: initial;
}
.webinf .chatbot_wrap.other_type .chatbot.fin .mui_button {
  min-width: 224px;
}
.webinf .chatbot_wrap.other_type .block_type.mui_radio_group,
.webinf .chatbot_wrap.other_type .block_type.mui_checkbox_group,
.webinf .chatbot_wrap.other_type .mui_button_wrap {
  padding: 12px;
  background: var(--bg_color02);
  border-radius: 20px;
}
.webinf .chatbot_wrap.other_type .chatuser .user_wrap button {
  padding: 4px 22px 4px 10px;
  width: 56px;
  height: 28px;
  font-size: 12px;
  color: var(--basic_color04);
  text-indent: initial;
  background: #fff url("/src/images/btn_modify02.svg") no-repeat center right 6px/16px;
  border: 1px solid var(--line_color03);
  border-radius: 16px;
  box-sizing: border-box;
}
.webinf .chatbot_wrap .chatbot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px 0;
}
.webinf .chatbot_wrap .chatbot .chatting {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin-top: 60px;
  padding: 12px 16px;
  width: fit-content;
  max-width: 248px;
  font-size: 14px;
  color: var(--font_color03);
  border-radius: 0 14px 14px 14px;
  background: var(--bg_color03);
}
.webinf .chatbot_wrap .chatbot .chatting::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  width: 48px;
  height: 48px;
  background: url("/src/images/ico_chatbot.svg") no-repeat center/100%;
}
.webinf .chatbot_wrap .chatbot .chatting strong {
  color: var(--font_color01);
}
.webinf .chatbot_wrap .chatbot .chatting .dot {
  border-top: 1px solid var(--line_color02);
}
.webinf .chatbot_wrap .chatbot .chatting .dot li:before {
  background: var(--basic_color02);
}
.webinf .chatbot_wrap .chatbot .chatting .dot.no_line {
  border: 0;
}
.webinf .chatbot_wrap .fin {
  position: relative;
}
.webinf .chatbot_wrap .fin .chatting {
  margin-top: 45px;
}
.webinf .chatbot_wrap .fin .chatting + .chatting {
  margin-top: 0;
}
.webinf .chatbot_wrap .fin .chatting::before {
  display: none;
}
.webinf .chatbot_wrap .fin::before {
  content: "";
  position: absolute;
  top: 0;
  width: 79px;
  height: 59px;
  background: url("/src/images/ico_chatbot_fin.png") no-repeat center/100%;
}
.webinf .chatbot_wrap .fin .mui_button {
  color: var(--font_color06);
}
.webinf .chatbot_wrap .fin .mui_button.mui_white {
  color: var(--font_color01);
}
.webinf .chatbot_wrap .chatuser {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px 0;
}
.webinf .chatbot_wrap .chatuser .mui_checkbox,
.webinf .chatbot_wrap .chatuser .mui_radio {
  margin-left: initial;
  margin-right: auto;
  width: 230px;
  max-width: 100%;
}
.webinf .chatbot_wrap .chatuser .mui_checkbox label,
.webinf .chatbot_wrap .chatuser .mui_radio label {
  padding: 13px 48px 13px 16px;
  font-size: 14px;
  font-weight: 700;
  border: 0;
  border-radius: 14px;
  background: var(--bg_color03);
}
.webinf .chatbot_wrap .chatuser .mui_checkbox label::before,
.webinf .chatbot_wrap .chatuser .mui_radio label::before {
  top: 50%;
  left: initial;
  right: 16px;
  border: 0;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: var(--basic_color05);
}
.webinf .chatbot_wrap .chatuser .mui_checkbox input:checked + label::before,
.webinf .chatbot_wrap .chatuser .mui_radio input:checked + label::before {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  background-color: var(--main_color01);
}
.webinf .chatbot_wrap .chatuser .mui_checkbox input:checked + label::after,
.webinf .chatbot_wrap .chatuser .mui_radio input:checked + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--main_color01);
  border-radius: 14px;
  background: none;
}
.webinf .chatbot_wrap .chatuser .mui_checkbox + .mui_checkbox, .webinf .chatbot_wrap .chatuser .mui_checkbox + .mui_radio,
.webinf .chatbot_wrap .chatuser .mui_radio + .mui_checkbox,
.webinf .chatbot_wrap .chatuser .mui_radio + .mui_radio {
  margin-top: 8px;
}
.webinf .chatbot_wrap .chatuser .user_wrap {
  display: flex;
  align-items: end;
  gap: 0 8px;
}
.webinf .chatbot_wrap .chatuser .user_wrap button {
  padding: 8px;
  width: 32px;
  height: 32px;
  font-size: 0;
  text-indent: -9999px;
  background: #fff url("/src/images/btn_modify02.svg") no-repeat center/16px;
  border: 1px solid var(--line_color03);
  border-radius: 50%;
}
.webinf .chatbot_wrap .chatuser .user_wrap div {
  padding: 13px 16px;
  width: fit-content;
  max-width: 210px;
  font-size: 14px;
  color: var(--font_color06);
  border-radius: 14px 0 14px 14px;
  background: var(--main_color01);
}
.webinf .chatbot_wrap .mui_button {
  padding: 12px 16px 13px;
  min-width: 230px;
  max-width: 100%;
  height: initial;
  font-size: 14px;
  font-weight: 700;
  color: var(--font_color02);
  border: 0;
  border-radius: 14px;
}
.webinf .chatbot_wrap .dot {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.webinf .chatbot_wrap .dot li {
  position: relative;
  padding-left: 9px;
}
.webinf .chatbot_wrap .dot li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: var(--bg_color03);
}
.webinf .processes_img {
  margin-top: 60px;
  text-align: center;
}
.webinf .processes_img img {
  width: 148px;
}
.webinf .txt_link_wrap {
  text-align: center;
}
.webinf .txt_link_wrap .txt_link {
  display: inline-block;
  border-bottom: 1px solid var(--main_color01);
  font-size: 14px;
}
.webinf .inf_card {
  margin-top: 24px;
  display: flex;
  gap: 16px;
  flex: 1;
}
.webinf .inf_card .card {
  width: 100%;
  border-radius: 20px;
  border: 1px solid var(--line_color03);
  padding: 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
}
.webinf .inf_card .card .ico {
  width: 28px;
  height: 28px;
  background: var(--bg_color01);
  border-radius: 14px;
  display: block;
}
.webinf .inf_card .card dl dt {
  font-size: 14px;
  color: var(--font_color01);
}
.webinf .inf_card .card dl dd {
  margin-top: 16px;
}
.webinf .inf_card .card dl dd .txt {
  color: var(--font_color03);
  font-size: 14px;
}
.webinf .inf_card .card dl dd .txt.arr_up {
  padding-left: 18px;
  width: 16px;
  height: 16px;
  background: url("/src/images/img_arrow_up.svg") no-repeat center left;
}
.webinf .inf_card .card dl dd .txt.arr_down {
  padding-left: 18px;
  width: 16px;
  height: 16px;
  background: url("/src/images/img_arrow_down.svg") no-repeat center left;
}
.webinf .inf_card .card dl dd .em {
  display: block;
  color: var(--main_color01);
  font-size: 22px;
  font-weight: 700;
}
.webinf .inf_card .card dl dd .em .sm {
  font-size: 16px;
  font-weight: 400;
  margin-left: 4px;
}
.webinf .inf_card a.card {
  position: relative;
}
.webinf .inf_card a.card::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg) translateY(50%);
}
.webinf .loading {
  text-align: center;
  padding-top: 66px;
}
.webinf .loading .inset {
  padding-top: 60px;
}
.webinf .loading .img lottie-player {
  width: 148px;
  display: inline-flex;
}
.webinf .loading .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 16px;
}
.webinf .loading .mui_text {
  display: inline-flex;
}
.webinf .card_list .mui_more {
  margin-top: 12px;
}
.webinf .card_list a.card::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  right: 20px;
  transform: rotate(180deg);
}
.webinf .card_list .card {
  display: block;
  position: relative;
  border: 1px solid var(--line_color03);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
}
.webinf .card_list .card .title {
  font-weight: 700;
}
.webinf .card_list .card.error {
  background: var(--line_color03);
}
.webinf .card_list .card.error .title, .webinf .card_list .card.error dt {
  color: var(--font_color03);
}
.webinf .card_list .card:not(:first-child) {
  margin-top: 16px;
}
.webinf .card_list .card dt {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.webinf .card_list .card dd {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}
.webinf .card_list .card dd .txt1 {
  color: var(--main_color01);
}
.webinf .card_list .card dd .txt2 {
  color: #5C627C;
  margin-left: 12px;
  padding-left: 13px;
  position: relative;
}
.webinf .card_list .card dd .txt2::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  top: 4px;
  left: 0;
  bottom: 4px;
  background: var(--line_color02);
}
.webinf .card_list .card dd .error_msg {
  color: var(--font_color08);
  font-size: 14px;
  font-weight: 400;
}
.webinf .card_list .card .ico {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  left: 20px;
}
.webinf .card_list .card .tag {
  position: absolute;
  top: 24px;
  right: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  color: var(--font_color06);
  padding: 0 8px;
  border-radius: 10px;
}
.webinf .card_list .card .tag.error, .webinf .card_list .card .tag.tag_error {
  background: var(--font_color08);
}
.webinf .search_results {
  margin-top: 24px;
}
.webinf .search_results .mui_more {
  margin-top: 12px;
}
.webinf .search_results .lists {
  padding-top: 8px;
}
.webinf .search_results .lists button {
  padding: 16px 0;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid var(--line_color03);
}
.webinf .search_results .lists button .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
  display: block;
}
.webinf .search_results .lists button .txt1, .webinf .search_results .lists button .txt2 {
  font-size: 14px;
  color: var(--font_color03);
  display: block;
}
.webinf .search_results .guide {
  background: var(--bg_color02);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.webinf .search_results .guide p {
  padding-right: 8px;
  font-size: 14px;
  color: var(--font_color03);
}
.webinf .search_results .guide .mui_button_custom .inset {
  white-space: nowrap;
}
.webinf .search_guide_text {
  margin-top: 60px;
}
.webinf .search_guide_text .text {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
}
.webinf .search_guide_text .mui_result_ico.null {
  padding-top: 20px;
}
.webinf .search_guide_text .mui_result_ico.null .line {
  text-decoration: underline;
}
.webinf .search_limit {
  margin-top: 8px;
}
.webinf .search_limit .main_sec {
  padding-bottom: 44px;
  background: url("/src/images/img_inf01.svg") no-repeat center;
  background-size: 120px 120px;
  background-position: bottom right;
}
.webinf .search_limit .main_sec .mui_button_custom {
  margin-top: 16px;
}
.webinf .search_limit .guide_list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  padding-top: 24px;
}
.webinf .search_limit .guide_list .list {
  display: flex;
  gap: 0 16px;
  padding: 20px;
  border-radius: 20px;
  background: var(--bg_color02);
}
.webinf .search_limit .guide_list .img img {
  width: 50px;
}
.webinf .search_limit .guide_list dl dt {
  font-size: 17px;
  color: var(--font_color01);
  font-weight: 700;
}
.webinf .search_limit .guide_list dl dd {
  margin-top: 4px;
  color: var(--font_color03);
  font-size: 13px;
}
.webinf .mui_card .mui_result .big {
  font-size: 20px;
}

.ipmt .mui_contents_group .mui_tabs.step {
  margin: 24px -24px 0;
}
.ipmt .mui_contents_group .mui_tabs .req_guide, .ipmt .mui_contents_group .mui_tabs .signup_guide {
  margin-top: 0;
}
.ipmt .mui_tag.line {
  border-radius: 12px;
  font-size: 12px;
}
.ipmt .flex_c {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ipmt .flex_c strong {
  color: var(--font_color08);
}
.ipmt .mui_card + .mui_datatable {
  margin-top: 24px;
}
.ipmt .mui_datatable .bdr {
  border-right: 1px solid #e8e8e8;
}
.ipmt .mui_datatable th, .ipmt .mui_datatable td {
  padding: 10px 12px;
  font-size: 12px;
  color: var(--basic_color02);
  vertical-align: middle;
}
.ipmt .mui_scraping_noti__img_wrap {
  max-width: 360px;
  margin: auto;
  overflow: hidden;
}
.ipmt .mui_scraping_noti__img_wrap img {
  width: 100%;
  animation: muiScrapingNotiImgSlideUp 0.6s cubic-bezier(0, 0, 0.2, 1);
}
@keyframes muiScrapingNotiImgSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.ipmt .mui_step_scraping li .num {
  background: #f7f7f7 url(/src/images/contents/lb/img_scraping01.png) no-repeat center bottom 17px/36px;
}
.ipmt .mui_step_scraping li:nth-of-type(2) .num {
  background: #f7f7f7 url(/src/images/contents/lb/img_scraping02.png) no-repeat center bottom 17px/36px;
}
.ipmt .req_guide {
  margin-top: 32px;
}
.ipmt .req_guide .img img {
  width: 42px;
}
.ipmt .req_guide .signup_guide {
  padding: 8px 20px;
  background: var(--bg_color02);
}
.ipmt .req_guide .signup_guide li {
  padding: 12px 0;
  gap: 16px;
}
.ipmt .req_guide .signup_guide li .text strong {
  display: block;
}
.ipmt .req_guide .signup_guide li .text.flex {
  gap: 16px;
}
.ipmt .req_guide .signup_guide li .text.flex .mui_tag.step {
  margin-bottom: 0;
}
.ipmt .req_guide .signup_guide + .mui_card {
  margin-top: 20px;
}
.ipmt .req_guide .lists {
  display: flex;
  padding: 20px;
  gap: 16px;
  margin-bottom: 20px;
}
.ipmt .req_guide .lists::after {
  content: none;
}
.ipmt .req_guide .lists .text {
  margin-top: 0;
  text-align: left;
}
.ipmt .req_guide .lists .text .title {
  margin-top: 0;
  font-size: 14px;
}
.ipmt .req_guide .lists .text .sub_text {
  font-size: 12px;
}
.ipmt .req_guide .lists .text ul {
  padding: 0;
  background: none;
}
.ipmt .req_guide .lists .text ul li {
  padding: 4px 0;
  font-size: 12px;
  color: var(--font_color02);
}
.ipmt .req_guide .lists .text ul li::before {
  content: "";
  background: var(--basic_color05);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23F7F8FA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.ipmt .req_guide .lists .text ul li.mui_active::before {
  background: var(--main_color01);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23F7F8FA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.ipmt .req_guide .lists .text ul.dot li {
  position: relative;
  padding-left: 18px;
}
.ipmt .req_guide .lists .text ul.dot li::before {
  content: "";
  background: #333;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  border-radius: 50%;
}
.ipmt .mui_card .mui_text_lists.dot ul {
  margin-top: 12px;
  padding: 0;
}
.ipmt .mui_card .mui_text_lists.dot ul li {
  margin-top: 4px;
  padding: 0 0 0 9px;
  color: var(--font_color03);
}
.ipmt .mui_card .mui_text_lists.dot ul li::before {
  background: var(--font_color03);
}
.ipmt .mui_card--simple {
  margin-top: 24px;
}
.ipmt .waiting_wrap .waiting lottie-player {
  margin: 24px auto 0;
}
.ipmt .waiting_wrap .waiting strong {
  font-size: 18px;
}
.ipmt .text_warning {
  display: inline-block;
  font-size: 11px;
  color: #555;
  margin-top: 12px;
  padding: 4px 8px;
  background-color: #F7F8FA;
  border-radius: 10px;
}
.ipmt .text_warning::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background: url(/src/images/ico_warning.svg) no-repeat center/12px;
  vertical-align: middle;
}
.ipmt hr + .mui_result {
  padding: 0;
}
.ipmt .mui_text.warning strong {
  color: var(--font_color02);
}
.ipmt .mui_form_head .form_text {
  margin-top: 8px;
  font-size: 13px;
  color: var(--basic_color04);
}
.ipmt .mui_card.new.focus {
  height: auto;
}
.ipmt .mui_card.new .mui_title .title {
  font-size: 14px;
  border-bottom: 0;
}
.ipmt .mui_card.new .icon_img img {
  width: 64px;
  height: auto;
}
.ipmt .share_link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 0;
}
.ipmt .share_link .ico {
  width: 160px;
  margin-top: 32px;
}
.ipmt .mui_title + .req_guide {
  margin-top: 24px;
}
.ipmt .mui_result_ico .main_txt {
  font-size: 18px;
}

.webdep .product_info_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: -24px -24px 0;
  padding: 40px 16px;
  background-color: var(--bg_color02);
}
.webdep .product_info_title {
  font-size: 18px;
  font-weight: 700;
  color: var(--main_color01);
  text-align: center;
}
.webdep .product_info_title small {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  color: var(--font_color01);
}
.webdep .product_info_detail {
  width: 100%;
  display: flex;
  align-items: center;
}
.webdep .product_info_detail--bg {
  padding: 14px 0;
  background-color: var(--bg_color03);
  border-radius: 7px;
}
.webdep .product_info_detail--bg dt {
  color: var(--font_color04);
}
.webdep .product_info_detail dl {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.webdep .product_info_detail dl + dl {
  border-left: 1px solid var(--line_color02);
}
.webdep .product_info_detail dt {
  font-size: 12px;
  color: var(--font_color03);
}
.webdep .product_info_detail dd {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
}
.webdep .end_receive_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
}
.webdep .end_receive_text {
  font-size: 16px;
  color: var(--font_color02);
}
.webdep .end_receive_text small {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--font_color04);
}
.webdep .end_receive_img {
  position: relative;
  width: 100px;
  height: 100px;
}
.webdep .end_receive_img .front {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 64px;
  background: url(/src/images/contents/dep/img_prod04.png) no-repeat bottom left/contain;
  animation: endReceiveFront 0.8s ease;
}
.webdep .end_receive_img .back {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background: no-repeat top right/contain;
}
.webdep .end_receive_img .back--type01 {
  background-image: url(/src/images/contents/dep/img_prod01.png);
}
.webdep .end_receive_img .back--type02 {
  background-image: url(/src/images/contents/dep/img_prod02.png);
}
.webdep .end_receive_img .back--type03 {
  background-image: url(/src/images/contents/dep/img_prod03.png);
}
@keyframes endReceiveFront {
  0%, 100% {
    transform: translateY(0) scaleY(1);
  }
  20% {
    transform: translateY(-7px) scaleY(0.95);
  }
  40% {
    transform: translateY(5px) scaleY(1.02);
  }
  60% {
    transform: translateY(-5px) scaleY(0.98);
  }
  80% {
    transform: translateY(2px) scaleY(1);
  }
}
.webdep .rolling_counter {
  display: inline-flex;
  height: 36px;
  font-size: 24px;
  font-weight: 700;
  color: var(--main_color01);
  vertical-align: middle;
  max-width: 0;
  overflow: hidden;
  will-change: width, opacity, transform;
  animation: test 1s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.1s;
}
@keyframes test {
  from {
    max-width: 0;
    opacity: 0;
  }
  to {
    max-width: 300px;
    opacity: 1;
  }
}
.webdep .rolling_counter_digit {
  position: relative;
  width: 15px;
  margin-top: -2px;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
.webdep .rolling_counter_digit_list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  transition: transform 1s ease-out;
}
.webdep .rolling_counter_digit_num {
  height: 36px;
  padding-top: 3px;
  text-align: center;
}
.webdep .rolling_counter_digit_num:first-child {
  opacity: 0;
}
.webdep .rolling_counter_digit_comma {
  width: 8px;
  opacity: 0;
  animation: muiOpacity 0.4s ease forwards;
}
.webdep .rolling_counter_digit_comma:nth-last-child(5) {
  animation-delay: 0.3s;
}
.webdep .rolling_counter_digit_comma:nth-last-child(9) {
  animation-delay: 0.6s;
}
.webdep .rolling_counter_digit_comma:nth-last-child(13) {
  animation-delay: 0.9s;
}
.webdep .rolling_counter_unit {
  align-self: center;
  margin-left: 4px;
  font-size: 16px;
  font-weight: inherit;
  color: var(--font_color02);
}
.webdep .sub_text {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 12px;
}
.webdep .sub_text--round {
  width: fit-content;
  padding: 4px 8px;
  background-color: var(--bg_color02);
  border-radius: 32px;
  font-size: 11px;
}
.webdep .sub_text--round::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background: url(/src/images/ico_warning.svg) no-repeat center/12px;
  vertical-align: middle;
}
.webdep .webdep_wrap .item_wrap {
  margin: -24px -24px 0;
  padding: 24px 24px 32px 24px;
  background: rgba(243, 115, 32, 0.04);
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type {
  position: relative;
  padding: 20px 0 84px 20px;
  border-radius: 20px;
  background: var(--main_color01);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 8px 2px 8px;
  font-size: 13px;
  color: var(--font_color06);
  border-radius: 12px;
  background: rgba(111, 111, 111, 0.3);
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .img {
  position: absolute;
  top: 24px;
  right: 16px;
  width: 120px;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .btn_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .btn_wrap button {
  display: block;
  width: 100%;
  padding: 17px 0 16px 0;
  font-size: 16px;
  color: var(--font_color06);
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 20px 20px;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .title {
  padding-right: 128px;
  color: var(--font_color06);
  word-break: keep-all;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .sub_txt {
  width: auto;
  background: none;
  overflow: hidden;
  padding-right: 128px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail {
  margin-top: 40px;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail .list {
  flex-direction: row;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail dl ~ dl {
  position: relative;
  margin-top: 0;
  margin-left: 24px;
  padding-left: 24px;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail dl ~ dl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 46px;
  background: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%);
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail dl ~ dl strong {
  font-size: 20px;
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail dt,
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail dd {
  width: 100%;
  color: var(--font_color06);
}
.webdep .webdep_wrap .item_wrap .bank_products.card_type .detail strong {
  font-size: 20px;
}
.webdep .webdep_wrap .mui_tab_nav {
  margin: 0 -24px;
  padding: 0;
}
.webdep .webdep_wrap .mui_tab_nav .nav_list:first-child {
  padding-left: 24px;
}
.webdep .webdep_wrap .mui_tab_nav .nav_list:last-child {
  padding-right: 24px;
}
.webdep .webdep_wrap .tab_pane {
  padding-left: 0;
  padding-right: 0;
}
.webdep .webdep_wrap .mui_card_list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.webdep .webdep_wrap .mui_card_list .tag {
  border-radius: 10px;
  height: 20px;
  line-height: 20px;
  background: #3282FA;
  color: var(--bg_color03);
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  margin-bottom: 16px;
}
.webdep .webdep_wrap .mui_card_list .tag.disabled {
  background: var(--basic_color04);
}
.webdep .webdep_wrap .mui_card_list .tag.error, .webdep .webdep_wrap .mui_card_list .tag.tag_error {
  background: var(--font_color08);
}
.webdep .webdep_wrap .mui_card_list a {
  flex-direction: column;
  align-items: initial;
  padding: 20px;
  height: initial;
}
.webdep .webdep_wrap .mui_card_list a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg) translateY(50%);
}
.webdep .webdep_wrap .mui_card_list .bank_info .text {
  display: block;
  padding-right: 32px;
  font-size: 13px;
  color: var(--basic_color04);
  text-align: left;
}
.webdep .webdep_wrap .mui_card_list .bank_info .text strong {
  display: block;
  font-size: 18px;
  color: var(--font_color01);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webdep .webdep_wrap .mui_card_list .bank_info .text span {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.webdep .webdep_wrap .mui_card_list .info_wrap {
  display: flex;
  gap: 0 40px;
  padding-top: 16px;
}
.webdep .webdep_wrap .mui_card_list .info_wrap dt {
  font-size: 13px;
  color: var(--basic_color04);
}
.webdep .webdep_wrap .mui_card_list .info_wrap dd {
  padding-top: 4px;
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
}
.webdep .grey_box {
  background: var(--bg_color02);
  border-radius: 12px;
  padding: 16px;
  font-size: 14px;
  color: var(--font_color01);
}
.webdep .view_data {
  text-align: center;
}
.webdep .view_data .mui_text {
  text-align: left;
}
.webdep .view_data .write_pop {
  font-size: 16px;
  border-bottom: 1px solid var(--basic_color03);
  color: var(--font_color03);
}
.webdep .view_data .guide_box {
  border-radius: 12px;
  margin-top: 24px;
  background: var(--bg_color02);
  padding: 20px;
}
.webdep .view_data .guide_box.layer_content {
  margin-top: 0;
}
.webdep .view_data .guide_box.gcoverflow_box .overflow_wrap {
  height: 58px;
  overflow: hidden;
}
.webdep .view_data .guide_box.gcoverflow_box.mui_active .overflow_wrap {
  height: auto;
  overflow: hidden;
}
.webdep .view_data .guide_box .list {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.webdep .view_data .guide_box .list .title {
  color: var(--font_color03);
}
.webdep .view_data .guide_box .list .text {
  color: var(--font_color01);
  font-weight: 700;
}
.webdep .view_data .guide_box .list ~ .list {
  margin-top: 16px;
}
.webdep .view_data .guide_box .more {
  display: block;
  width: 100%;
  margin-top: 24px;
}
.webdep .view_data .guide_box .more.mui_active span::after {
  transform: rotate(180deg);
  top: 0;
}
.webdep .view_data .guide_box .more span {
  color: var(--basic_color04);
  display: inline-flex;
  position: relative;
}
.webdep .view_data .guide_box .more span::after {
  content: "";
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 20 20'%3E%3Cpath d='M15,8l-5,5L5,8' transform='translate(0 -1)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  position: relative;
  top: 1px;
}
.webdep .rangeslidr_wrap .rangedata {
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: var(--basic_color04);
  margin: 0 -10px;
}
.webdep .rangeslidr_wrap .rangedata span {
  width: 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.webdep .rangeslidr_wrap .rangedata span:first-child::after, .webdep .rangeslidr_wrap .rangedata span:last-child::after {
  display: none;
}
.webdep .rangeslidr_wrap .rangedata span::after {
  content: "";
  display: block;
  height: 12px;
  border-left: 1px dashed var(--basic_color05);
  position: absolute;
  top: -20px;
  left: 50%;
}
.webdep .rangeslidr_wrap .currdata {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
  padding-bottom: 12px;
}
.webdep .signup_remind .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--font_color01);
}
.webdep .pos_top {
  margin: -24px -24px 0;
  padding: 11px 24px 9px;
  background: var(--bg_color02);
}
.webdep .pos_top .mui_datasort {
  margin-bottom: 0;
}
.webdep .req_list_result {
  margin-top: 24px;
}
.webdep .req_list_result .date {
  font-size: 14px;
  border-width: 700;
  color: var(--basic_color04);
}
.webdep .req_list_result .data {
  display: flex;
  padding: 23px 0 22px;
  border-bottom: 1px solid var(--line_color03);
  justify-content: space-between;
  align-items: center;
}
.webdep .req_list_result .data .text {
  font-size: 16px;
  color: var(--font_color02);
}
.webdep .req_list_result .link a, .webdep .req_list_result .link p {
  display: block;
  font-size: 16px;
  color: var(--font_color02);
  padding: 23px 0 22px;
  border-bottom: 1px solid var(--line_color03);
  position: relative;
}
.webdep .req_list_result .link a::after, .webdep .req_list_result .link p::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}
.webdep .req_list_result .link p::after {
  display: none;
}
.webdep .req_list_result .tag {
  height: 20px;
  padding: 0 8px;
  color: var(--font_color06);
  line-height: 20px;
  font-size: 13px;
  background: var(--basic_color01);
  border-radius: 10px;
}
.webdep .req_list_result .tag.ing {
  background: var(--basic_color07);
}
.webdep .req_list_result .tag.error, .webdep .req_list_result .tag.tag_error {
  background: var(--basic_color08);
}
.webdep .req_list_result .list ~ .list {
  margin-top: 32px;
}
.webdep .recom_lists {
  margin-top: 16px;
}
.webdep .recom_lists .list {
  display: block;
  padding: 20px;
  background: var(--bg_color02);
  border-radius: 20px;
}
.webdep .recom_lists .list .title {
  font-size: 16px;
  font-weight: 700;
  color: var(--font_color01);
  position: relative;
}
.webdep .recom_lists .list .title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
}
.webdep .recom_lists .list .text {
  color: var(--basic_color04);
  font-size: 13px;
}
.webdep .recom_lists .list .data {
  margin-top: 12px;
  display: flex;
  font-size: 14px;
}
.webdep .recom_lists .list .data span {
  position: relative;
  color: #5c627c;
}
.webdep .recom_lists .list .data span em,
.webdep .recom_lists .list .data span strong {
  font-weight: 700;
  margin-left: 4px;
}
.webdep .recom_lists .list .data span ~ span {
  margin-left: 12px;
  padding-left: 13px;
}
.webdep .recom_lists .list .data span ~ span::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: var(--line_color02);
  position: absolute;
  top: 3px;
  left: 0;
}
.webdep .recom_lists .list ~ .list {
  margin-top: 16px;
}
.webdep .top_btn {
  text-align: right;
}

/* 자주쓰는 계좌관리 */
.webcus .fav_card_list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.webcus .fav_card_list .fav_card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 64px;
  border-radius: 20px;
  border: 1px solid var(--line_color03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.webcus .fav_card_list .fav_card .close_btn {
  z-index: 2;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url("/src/images/ico_close.svg") no-repeat center;
}
.webcus .fav_card_list .fav_card .img_wrap {
  position: absolute;
  top: 24px;
  left: 20px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line_color04);
}
.webcus .fav_card_list .fav_card .account_info p {
  font-size: 14px;
  color: var(--basic_color01);
}
.webcus .fav_card_list .fav_card .account_info span {
  display: block;
  padding-top: 4px;
  font-size: 13px;
  color: var(--basic_color04);
}
.webcus .fav_card_list .fav_card .nickname {
  position: relative;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  color: var(--basic_color02);
}
.webcus .fav_card_list .fav_card .nickname .btn_modify {
  width: 20px;
  height: 20px;
  font-size: 0;
  text-indent: -9999px;
  background: url("/src/images/btn_modify.svg") no-repeat center;
}
.webcus .card_ico_arrow a {
  position: relative;
}
.webcus .card_ico_arrow a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg) translateY(50%);
}
.webcus .card_ico_arrow + .mui_more {
  margin-top: 12px;
}
.webcus .card_ico_arrow .mui_card .inset:after {
  top: 32px;
}
.webcus .card_ico_arrow .mui_card .inset .title {
  padding-bottom: 0;
  font-size: 14px;
  border-bottom: 0;
  font-weight: 400;
}
.webcus .card_ico_arrow .mui_card .inset .title span {
  font-size: 13px;
  margin-top: 4px;
  color: #888;
  display: block;
}
.webcus .mui_card + .mui_more {
  margin-top: 12px;
}
.webcus .info_wrap {
  padding: 20px;
  background: var(--bg_color02);
  border-radius: 12px;
}
.webcus .info_wrap .info_txt {
  margin-top: 0;
  color: var(--basic_color01);
}
.webcus .info_wrap + .mui_title {
  margin-top: 24px;
}
.webcus .info_wrap + .mui_title + .mui_text_lists ul {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  padding-top: 16px;
}
.webcus .info_wrap + .mui_title + .mui_text_lists li {
  font-size: 14px;
  color: var(--font_color03);
}
.webcus .data_sort_wrap {
  display: flex;
  justify-content: space-between;
}
.webcus .data_sort_wrap .mui_datasort {
  margin-bottom: 0;
}
.webcus .data_sort_wrap .sort_data {
  font-size: 18px;
  font-weight: 700;
}
.webcus .select_info {
  margin-top: 24px;
}
.webcus .select_info ul {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin-top: 16px;
  padding-left: 32px;
}
.webcus .etc_agree {
  margin-top: 32px;
}
.webcus .etc_agree p.txt {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 8px;
}
.webcus .etc_agree .chk {
  margin-top: 24px;
}
.webcus .etc_agree .chk label {
  color: var(--font_color01);
  font-weight: 700;
}
.webcus .confirm_sec .mixin_btn {
  margin: 16px 0 24px;
}
.webcus .cdd_edd {
  margin-top: 24px;
}
.webcus .cdd_edd .grey_box {
  border-radius: 8px;
  background: var(--bg_color02);
  padding: 20px;
}
.webcus .cdd_edd .grey_box .txt1 {
  font-size: 14px;
  font-weight: 700;
  color: var(--font_color01);
}
.webcus .cdd_edd .grey_box .txt2 {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 8px;
}
.webcus .cdd_edd .grey_box .sec ~ .sec {
  margin-top: 16px;
  border-top: 1px solid var(--line_color02);
  padding-top: 16px;
}
.webcus .cdd_edd .more .mui_title {
  margin-bottom: 16px;
}
.webcus .cdd_edd .more .mui_text_lists.circle_num > ul > li ~ li {
  margin-top: 8px;
}
.webcus .cdd_edd .more .dot {
  font-size: 14px;
  color: var(--font_color03);
  position: relative;
  padding-left: 9px;
}
.webcus .cdd_edd .more .dot::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: var(--font_color03);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}
.webcus .confirm_msg {
  margin-top: 24px;
}
.webcus .confirm_msg p {
  height: 40px;
  text-align: center;
  background: var(--bg_color02);
  position: relative;
  color: var(--font_color01);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.webcus .confirm_msg p::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 20 20'%3E%3Cpath d='M11783,22442h-20v-20h20v20Zm-16-11.443a1,1,0,0,0-1,.975.99.99,0,0,0,.276.713l4.225,4.443a1.013,1.013,0,0,0,.721.311h.006a1,1,0,0,0,.715-.3l7.778-8a1,1,0,1,0-1.437-1.391l-7.052,7.254-3.509-3.693A.979.979,0,0,0,11767,22430.557Z' transform='translate(-11762.998 -22422)' fill='%23F7F8FA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: var(--main_color01);
}
.webcus .mixin_btn {
  position: relative;
}
.webcus .mixin_btn .mixin_sec {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.webcus .mixin_btn .count_time {
  font-size: 13px;
  color: var(--main_color01);
  margin-right: 12px;
  line-height: 100%;
}
.webcus .mixin_btn .btn {
  width: auto;
  height: 28px;
  padding: 0 8px;
  font-size: 13px;
  background: #5C627C;
  border-radius: 8px;
}
.webcus .mixin_btn .btn span {
  white-space: nowrap;
  color: var(--bg_color03);
  font-size: 13px;
}
.webcus .mixin_btn .btn[disabled] {
  background: var(--basic_color05);
  color: var(--font_color03);
}
.webcus .joi_steps {
  margin-top: 16px;
  position: relative;
}
.webcus .joi_steps::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  border-left: 1px dashed var(--basic_color05);
}
.webcus .joi_steps li {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.webcus .joi_steps li ~ li {
  margin-top: 16px;
}
.webcus .joi_steps .num {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: var(--bg_color01);
  font-size: 18px;
  color: var(--font_color02);
  display: inline-flex;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
.webcus .joi_steps .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-left: 12px;
}

/* 계좌비밀번호변경 */
.webiba .sort_data {
  font-size: 18px;
  font-weight: 700;
}
.webiba .card_list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.webiba .card_box {
  position: relative;
  display: flex;
  gap: 4px 0;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--line_color03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.webiba .card_box a {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.webiba .card_box a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg transform='translate(20 20) rotate(180)'%3E%3Cpath d='M9,5l5,5L9,15' transform='translate(-1.5)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect width='20' height='20' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
  transform: rotate(180deg) translateY(10px);
}
.webiba .card_box strong {
  font-size: 14px;
  color: var(--basic_color01);
}
.webiba .card_box span {
  font-size: 13px;
  color: var(--basic_color04);
}
.webiba .card_box .img {
  display: inline-block;
  margin-right: 11px;
  width: 32px;
  height: 32px;
}
.webiba .card_box .bank_info {
  display: flex;
  flex-direction: column;
}
.webiba .text .sub_txt {
  margin-right: -20px;
  padding-top: 8px;
  font-size: 13px;
  font-weight: 300;
  color: var(--basic_color04);
}

/* 금리인하요구권, 대출계약철회 */
.webirc .guide_wrap,
.webwil .guide_wrap {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line_color03);
}
.webirc .guide_wrap .mui_text_lists.dot > ul > li,
.webwil .guide_wrap .mui_text_lists.dot > ul > li {
  margin-top: 16px;
}
.webirc .guide_wrap .mui_text_lists.dot > ul > li::before,
.webwil .guide_wrap .mui_text_lists.dot > ul > li::before {
  background: var(--basic_color03);
}
.webirc .guide_wrap .num ul,
.webwil .guide_wrap .num ul {
  padding-top: 4px;
}
.webirc .guide_wrap .tit,
.webwil .guide_wrap .tit {
  font-size: 14px;
  color: var(--basic_color01);
}
.webirc .guide_wrap .txt,
.webwil .guide_wrap .txt {
  color: var(--basic_color04);
}
.webirc .guide_wrap + .mui_text.warning,
.webwil .guide_wrap + .mui_text.warning {
  margin-top: 12px;
}
.webirc .agree_wrap,
.webwil .agree_wrap {
  margin-top: 32px;
}
.webirc .agree_wrap .mui_checkbox_group,
.webwil .agree_wrap .mui_checkbox_group {
  text-align: right;
}
.webirc .mui_result_ico.null strong,
.webwil .mui_result_ico.null strong {
  font-size: 22px;
}

/* 대출금액조회 */
.webrpi .guide_wrap {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding-top: 12px;
}
.webrpi .money {
  display: flex;
  justify-content: flex-end;
  gap: 0 8px;
  padding-top: 12px;
  font-size: 13px;
  color: var(--basic_color04);
}
.webrpi .money span {
  color: var(--basic_color01);
}
.webrpi .mui_result.line + .mui_result.line {
  border-top: 0;
}

.webiba.pop .txts {
  font-weight: 700;
  font-size: 18px;
  color: var(--font_color01);
  text-align: center;
  margin: 8px 0 24px;
}

.signupguide_wrap .condition_title {
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--font_color01);
}
.signupguide_wrap p.agree {
  font-size: 14px;
  font-weight: 700;
  color: var(--font_color01);
}
.signupguide_wrap .mui_title + .mui_text_lists {
  margin-top: 16px;
}
.signupguide_wrap .signup_guide {
  border-radius: 12px;
  background: var(--bg_color02);
  padding: 20px;
  font-size: 14px;
  color: var(--font_color03);
}
.signupguide_wrap .signup_guide li {
  position: relative;
  display: flex;
  align-items: center;
}
.signupguide_wrap .signup_guide li .img {
  margin-right: 12px;
}
.signupguide_wrap .signup_guide li .img img {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.signupguide_wrap .signup_guide li .text {
  font-size: 14px;
  color: var(--font_color01);
}
.signupguide_wrap .signup_guide li ~ li {
  margin-top: 16px;
}
.signupguide_wrap .mui_text_lists.dot li + li {
  margin-top: 4px;
}
.signupguide_wrap .text1 {
  margin-bottom: 16px;
}
.signupguide_wrap .text2 {
  margin-bottom: 8px;
}
.signupguide_wrap .sub_txt {
  margin-top: 16px;
  font-size: 14px;
  color: var(--font_color03);
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--line_color03);
}
.signupguide_wrap .sub_txt p ~ p {
  margin-top: 8px;
}
.signupguide_wrap .sub_txt.last {
  border-bottom: 0 none;
  margin-bottom: 8px;
}

.bank_products.limit .btn_arrow {
  margin-top: 32px;
}
.bank_products.limit .timeselect-24 {
  margin-top: 16px;
}
.bank_products.limit .detail {
  margin-top: 24px;
  display: flex;
}
.bank_products.limit .detail .list ~ .list {
  margin-top: 0;
  position: relative;
  margin-left: 24px;
  padding-left: 25px;
}
.bank_products.limit .detail .list ~ .list::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  bottom: 8px;
  width: 1px;
  background: var(--line_color03);
}
.bank_products .acc_title {
  font-weight: 700;
}
.bank_products .sub_txt {
  padding-top: 4px;
  font-size: 15px;
  color: var(--font_color02);
}
.bank_products .detail {
  margin-top: 36px;
  position: relative;
}
.bank_products .detail .list {
  display: flex;
  flex-direction: column;
}
.bank_products .detail .list ~ .list {
  margin-top: 16px;
}
.bank_products .detail dl ~ dl {
  margin-top: 20px;
}
.bank_products .detail dl dt {
  font-size: 13px;
  color: var(--basic_color04);
}
.bank_products .detail dl dd {
  width: calc(100% - 120px);
  font-size: 20px;
  font-weight: 700;
  color: var(--font_color01);
  word-break: keep-all;
}
.bank_products .detail .img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bank_products .detail .img img {
  width: 120px;
}
.bank_products .mui_acc_content .mui_button_wrap .mui_white {
  color: var(--basic_color03);
}
.bank_products .mui_acc_content .mui_button_wrap .mui_white.mui_active {
  border-color: var(--main_color01);
  color: var(--main_color01);
}
.bank_products .mui_acc_content .mui_button_wrap + .mui_button_wrap {
  margin-top: 12px;
}
.bank_products .other_guide .img {
  text-align: center;
}
.bank_products .other_guide img {
  width: 92px;
}
.bank_products .other_guide .text {
  font-size: 14px;
  color: var(--font_color03);
  padding: 20px;
  border-radius: 20px;
  background: var(--bg_color02);
  margin-top: 16px;
}
.bank_products .title.lv1 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bank_products .title.lv1 em {
  display: block;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bank_product_details {
  margin: 16px -24px;
  background: var(--bg_color02);
  padding: 32px 156px 32px 24px;
  position: relative;
  min-height: 153px;
}
.bank_product_details .sub_txt {
  font-size: 15px;
  color: #333;
  margin-top: 4px;
}
.bank_product_details .detail .img {
  position: absolute;
  bottom: 24px;
  right: 24px;
}
.bank_product_details .detail .img img {
  width: 100px;
}

.product_data .title {
  font-size: 15px;
  color: var(--font_color02);
  font-weight: 700;
}
.product_data .title ~ .title {
  margin-top: 16px;
}
.product_data .title.small {
  font-size: 14px;
}
.product_data .text {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 4px;
}

.otp_code {
  margin: 24px auto 0;
}
.otp_code img {
  width: 100%;
}

.guide_limit .text {
  font-weight: bold;
  font-size: 14px;
  color: var(--font_color01);
  font-weight: 700;
}

.agree_switch {
  background: var(--bg_color02);
  padding: 20px;
  border-radius: 20px;
  position: relative;
}
.agree_switch .mui_form {
  margin-top: 24px;
}
.agree_switch .guide_btn_line {
  margin-left: 8px;
  font-size: 12px;
  color: var(--font_color03);
  border-bottom: 1px solid var(--font_color03);
  vertical-align: 2px;
}
.agree_switch .switch {
  position: absolute;
  top: 20px;
  right: 20px;
}
.agree_switch .text {
  font-size: 15px;
  font-weight: 700;
  color: var(--font_color01);
}

.webcerp .mui_card_list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.webcerp .mui_card_list li.toss {
  background: url("/src/images/ico_toss.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.pass {
  background: url("/src/images/ico_pass.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.naver {
  background: url("/src/images/ico_naver.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.kakaobank {
  background: url("/src/images/ico_kakaobank.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.kakao {
  background: url("/src/images/ico_kakao.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.certi {
  background: url("/src/images/ico_financial.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled.toss {
  background: var(--bg_color02) url("/src/images/ico_toss disabled.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled.pass {
  background: var(--bg_color02) url("/src/images/ico_pass_disabled.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled.naver {
  background: var(--bg_color02) url("/src/images/ico_naver_disabled.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled.kakaobank {
  background: var(--bg_color02) url("/src/images/ico_kakaobank_disabled.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled.kakao {
  background: var(--bg_color02) url("/src/images/ico_kakao_disabled.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled.certi {
  background: url("/src/images/ico_financial_disabled.png") no-repeat 20px/36px;
}
.webcerp .mui_card_list li.disabled a {
  pointer-events: none;
  border-color: #D2D4D4;
}
.webcerp .mui_card_list li.disabled .text::after {
  content: "미등록";
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  border: 2px solid #C2C8CD;
  border-radius: 16px;
  color: #73787C;
}
.webcerp .mui_card_list li a {
  height: auto;
  min-height: 70px;
  padding: 16px 20px;
  box-shadow: none;
  border-radius: 16px;
}
.webcerp .mui_card_list li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 23 24' fill='none'%3E%3Crect x='0.5' y='23' width='22' height='22' rx='11' transform='rotate(-90 0.5 23)' fill='none' stroke='%23CCCC'/%3E%3Cpath d='M9.23524 16.3267L13.7646 12.0032L9.23524 7.67969' stroke='%23333' stroke-linecap='round' stroke-linejoie='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
}
.webcerp .mui_card_list li a:active, .webcerp .mui_card_list li a:focus {
  box-shadow: 0 0 0 2px var(--main_color01) inset;
}
.webcerp .mui_card_list li .text {
  margin-left: 52px;
}

/* 항상하단위치하는 컨텐츠 용도 사용 */
.flex_top_bot {
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 56px);
  padding-bottom: 108px !important;
}
.flex_top_bot .flex_bot {
  margin-top: auto;
  padding-top: 24px;
}
.flex_top_bot .flex_bot:after {
  top: 24px;
}
.flex_top_bot .mui_button_fixed {
  height: initial;
}

.guide_pop_msg.al_c {
  text-align: center;
}
.guide_pop_msg.al_c .mui_text {
  display: inline-block;
}
.guide_pop_msg .basic14 {
  font-size: 14px;
  color: var(--font_color03);
  margin-top: 16px;
}
.guide_pop_msg .mui_text {
  margin-top: 12px;
}

/* 약관 */
.agreement .mui_title + p {
  padding-top: 4px;
}
.agreement .mui_datatable {
  overflow: auto;
  margin-top: 8px;
  width: calc(100% + 24px);
}
.agreement .mui_datatable table,
.agreement .mui_datatable th,
.agreement .mui_datatable td {
  white-space: nowrap;
}
.agreement .mui_datatable + .indent {
  margin-top: 8px;
}
.agreement .mui_text.warning {
  margin-top: 12px;
}
.agreement .indent {
  display: flex;
  margin-top: 8px;
}
.agreement .indent strong {
  color: var(--font_color01);
}
.agreement .indent strong:first-child,
.agreement .indent span:first-child {
  flex: none;
  width: 24px;
}
.agreement p {
  font-size: 14px;
  color: var(--font_color03);
}
.agreement p + p {
  margin-top: 8px;
}
.agreement p.txt {
  padding-top: 8px;
  font-size: 11px;
}
.agreement em {
  color: var(--font_color08);
}
.agreement .gray_box {
  padding: 16px;
  font-size: 14px;
  color: var(--font_color03);
  background: var(--bg_color02);
  border-radius: 8px;
}
.agreement .fake_agree {
  display: flex;
  justify-content: flex-end;
  gap: 0 8px;
  padding-top: 12px;
}
.agreement .fake_agree strong {
  position: relative;
  padding-top: 15% W;
  padding-right: 16px;
}
.agreement .fake_agree strong::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  border: 2px solid var(--font_color01);
  transform: translateY(-50%);
}
.agreement .circle_num {
  padding-top: 16px;
}
.agreement .circle_num ul li {
  padding-left: 20px;
  font-weight: 700;
  color: var(--font_color03);
}
.agreement .circle_num ul li::before {
  left: 0;
}
.agreement .circle_num ul li ~ li {
  margin-top: 8px;
}
.agreement .circle_num .depth_01 {
  margin-left: -20px;
  color: var(--font_color03);
}
.agreement .circle_num .depth_01 li {
  font-weight: 400;
}
.agreement .circle_num .depth_01 li ~ li {
  margin-top: 0;
}
.agreement .circle_num span {
  display: block;
  font-weight: 400;
}
.agreement .circle_num .size-s {
  margin-top: 12px;
  font-size: 13px;
}
.agreement .depth_01 {
  counter-reset: number;
}
.agreement .depth_01 li {
  position: relative;
  margin-top: 8px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: var(--font_color03);
}
.agreement .depth_01 li::before {
  content: "" counter(number) ". ";
  counter-increment: number;
  position: absolute;
  left: 0;
}
.agreement .depth_01 li p {
  margin-top: 8px;
}
.agreement .depth_01 li p:first-child {
  margin-top: 0;
}
.agreement .depth_01 li p:last-child {
  margin-bottom: 12px;
}
.agreement .depth_01 li .warning {
  margin-top: 8px;
}
.agreement .depth_01 li ~ li {
  margin-top: 0;
}
.agreement .prev_agreement {
  font-size: 14px;
  color: var(--font_color03);
  border-bottom: 1px solid var(--font_color03);
}
.agreement span.prev_agreement {
  border-bottom: 0 none;
}
.agreement ul.dot {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin-top: 8px;
}
.agreement ul.dot li {
  position: relative;
  padding-left: 9px;
  font-size: 14px;
  color: var(--font_color03);
}
.agreement ul.dot li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: var(--basic_color03);
}
.agreement ul.dot li strong {
  color: var(--font_color01);
}

/* 동의등급제 */
.risk-level-list {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #eee;
}
.risk-level-list li {
  position: relative;
  flex: 1;
  padding: 6px 0px;
  font-size: 12px;
  text-align: center;
}
.risk-level-list li.checked::after {
  content: "▲";
  position: absolute;
  bottom: -25px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  color: #111;
}
.risk-level-list li:nth-of-type(1) {
  color: #fff;
  background: #00a1cf;
}
.risk-level-list li:nth-of-type(2) {
  color: #fff;
  background: #55a745;
}
.risk-level-list li:nth-of-type(3) {
  background: #ffcf20;
}
.risk-level-list li:nth-of-type(4) {
  color: #fff;
  background: #f46c11;
}
.risk-level-list li:nth-of-type(5) {
  color: #fff;
  background: #ed3f24;
}

.webloa .landing .title_sec {
  text-align: center;
  padding-top: 40px;
}
.webloa .landing .mui_title {
  margin-bottom: 16px;
}
.webloa .landing .txt {
  font-size: 14px;
  color: var(--font_color03);
}
.webloa .landing .greybox {
  background: var(--bg_color02);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 12px;
}
.webloa .landing .check_list .lists ~ .lists {
  margin-top: 16px;
}
.webloa .landing .check_list .box {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--font_color01);
}
.webloa .landing .check_list .box .img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 4px;
  overflow: hidden;
}
.webloa .landing .product_data .mui_text_lists {
  margin-top: 4px;
}
.webloa .landing .product_data .mui_text_lists > ul > li ~ li {
  margin-top: 4px;
}

/*----------------------------------------*\
  || 안면인식솔루션
\*----------------------------------------*/
.webfacial .download-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 57px;
  position: relative;
}
.webfacial .download-progress::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 30px;
  background: var(--bg-clr2);
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}
.webfacial .download-progress__status {
  color: var(--body-clr);
  font-size: 11px;
}
.webfacial .download-progress__bar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  max-width: calc(100% - 10px);
  height: 20px;
  border-radius: 20px;
  background: var(--main_color01);
  animation: animate-bar 2s ease forwards;
}
.webfacial .download-progress__bar::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 80%);
}
.webfacial .download-progress__percentage {
  color: var(--cap-clr);
  font-size: 11px;
}
.webfacial .facial-rec {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  border: 8px solid #f4f4f4;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.webfacial .facial-rec::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: block;
  width: 300px;
  height: 300px;
  border: 24px solid #e8e8e8;
  border-radius: 50%;
}
.webfacial .facial-rec--scan {
  border: 5px dashed var(--button_color02);
  animation: border-spin 2s linear infinite;
}
.webfacial .facial-rec--error, .webfacial .facial-rec--fail {
  border: 5px solid var(--neg-clr);
}
.webfacial .facial-rec--find {
  border: 5px solid var(--main_color02);
}
.webfacial .facial-rec--success {
  border: 5px solid var(--pos-clr);
}
.webfacial .facial-rec--fail::after, .webfacial .facial-rec--success::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.webfacial .facial-rec__guide {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.webfacial .facial-rec__guide li {
  min-width: 114px;
  padding-top: 60px;
  text-align: center;
  color: var(--body-clr);
  font-size: 12px;
  background: url("/src/images/ico_facialrec_guide01.svg") no-repeat 50% 0;
}
.webfacial .facial-rec__guide li:last-child {
  background: url("/src/images/ico_facialrec_guide02.svg") no-repeat 50% 0;
}
.webfacial .facial-rec__camera, .webfacial .facial-rec__countdown {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 285px;
  height: 285px;
}
.webfacial .facial-rec__camera--ready::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.webfacial .facial-rec__countdown::before {
  content: attr(aria-valuenow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  line-height: 150px;
  color: var(--body-clr);
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  border: 2px solid var(--body-clr);
  border-radius: 50%;
}
.webfacial .facial-rec__countdown--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotateZ(-90deg);
  z-index: 1;
}
.webfacial .facial-rec__countdown--icon circle {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke-linecap: round;
  stroke-width: 24px;
  stroke: var(--main_color01);
  fill: none;
  animation: countdown 4s linear forwards;
}
.webfacial .facial-rec__countdown--shadow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  height: 270px;
  background: transparent;
  border-radius: 50%;
  z-index: 1;
  box-shadow: inset 0 0 24px 0 rgba(255, 255, 255, 0.4);
}
.webfacial .ico-success,
.webfacial .ico-fail {
  display: block;
  width: 300px;
  margin: -64px auto 0;
  padding-left: 189px;
  position: relative;
  z-index: 1;
}
.webfacial .ico-success .success-tick {
  fill: none;
  stroke-width: 5px;
  stroke: white;
  stroke-dasharray: 50px;
  stroke-dashoffset: 0;
  opacity: 0;
  animation: ico-tick 0.5 ease 1.5s forwards;
  animation-delay: 1.5s;
}
.webfacial .ico-success .success-circle-outline {
  fill: none;
  stroke-width: 5px;
  stroke: var(--pos-clr);
  stroke-dasharray: 200px;
  stroke-dashoffset: 0;
  opacity: 0;
  animation: ico-circle-outline 0.3s ease-in-out 0.8s forwards;
}
.webfacial .ico-success .success-circle-fill {
  fill: var(--pos-clr);
  stroke: none;
  opacity: 0;
  animation: ico-circle-fill 0.3s ease-out 1.2s forwards;
}
.webfacial .ico-fail .fail-tick {
  fill: none;
  stroke-width: 5px;
  stroke: white;
  stroke-dasharray: 50px;
  stroke-dashoffset: 0;
  opacity: 0;
  animation: ico-tick 0.5 ease 1.5s forwards;
  animation-delay: 1.5s;
}
.webfacial .ico-fail .fail-tick + .fail-tick {
  animation-delay: 1.8s;
}
.webfacial .ico-fail .fail-circle-outline {
  fill: none;
  stroke-width: 5px;
  stroke: var(--neg-clr);
  stroke-dasharray: 200px;
  stroke-dashoffset: 0;
  opacity: 0;
  animation: ico-circle-outline 0.3s ease-in-out 0.8s forwards;
}
.webfacial .ico-fail .fail-circle-fill {
  fill: var(--neg-clr);
  stroke: none;
  opacity: 0;
  animation: ico-circle-fill 0.3s ease-out 1.2s forwards;
}

@keyframes animate-bar {
  0% {
    width: 0;
  }
  100% {
    width: var(--progress-width);
  }
}
@keyframes countdown {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes border-spin {
  100% {
    border-color: transparent;
  }
}
@keyframes ico-tick {
  0% {
    stroke-dashoffset: 50px;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
@keyframes ico-circle-outline {
  0% {
    stroke-dashoffset: 200px;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
@keyframes ico-circle-fill {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*----------------------------------------*\
  || 통장/인감 사고신고
\*----------------------------------------*/
.webrac .mui_radio--icon01 label::before {
  background: url("/src/images/img_rac01.png") no-repeat 50%;
  background-size: 100%;
}
.webrac .mui_radio--icon02 label::before {
  background: url("/src/images/img_rac02.png") no-repeat 50%;
  background-size: 100%;
}
.webrac .mui_radio--icon03 label::before {
  background: url("/src/images/img_rac03.png") no-repeat 50%;
  background-size: 100%;
}

/*----------------------------------------*\
  || icon round
\*----------------------------------------*/
.ico-round-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 70px;
}
.ico-round-box__img {
  width: 40px;
  height: 40px;
}
.ico-round-box__txt {
  font-size: 10px;
  color: var(--basic_color07);
  white-space: nowrap;
}

.mui-modal .ui-shadow {
  box-shadow: none;
}
.mui-modal .ui-btn.ui-corner-all {
  margin: 0;
  border: 0 none;
  box-shadow: none;
  padding: 0;
}

[mui-modal].mui_fullpop_wrap .paging_wrap .paging {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  bottom: 84px;
  padding: 5px 15px 4px;
  font-size: 16px;
  color: var(--font_color06);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  transform: translateX(-50%);
}
[mui-modal].mui_fullpop_wrap .paging_wrap .btn_wrap button {
  position: fixed;
  top: 50%;
  width: 48px;
  height: 96px;
  text-indent: -9999px;
  transform: translateY(-50%);
  z-index: 9999;
}
[mui-modal].mui_fullpop_wrap .paging_wrap .btn_wrap button.btn_prev {
  left: 0;
  background: url("/src/images/btn_prev.svg") no-repeat center;
}
[mui-modal].mui_fullpop_wrap .paging_wrap .btn_wrap button.btn_next {
  right: 0;
  background: url("/src/images/btn_next.svg") no-repeat center;
}

#contants.certif_page {
  text-align: center;
  padding-top: 104px;
}
#contants.certif_page .img_sec {
  margin-top: 60px;
}
#contants.certif_page .img_sec span {
  display: inline-flex;
  width: 148px;
}

:root {
  --main-clr: #00a29c;
  --body-clr:#555;
  --body-clr2:#333;
  --tit-clr: #111;
  --cap-clr: #888;
  --disable-clr: #ccc;
  --disable-clr2: #e2e2e2;
  --line-clr: #f2f2f2;
  --line-clr2: #e8e8e8;
  --line-clr3: #ddd;
  --bg-clr1: #f9f9f9;
  --bg-clr2: #ffffff;
  --pos-clr: #3f81db;
  --neg-clr: #ff4040;
}

.bg-main {
  background-color: var(--main-clr) !important;
} /* 브랜드컬러 */
.bg-black {
  background-color: var(--tit-clr) !important;
} /* 블랙 */
.bg-white {
  background-color: var(--bg-clr2) !important;
} /* 화이트 */
.bg-danger {
  background-color: var(--neg-clr) !important;
} /* 부정 상태 (오류, 금지, 경고) */
.bg-success {
  background-color: var(--pos-clr) !important;
} /* 긍정 상태 (정상, 허용) */
.bg-grey01 {
  background-color: var(--body-clr) !important;
} /* 그레이1 */
.bg-grey02 {
  background-color: var(--cap-clr) !important;
} /* 그레이2 */
.bg-grey03 {
  background-color: var(--disable-clr) !important;
} /* 그레이3 */
.bg-grey04 {
  background-color: var(--disable-clr2) !important;
} /* 그레이4 */
.bg-grey05 {
  background-color: var(--line-clr2) !important;
} /* 그레이5 */
.bg-grey06 {
  background-color: var(--line-clr) !important;
} /* 그레이6 */
.bg-grey07 {
  background-color: var(--bg-clr1) !important;
} /* 그레이7 */
.color-main {
  color: var(--main-clr) !important;
} /* 브랜드컬러 */
.color-black {
  color: var(--tit-clr) !important;
} /* 블랙 */
.color-white {
  color: var(--bg-clr2) !important;
} /* 화이트 */
.color-danger {
  color: var(--neg-clr) !important;
} /* 부정 상태 (오류, 금지, 경고) */
.color-success {
  color: var(--pos-clr) !important;
} /* 긍정 상태 (정상, 허용) */
.color-grey01 {
  color: var(--body-clr) !important;
} /* 그레이1 */
.color-grey02 {
  color: var(--cap-clr) !important;
} /* 그레이2 */
.color-grey03 {
  color: var(--disable-clr) !important;
} /* 그레이3 */
.color-grey04 {
  color: var(--disable-clr2) !important;
} /* 그레이4 */
.color-grey05 {
  color: var(--line-clr2) !important;
} /* 그레이5 */
.color-grey06 {
  color: var(--line-clr) !important;
} /* 그레이6 */
.color-grey07 {
  color: var(--bg-clr1) !important;
} /* 그레이7 */
.color-body01 {
  color: var(--body-clr2) !important;
} /* 바디1 */
.bor-main {
  border: 1px solid var(--main-clr) !important;
} /* 브랜드컬러 */
.bor-black {
  border: 1px solid var(--tit-clr) !important;
} /* 블랙 */
.bor-white {
  border: 1px solid var(--bg-clr2) !important;
} /* 화이트 */
.bor-danger {
  border: 1px solid var(--neg-clr) !important;
} /* 부정 상태 (오류, 금지, 경고) */
.bor-success {
  border: 1px solid var(--pos-clr) !important;
} /* 긍정 상태 (정상, 허용) */
.bor-grey {
  border: 1px solid var(--line-clr2) !important;
} /* 긍정 상태 (정상, 허용) */
/*----------------------------------------*\
  || [공통] Flex
\*----------------------------------------*/
.flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex4 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-as {
  align-items: flex-start !important;
}
.flex-ae {
  align-items: flex-end !important;
}
.flex-ac {
  align-items: center !important;
}
.flex-ast {
  align-items: stretch !important;
}
.flex-jc {
  justify-content: center;
}
.flex-jsb {
  justify-content: space-between;
}
.flex-jfs {
  justify-content: flex-start;
}
.flex-jfe {
  justify-content: flex-end;
}

/*-------------------------------------------
//   GAP(MARGIN)
-------------------------------------------*/
.mg-auto {
  margin: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mg0 {
  margin: 0px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg50 {
  margin: 50px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr100 {
  margin-right: 100px !important;
}

/*-------------------------------------------
//   GAP(Padding)
-------------------------------------------*/
.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd50 {
  padding: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/*-------------------------------------------
//   OPACITY
-------------------------------------------*/
.op0 {
  opacity: 0 !important;
}

.op1 {
  opacity: 0.1 !important;
}

.op2 {
  opacity: 0.2 !important;
}

.op3 {
  opacity: 0.3 !important;
}

.op4 {
  opacity: 0.4 !important;
}

.op5 {
  opacity: 0.5 !important;
}

.op6 {
  opacity: 0.6 !important;
}

.op7 {
  opacity: 0.7 !important;
}

.op8 {
  opacity: 0.8 !important;
}

.op9 {
  opacity: 0.9 !important;
}

.op10 {
  opacity: 1 !important;
}

/* [공통] border */
.bd0 {
  border: none !important;
}

.bt0 {
  border-top: none !important;
}

.bl0 {
  border-left: none !important;
}

.bb0 {
  border-bottom: none !important;
}

.br0 {
  border-right: none !important;
}

.brd0 {
  border-radius: 0px !important;
}

.brd3 {
  border-radius: 3px !important;
}

.brd5 {
  border-radius: 5px !important;
}

.brd7 {
  border-radius: 7px !important;
}

.brd10 {
  border-radius: 10px !important;
}

.brd15 {
  border-radius: 15px !important;
}

.brd20 {
  border-radius: 20px !important;
}

.brd30 {
  border-radius: 30px !important;
}

/*----------------------------------------*\
  || [공통] Width / Height
\*----------------------------------------*/
.w-auto {
  width: auto !important;
}

.mnw-fit {
  min-width: fit-content !important;
}

.mnw-auto,
.wn-auto {
  min-width: auto !important;
}

.mxw-auto,
.wx-auto {
  max-width: auto !important;
}

.mxw-inh,
.maxw-auto {
  max-width: inherit !important;
}

.h-auto {
  height: auto !important;
}

.maxh-none {
  max-height: none !important;
}

.w5 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}
/*# sourceMappingURL=common.css.map */