@charset "UTF-8";
:root {
  --font-family-sans: "SUIT", sans-serif;
  --header-height: 44px;
  --spacing-x-narrow: 16px;
  --spacing-x: 24px;
  --spacing-y: 16px;
  --spacing-b: 80px;
  --z-index-modal: 9999;
  --z-index-header: 9998;
  --z-index-tabs: 9998;
}

:root {
  --primary: #4D00B6;
  --primary-rgb: 77, 0, 182;
  --primary08: #F1EBF9;
  --text2: #222222;
  --text5: #505866;
  --text9: #9eaeb6;
  --texti: #B1BBC0;
  --border100: #EAEFF4;
  --border200: #DEE8EE;
  --bg100: #F7F7F7;
  --bg200: #F1F3F4;
  --bg300: #DCE2E5;
  --bg500: rgba(#A6C4D4, 0.32);
  --layer-dimmed: rgba(0,0,0,0.75);
  --secondary: #278DF5;
  --secondary08: #EEF6FE;
  --success: #00B389;
  --success08: #EBF9F6;
  --danger: #F74B20;
  --danger08: #FEF1ED;
  --error: #F74B20;
  --error08: #FEF1ED;
  --warning: #FFDB15;
  --yellow: #FFC736;
}

:root {
  --placeholder: var(--text9);
  --placeholder-rgb: 158, 174, 182;
  --placeholder-disabled: rgba(var(--placeholder-rgb), 0.4);
}

@font-face {
  font-family: "SUIT";
  font-weight: 300;
  font-style: normal;
  src: url("~finnq-common-style/fonts/suit/SUIT-Light.eot");
  src: url("~finnq-common-style/fonts/suit/SUIT-Light.eot?#iefix") format("embedded-opentype"), url("~finnq-common-style/fonts/suit/SUIT-Light.woff2") format("woff2"), url("~finnq-common-style/fonts/suit/SUIT-Light.woff") format("woff"), url("~finnq-common-style/fonts/suit/SUIT-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 500;
  font-style: normal;
  src: url("~finnq-common-style/fonts/suit/SUIT-Medium.eot");
  src: url("~finnq-common-style/fonts/suit/SUIT-Medium.eot?#iefix") format("embedded-opentype"), url("~finnq-common-style/fonts/suit/SUIT-Medium.woff2") format("woff2"), url("~finnq-common-style/fonts/suit/SUIT-Medium.woff") format("woff"), url("~finnq-common-style/fonts/suit/SUIT-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 700;
  font-style: normal;
  src: url("~finnq-common-style/fonts/suit/SUIT-Bold.eot");
  src: url("~finnq-common-style/fonts/suit/SUIT-Bold.eot?#iefix") format("embedded-opentype"), url("~finnq-common-style/fonts/suit/SUIT-Bold.woff2") format("woff2"), url("~finnq-common-style/fonts/suit/SUIT-Bold.woff") format("woff"), url("~finnq-common-style/fonts/suit/SUIT-Bold.ttf") format("truetype");
  font-display: swap;
}
body {
  margin: 0;
  line-height: normal;
  font-family: var(--font-family-sans);
  font-weight: normal;
  color: var(--text2);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.5px;
}

.ui-container,
.ui-container-loading,
.ui-modal-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ui-container *,
.ui-container *::before,
.ui-container *::after,
.ui-container-loading *,
.ui-container-loading *::before,
.ui-container-loading *::after,
.ui-modal-wrapper *,
.ui-modal-wrapper *::before,
.ui-modal-wrapper *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  word-break: keep-all;
  overflow-wrap: break-word;
}
.ui-container .blind,
.ui-container-loading .blind,
.ui-modal-wrapper .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}
.ui-container .hidden,
.ui-container-loading .hidden,
.ui-modal-wrapper .hidden {
  display: none !important;
}
.ui-container ul,
.ui-container ol,
.ui-container li,
.ui-container-loading ul,
.ui-container-loading ol,
.ui-container-loading li,
.ui-modal-wrapper ul,
.ui-modal-wrapper ol,
.ui-modal-wrapper li {
  list-style: none;
}
.ui-container a:not(.ui-link),
.ui-container-loading a:not(.ui-link),
.ui-modal-wrapper a:not(.ui-link) {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.ui-container a:not(.ui-link):hover, .ui-container a:not(.ui-link):focus,
.ui-container-loading a:not(.ui-link):hover,
.ui-container-loading a:not(.ui-link):focus,
.ui-modal-wrapper a:not(.ui-link):hover,
.ui-modal-wrapper a:not(.ui-link):focus {
  outline: none;
  text-decoration: none;
}
.ui-container table,
.ui-container-loading table,
.ui-modal-wrapper table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.ui-container button,
.ui-container-loading button,
.ui-modal-wrapper button {
  border: 0;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
}
.ui-container button:focus,
.ui-container-loading button:focus,
.ui-modal-wrapper button:focus {
  outline: none;
}
.ui-container button:disabled,
.ui-container-loading button:disabled,
.ui-modal-wrapper button:disabled {
  cursor: not-allowed;
}
.ui-container select,
.ui-container input,
.ui-container textarea,
.ui-container button,
.ui-container-loading select,
.ui-container-loading input,
.ui-container-loading textarea,
.ui-container-loading button,
.ui-modal-wrapper select,
.ui-modal-wrapper input,
.ui-modal-wrapper textarea,
.ui-modal-wrapper button {
  font-family: var(--font-family-sans);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ui-container input:-moz-placeholder-shown, .ui-container-loading input:-moz-placeholder-shown, .ui-modal-wrapper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ui-container input:-ms-input-placeholder, .ui-container-loading input:-ms-input-placeholder, .ui-modal-wrapper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ui-container input:placeholder-shown,
.ui-container-loading input:placeholder-shown,
.ui-modal-wrapper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ui-container input[type=file],
.ui-container-loading input[type=file],
.ui-modal-wrapper input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
}
.ui-container input[type=number],
.ui-container-loading input[type=number],
.ui-modal-wrapper input[type=number] {
  -moz-appearance: textfield;
}
.ui-container input[type=search]::-webkit-search-cancel-button,
.ui-container-loading input[type=search]::-webkit-search-cancel-button,
.ui-modal-wrapper input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.ui-container input[type=date],
.ui-container-loading input[type=date],
.ui-modal-wrapper input[type=date] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ui-container input[type=date]::-webkit-input-placeholder, .ui-container-loading input[type=date]::-webkit-input-placeholder, .ui-modal-wrapper input[type=date]::-webkit-input-placeholder {
  display: none;
}
.ui-container input[type=date]::-moz-placeholder, .ui-container-loading input[type=date]::-moz-placeholder, .ui-modal-wrapper input[type=date]::-moz-placeholder {
  display: none;
}
.ui-container input[type=date]:-ms-input-placeholder, .ui-container-loading input[type=date]:-ms-input-placeholder, .ui-modal-wrapper input[type=date]:-ms-input-placeholder {
  display: none;
}
.ui-container input[type=date]::-ms-input-placeholder, .ui-container-loading input[type=date]::-ms-input-placeholder, .ui-modal-wrapper input[type=date]::-ms-input-placeholder {
  display: none;
}
.ui-container input[type=date]::placeholder,
.ui-container-loading input[type=date]::placeholder,
.ui-modal-wrapper input[type=date]::placeholder {
  display: none;
}
.ui-container input[type=date]::-webkit-date-and-time-value,
.ui-container-loading input[type=date]::-webkit-date-and-time-value,
.ui-modal-wrapper input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
.ui-container input[type=date]::-webkit-calendar-picker-indicator,
.ui-container-loading input[type=date]::-webkit-calendar-picker-indicator,
.ui-modal-wrapper input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: none;
  color: var(--placdeholder);
}
.ui-container input[type=date]::-webkit-datetime-edit,
.ui-container-loading input[type=date]::-webkit-datetime-edit,
.ui-modal-wrapper input[type=date]::-webkit-datetime-edit {
  opacity: 1;
}
.ui-container select,
.ui-container-loading select,
.ui-modal-wrapper select {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.ui-container select:focus,
.ui-container-loading select:focus,
.ui-modal-wrapper select:focus {
  outline: none;
}
.ui-container select::-ms-expand,
.ui-container-loading select::-ms-expand,
.ui-modal-wrapper select::-ms-expand {
  display: none;
}
.ui-container input,
.ui-container textarea,
.ui-container-loading input,
.ui-container-loading textarea,
.ui-modal-wrapper input,
.ui-modal-wrapper textarea {
  font-size: inherit;
  border: 0;
  background-color: #fff;
}
.ui-container input:focus,
.ui-container textarea:focus,
.ui-container-loading input:focus,
.ui-container-loading textarea:focus,
.ui-modal-wrapper input:focus,
.ui-modal-wrapper textarea:focus {
  outline: none;
}
.ui-container input::-webkit-input-placeholder, .ui-container textarea::-webkit-input-placeholder, .ui-container-loading input::-webkit-input-placeholder, .ui-container-loading textarea::-webkit-input-placeholder, .ui-modal-wrapper input::-webkit-input-placeholder, .ui-modal-wrapper textarea::-webkit-input-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: var(--placeholder);
  opacity: 1;
}
.ui-container input::-moz-placeholder, .ui-container textarea::-moz-placeholder, .ui-container-loading input::-moz-placeholder, .ui-container-loading textarea::-moz-placeholder, .ui-modal-wrapper input::-moz-placeholder, .ui-modal-wrapper textarea::-moz-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: var(--placeholder);
  opacity: 1;
}
.ui-container input:-ms-input-placeholder, .ui-container textarea:-ms-input-placeholder, .ui-container-loading input:-ms-input-placeholder, .ui-container-loading textarea:-ms-input-placeholder, .ui-modal-wrapper input:-ms-input-placeholder, .ui-modal-wrapper textarea:-ms-input-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: var(--placeholder);
  opacity: 1;
}
.ui-container input::-ms-input-placeholder, .ui-container textarea::-ms-input-placeholder, .ui-container-loading input::-ms-input-placeholder, .ui-container-loading textarea::-ms-input-placeholder, .ui-modal-wrapper input::-ms-input-placeholder, .ui-modal-wrapper textarea::-ms-input-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: var(--placeholder);
  opacity: 1;
}
.ui-container input::placeholder,
.ui-container textarea::placeholder,
.ui-container-loading input::placeholder,
.ui-container-loading textarea::placeholder,
.ui-modal-wrapper input::placeholder,
.ui-modal-wrapper textarea::placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: var(--placeholder);
  opacity: 1;
}
.ui-container input:-ms-input-placeholder,
.ui-container textarea:-ms-input-placeholder,
.ui-container-loading input:-ms-input-placeholder,
.ui-container-loading textarea:-ms-input-placeholder,
.ui-modal-wrapper input:-ms-input-placeholder,
.ui-modal-wrapper textarea:-ms-input-placeholder {
  /* IE, Edge */
  color: var(--placeholder);
  opacity: 1;
}
.ui-container input:disabled,
.ui-container textarea:disabled,
.ui-container-loading input:disabled,
.ui-container-loading textarea:disabled,
.ui-modal-wrapper input:disabled,
.ui-modal-wrapper textarea:disabled {
  -webkit-text-fill-color: currentColor;
  opacity: 1;
  cursor: not-allowed;
}
.ui-container input[readonly]::-webkit-input-placeholder, .ui-container input:disabled::-webkit-input-placeholder, .ui-container textarea[readonly]::-webkit-input-placeholder, .ui-container textarea:disabled::-webkit-input-placeholder, .ui-container-loading input[readonly]::-webkit-input-placeholder, .ui-container-loading input:disabled::-webkit-input-placeholder, .ui-container-loading textarea[readonly]::-webkit-input-placeholder, .ui-container-loading textarea:disabled::-webkit-input-placeholder, .ui-modal-wrapper input[readonly]::-webkit-input-placeholder, .ui-modal-wrapper input:disabled::-webkit-input-placeholder, .ui-modal-wrapper textarea[readonly]::-webkit-input-placeholder, .ui-modal-wrapper textarea:disabled::-webkit-input-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: rgba(34, 34, 34, 0.2);
  opacity: 1;
}
.ui-container input[readonly]::-moz-placeholder, .ui-container input:disabled::-moz-placeholder, .ui-container textarea[readonly]::-moz-placeholder, .ui-container textarea:disabled::-moz-placeholder, .ui-container-loading input[readonly]::-moz-placeholder, .ui-container-loading input:disabled::-moz-placeholder, .ui-container-loading textarea[readonly]::-moz-placeholder, .ui-container-loading textarea:disabled::-moz-placeholder, .ui-modal-wrapper input[readonly]::-moz-placeholder, .ui-modal-wrapper input:disabled::-moz-placeholder, .ui-modal-wrapper textarea[readonly]::-moz-placeholder, .ui-modal-wrapper textarea:disabled::-moz-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: rgba(34, 34, 34, 0.2);
  opacity: 1;
}
.ui-container input[readonly]:-ms-input-placeholder, .ui-container input:disabled:-ms-input-placeholder, .ui-container textarea[readonly]:-ms-input-placeholder, .ui-container textarea:disabled:-ms-input-placeholder, .ui-container-loading input[readonly]:-ms-input-placeholder, .ui-container-loading input:disabled:-ms-input-placeholder, .ui-container-loading textarea[readonly]:-ms-input-placeholder, .ui-container-loading textarea:disabled:-ms-input-placeholder, .ui-modal-wrapper input[readonly]:-ms-input-placeholder, .ui-modal-wrapper input:disabled:-ms-input-placeholder, .ui-modal-wrapper textarea[readonly]:-ms-input-placeholder, .ui-modal-wrapper textarea:disabled:-ms-input-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: rgba(34, 34, 34, 0.2);
  opacity: 1;
}
.ui-container input[readonly]::-ms-input-placeholder, .ui-container input:disabled::-ms-input-placeholder, .ui-container textarea[readonly]::-ms-input-placeholder, .ui-container textarea:disabled::-ms-input-placeholder, .ui-container-loading input[readonly]::-ms-input-placeholder, .ui-container-loading input:disabled::-ms-input-placeholder, .ui-container-loading textarea[readonly]::-ms-input-placeholder, .ui-container-loading textarea:disabled::-ms-input-placeholder, .ui-modal-wrapper input[readonly]::-ms-input-placeholder, .ui-modal-wrapper input:disabled::-ms-input-placeholder, .ui-modal-wrapper textarea[readonly]::-ms-input-placeholder, .ui-modal-wrapper textarea:disabled::-ms-input-placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: rgba(34, 34, 34, 0.2);
  opacity: 1;
}
.ui-container input[readonly]::placeholder, .ui-container input:disabled::placeholder,
.ui-container textarea[readonly]::placeholder,
.ui-container textarea:disabled::placeholder,
.ui-container-loading input[readonly]::placeholder,
.ui-container-loading input:disabled::placeholder,
.ui-container-loading textarea[readonly]::placeholder,
.ui-container-loading textarea:disabled::placeholder,
.ui-modal-wrapper input[readonly]::placeholder,
.ui-modal-wrapper input:disabled::placeholder,
.ui-modal-wrapper textarea[readonly]::placeholder,
.ui-modal-wrapper textarea:disabled::placeholder {
  /* Chrome, Safari, Firefox */
  -webkit-text-fill-color: currentColor;
  color: rgba(34, 34, 34, 0.2);
  opacity: 1;
}
.ui-container input[readonly]:-ms-input-placeholder, .ui-container input:disabled:-ms-input-placeholder,
.ui-container textarea[readonly]:-ms-input-placeholder,
.ui-container textarea:disabled:-ms-input-placeholder,
.ui-container-loading input[readonly]:-ms-input-placeholder,
.ui-container-loading input:disabled:-ms-input-placeholder,
.ui-container-loading textarea[readonly]:-ms-input-placeholder,
.ui-container-loading textarea:disabled:-ms-input-placeholder,
.ui-modal-wrapper input[readonly]:-ms-input-placeholder,
.ui-modal-wrapper input:disabled:-ms-input-placeholder,
.ui-modal-wrapper textarea[readonly]:-ms-input-placeholder,
.ui-modal-wrapper textarea:disabled:-ms-input-placeholder {
  /* IE, Edge */
  color: rgba(34, 34, 34, 0.2);
  opacity: 1;
}
.ui-container input::-ms-clear, .ui-container input::-ms-reveal,
.ui-container textarea::-ms-clear,
.ui-container textarea::-ms-reveal,
.ui-container-loading input::-ms-clear,
.ui-container-loading input::-ms-reveal,
.ui-container-loading textarea::-ms-clear,
.ui-container-loading textarea::-ms-reveal,
.ui-modal-wrapper input::-ms-clear,
.ui-modal-wrapper input::-ms-reveal,
.ui-modal-wrapper textarea::-ms-clear,
.ui-modal-wrapper textarea::-ms-reveal {
  /* IE, Edge */
  display: none;
}
.ui-container input::-webkit-inner-spin-button, .ui-container input::-webkit-outer-spin-button,
.ui-container textarea::-webkit-inner-spin-button,
.ui-container textarea::-webkit-outer-spin-button,
.ui-container-loading input::-webkit-inner-spin-button,
.ui-container-loading input::-webkit-outer-spin-button,
.ui-container-loading textarea::-webkit-inner-spin-button,
.ui-container-loading textarea::-webkit-outer-spin-button,
.ui-modal-wrapper input::-webkit-inner-spin-button,
.ui-modal-wrapper input::-webkit-outer-spin-button,
.ui-modal-wrapper textarea::-webkit-inner-spin-button,
.ui-modal-wrapper textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.ui-container fieldset,
.ui-container-loading fieldset,
.ui-modal-wrapper fieldset {
  border: 0;
  min-width: 0;
}
.ui-container strong,
.ui-container b,
.ui-container-loading strong,
.ui-container-loading b,
.ui-modal-wrapper strong,
.ui-modal-wrapper b {
  font-weight: 700;
}
.ui-container em,
.ui-container-loading em,
.ui-modal-wrapper em {
  font-style: normal;
}

/*
  display
  visibility
  padding
  margin
  width
  border
  border-radius
  background
  font-
 */
.none {
  display: none;
}

.block {
  display: block;
}

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.spacing-x {
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
}

.spacing-x-margin {
  margin-left: var(--spacing-x);
  margin-right: var(--spacing-x);
}

.p-16 {
  padding: 16px;
}

.p-32 {
  padding: 32px;
}

.mt4 {
  margin-top: 4px !important;
}

.mt8 {
  margin-top: 8px !important;
}

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

.mt16 {
  margin-top: 16px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt32 {
  margin-top: 32px !important;
}

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

.mt48 {
  margin-top: 48px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.w-100 {
  width: 100% !important;
}

.border-t {
  border-top: 1px solid var(--border100);
}

.br-4 {
  border-radius: 4px;
}

.br-8 {
  border-radius: 8px;
}

.br-12 {
  border-radius: 12px;
}

.br-16 {
  border-radius: 16px;
}

.bg-100 {
  background-color: var(--bg100);
}

.bg-200 {
  background-color: var(--bg200);
}

.bg-white {
  background-color: white;
}

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

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

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

.fz-h1 {
  font-size: 36px;
  line-height: normal;
  font-weight: 700;
}

.fz-h2 {
  font-size: 30px;
  line-height: normal;
  font-weight: 700;
}

.fz-h3 {
  font-size: 28px;
  line-height: normal;
  font-weight: 700;
}

.fz-h4 {
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
}

.fz-h5 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.fz-h6 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.fz-b1 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.fz-b2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.fz-b3 {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}

.fz-c1 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.fz-c2 {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

.txt-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--text9);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .txt-time > * + * {
    margin-left: 4px;
  }
}

.ui-accordion-area.-default .ui-accordion-item-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.ui-accordion-area.-list .ui-accordion-item-title {
  padding: var(--spacing-y) var(--spacing-x);
}
.ui-accordion-area.-terms .ui-accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 var(--spacing-x);
}
.ui-accordion-area.-terms .ui-accordion-item-title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px var(--spacing-x);
  border: none;
}
.ui-accordion-area.-terms .ui-accordion-item-title::after {
  display: none;
}
.ui-accordion-area.-terms .ui-accordion-item-title .ui-checkbox-label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 4px;
}
.ui-accordion-area.-terms .ui-accordion-item-title .ui-checkbox-label .slot {
  padding-top: 1px;
}
.ui-accordion-area.-terms .ui-accordion-item-title .ui-button-accordion {
  margin-left: 8px;
  margin-right: -8px;
}
.ui-accordion-area.-terms .ui-accordion-item-content {
  background-color: var(--bg100);
}
.ui-accordion-area.-terms .ui-accordion-item-content .inner {
  padding: 0;
}
.ui-accordion-area.-terms .ui-accordion-item-content .ui-list-item.-checkbox .ui-checkbox-label .slot {
  display: block;
}

.ui-accordion-item:first-child .ui-accordion-title {
  border-top: 1px solid var(--border100);
}
.ui-accordion-item.-active .ui-accordion-item-title svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ui-accordion-item.-active .ui-accordion-item-content {
  max-height: 1000px;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  .ui-accordion-item.-active .ui-accordion-item-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.ui-accordion-item-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px var(--spacing-x);
  border-top: 1px solid var(--border100);
  background-color: white;
  cursor: pointer;
}
.ui-accordion-item-title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--border100);
}
.ui-accordion-item-title .ui-list-item {
  padding: 0;
  min-height: auto;
}
.ui-accordion-item-title .ui-checkbox-label {
  color: var(--text5);
}
.ui-accordion-item-title .ui-button.-only-icon {
  margin-right: -8px;
  color: var(--text9);
}

.ui-accordion-item-content {
  padding: 0 var(--spacing-x);
  max-height: 0;
  background-color: white;
  overflow-y: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ui-accordion-item-content .inner {
  padding: 40px 0;
}

.ui-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.ui-badge.-default {
  padding: 0 6px;
  min-width: 20px;
  height: 22px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
}
.ui-badge.-default.-primary {
  background-color: var(--primary08);
  color: var(--primary);
}
.ui-badge.-default.-secondary {
  background-color: var(--success08);
  color: var(--success);
}
.ui-badge.-default.-tertiary {
  background-color: var(--bg100);
  color: var(--text9);
}
.ui-badge.-default.-danger {
  background-color: var(--error08);
  color: var(--error);
}
.ui-badge.-squircle text {
  font-size: 12px;
  font-weight: 700;
}
.ui-badge.-squircle.-primary path {
  fill: var(--primary08);
}
.ui-badge.-squircle.-primary text {
  fill: var(--primary);
}
.ui-badge.-squircle.-secondary path {
  fill: var(--success08);
}
.ui-badge.-squircle.-secondary text {
  fill: var(--success);
}
.ui-badge.-squircle.-tertiary path {
  fill: var(--bg100);
}
.ui-badge.-squircle.-tertiary text {
  fill: var(--text9);
}
.ui-badge.-squircle.-danger path {
  fill: var(--error08);
}
.ui-badge.-squircle.-danger text {
  fill: var(--error);
}
.ui-badge.-dot {
  position: absolute;
  top: 0;
  right: -10px;
  display: block;
  padding: 2px;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.ui-badge.-dot .ui-badge-dot {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--error);
}
.ui-badge.-dot.-outer {
  right: 0;
}
.ui-badge.-dot.-small {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.ui-badge.-new.-small {
  padding: 2px;
  width: 12px;
  height: 12px;
}
.ui-badge.-new.-medium {
  padding: 2.5px;
  width: 15px;
  height: 15px;
}
.ui-badge.-new .ui-badge-new {
  width: 100%;
  height: 100%;
}
.ui-badge.-icon {
  width: 16px;
  height: 16px;
  font-size: 0;
}
.ui-badge.-icon .ui-icon {
  width: 100%;
  height: 100%;
}

.ui-button-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button-group > * + * {
    margin-left: 8px;
  }
}
.ui-button-group.-no-gap {
  gap: 0;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button-group.-no-gap > * + * {
    margin-left: 0;
  }
}
.ui-button-group.-column {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.ui-button-group.-column .ui-button {
  width: 100%;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button-group.-column > * + * {
    margin-left: unset;
    margin-top: 8px;
  }
}
.ui-button-group.-column.-no-gap {
  gap: 0;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button-group.-column.-no-gap > * + * {
    margin-left: unset;
    margin-top: 0;
  }
}
.ui-button-group:not(.-column).-fitted {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.ui-button-group:not(.-column).-fitted .ui-button:not(.-only-icon) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.ui-button-group.-select {
  padding: 0 var(--spacing-x);
}
.ui-button-group.-reaction {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button-group.-reaction > * + * {
    margin-left: 12px;
  }
}
.ui-button-group.-reaction .ui-button-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button-group.-reaction .ui-button-group > * + * {
    margin-left: 6px;
  }
}
.ui-button-group.-reaction .txt-reaction {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-button-group .ui-button.btn-later {
  padding: 0 24px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 32px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.ui-button-group .ui-button-text {
  padding: 5px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
  text-align: center;
}
.ui-button-group .ui-button-text em {
  color: var(--secondary);
}
.ui-button-group .ui-button.btn-select {
  padding: 20px 24px;
  min-height: 62px;
  border-radius: 16px;
  display: block !important;
}
.ui-button-group .ui-button.btn-select .ui-button-title {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.ui-button-group .ui-button.btn-select .ui-button-desc {
  padding-top: 8px;
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ui-button-group .ui-button.btn-select .ui-label-group {
  padding-top: 4px;
}
.ui-button-group .ui-button.btn-select .ui-button-value {
  padding-top: 12px;
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.ui-check-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ui-check-button .ui-button.btn-select {
  padding-right: 48px;
  pointer-events: none;
}
.ui-check-button .ui-checkbox-area {
  position: absolute;
  top: 20px;
  right: 16px;
}

/* ========================================================= */
/* button variables                                          */
/* ========================================================= */
:root {
  /* size > xlarge */
  --btn-xlarge-padding: 16px;
  --btn-xlarge-height: 56px;
  --btn-xlarge-radius: 12px;
  /* size > large */
  --btn-large-padding: 16px;
  --btn-large-height: 48px;
  --btn-large-radius: 8px;
  /* size > medium */
  --btn-medium-padding: 16px;
  --btn-medium-height: 40px;
  --btn-medium-radius: 8px;
  /* size > small */
  --btn-small-padding: 14px;
  --btn-small-height: 36px;
  --btn-small-radius: 8px;
  /* size > xsmall */
  --btn-xsmall-padding: 12px;
  --btn-xsmall-height: 32px;
  --btn-xsmall-radius: 6px;
  /* type(solid) > primary */
  --btn-solid-primary-bg-color: var(--primary);
  --btn-solid-primary-font-color: white;
  /* type(solid) > secondary */
  --btn-solid-secondary-bg-color: var(--primary08);
  --btn-solid-secondary-font-color: var(--primary);
  /* type(solid) > tertiary */
  --btn-solid-tertiary-bg-color: var(--bg200);
  --btn-solid-tertiary-font-color: var(--text5);
  /* type(solid) > info */
  --btn-solid-info-bg-color: var(--bg100);
  --btn-solid-info-font-color: var(--text2);
  /* type(solid) > danger */
  --btn-solid-danger-bg-color: var(--error08);
  --btn-solid-danger-font-color: var(--error);
  /* type(line) > default */
  --btn-line-default-border-color: var(--text2);
  --btn-line-default-font-color: var(--text2);
  /* type(text) */
  --btn-text-gray1-font-color: var(--text2);
  --btn-text-gray2-font-color: var(--text5);
  --btn-text-gray3-font-color: var(--text9);
  --btn-text-point1-font-color: var(--secondary);
  --btn-text-point2-font-color: var(--primary);
}

.ui-button.-text.-small, .ui-button.-text.-medium, .ui-button.-text.-large, .ui-button.-text.-xlarge, .ui-button:not(.-text), .ui-button-group .ui-button.btn-later, .ui-button-group .ui-button.btn-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  line-height: normal;
  font-style: normal;
  -webkit-transition: background-color 0.25s, border 0.25s, -webkit-filter 0.25s;
  transition: background-color 0.25s, border 0.25s, -webkit-filter 0.25s;
  transition: background-color 0.25s, border 0.25s, filter 0.25s;
  transition: background-color 0.25s, border 0.25s, filter 0.25s, -webkit-filter 0.25s;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: bottom;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button.-text.-small > * + *, .ui-button.-text.-medium > * + *, .ui-button.-text.-large > * + *, .ui-button.-text.-xlarge > * + *, .ui-button:not(.-text) > * + *, .ui-button-group .ui-button.btn-later > * + *, .ui-button-group .ui-button.btn-select > * + * {
    margin-left: 4px;
  }
}
.ui-button.-text.-small:disabled, .ui-button.-text.-medium:disabled, .ui-button.-text.-large:disabled, .ui-button.-text.-xlarge:disabled, .ui-button:disabled:not(.-text), .ui-button-group .ui-button.btn-later:disabled, .ui-button-group .ui-button.btn-select:disabled {
  cursor: not-allowed;
}
.ui-button.-text.-small:disabled .ui-icon, .ui-button.-text.-medium:disabled .ui-icon, .ui-button.-text.-large:disabled .ui-icon, .ui-button.-text.-xlarge:disabled .ui-icon, .ui-button:disabled:not(.-text) .ui-icon, .ui-button-group .ui-button.btn-later:disabled .ui-icon, .ui-button-group .ui-button.btn-select:disabled .ui-icon {
  color: var(--texti);
}
.-unvisible.ui-button.-text.-small, .-unvisible.ui-button.-text.-medium, .-unvisible.ui-button.-text.-large, .-unvisible.ui-button.-text.-xlarge, .-unvisible.ui-button:not(.-text), .ui-button-group .-unvisible.ui-button.btn-later, .ui-button-group .-unvisible.ui-button.btn-select {
  visibility: hidden;
}
.ui-button.-text.-small .ui-icon, .ui-button.-text.-medium .ui-icon, .ui-button.-text.-large .ui-icon, .ui-button.-text.-xlarge .ui-icon, .ui-button:not(.-text) .ui-icon, .ui-button-group .ui-button.btn-later .ui-icon, .ui-button-group .ui-button.btn-select .ui-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
}

.ui-button:not(.-text).-in-progress {
  gap: 0;
  font-size: 0;
  cursor: default;
  pointer-events: none;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button:not(.-text).-in-progress > * + * {
    margin-left: 0;
  }
}
.ui-button:not(.-text).-in-progress .ui-spinner {
  display: block;
}
.ui-button:not(.-text).-full-width {
  width: 100%;
}
.ui-button:not(.-text):not(.-ghost) .ui-icon {
  width: 16px;
  height: 16px;
}
.ui-button:not(.-text).-only-icon .ui-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.ui-button:not(.-text).-only-icon .ui-icon.-fitted {
  width: 100%;
  height: 100%;
}
.ui-button:not(.-text).-only-icon.-xlarge .ui-icon, .ui-button:not(.-text).-only-icon.-large .ui-icon {
  width: 24px;
  height: 24px;
}
.ui-button:not(.-text).-only-icon.-in-progress .ui-icon {
  display: none;
}
.ui-button:not(.-text).-reaction {
  padding: 6px !important;
}
.ui-button:not(.-text).-reaction span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ui-button:not(.-text):not(.-only-icon) .ui-icon {
  margin: 0 -2px;
}
.ui-button:not(.-text):not(.-only-icon).-xlarge .ui-icon, .ui-button:not(.-text):not(.-only-icon).-large .ui-icon {
  width: 20px;
  height: 20px;
}

.ui-button:not(.-text).-xlarge {
  padding: 0 var(--btn-xlarge-padding);
  height: var(--btn-xlarge-height);
  border-radius: var(--btn-xlarge-radius);
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.ui-button.-xlarge.-only-icon {
  gap: 0;
  padding: 0 !important;
  width: var(--btn-xlarge-height);
  height: var(--btn-xlarge-height);
  font-size: 0 !important;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button.-xlarge.-only-icon > * + * {
    margin-left: 0;
  }
}

.ui-button:not(.-text).-large {
  padding: 0 var(--btn-large-padding);
  height: var(--btn-large-height);
  border-radius: var(--btn-large-radius);
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.ui-button.-large.-only-icon {
  gap: 0;
  padding: 0 !important;
  width: var(--btn-large-height);
  height: var(--btn-large-height);
  font-size: 0 !important;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button.-large.-only-icon > * + * {
    margin-left: 0;
  }
}

.ui-button:not(.-text).-medium {
  padding: 0 var(--btn-medium-padding);
  height: var(--btn-medium-height);
  border-radius: var(--btn-medium-radius);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

.ui-button.-medium.-only-icon {
  gap: 0;
  padding: 0 !important;
  width: var(--btn-medium-height);
  height: var(--btn-medium-height);
  font-size: 0 !important;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button.-medium.-only-icon > * + * {
    margin-left: 0;
  }
}

.ui-button:not(.-text).-small {
  padding: 0 var(--btn-small-padding);
  height: var(--btn-small-height);
  border-radius: var(--btn-small-radius);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

.ui-button.-small.-only-icon {
  gap: 0;
  padding: 0 !important;
  width: var(--btn-small-height);
  height: var(--btn-small-height);
  font-size: 0 !important;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button.-small.-only-icon > * + * {
    margin-left: 0;
  }
}

.ui-button:not(.-text).-xsmall {
  padding: 0 var(--btn-xsmall-padding);
  height: var(--btn-xsmall-height);
  border-radius: var(--btn-xsmall-radius);
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}

.ui-button.-xsmall.-only-icon {
  gap: 0;
  padding: 0 !important;
  width: var(--btn-xsmall-height);
  height: var(--btn-xsmall-height);
  font-size: 0 !important;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-button.-xsmall.-only-icon > * + * {
    margin-left: 0;
  }
}

.ui-button.-solid.-primary {
  background-color: var(--btn-solid-primary-bg-color);
  color: var(--btn-solid-primary-font-color);
}
.ui-button.-solid.-primary:not(:disabled):active, .ui-button.-solid.-primary:not(:disabled).-active {
  background-color: color-mix(in oklab, var(--btn-solid-primary-bg-color), white 16%);
}
.ui-button.-solid.-primary:disabled {
  background-color: var(--bg100);
  color: var(--texti);
}

.ui-button.-solid.-secondary {
  background-color: var(--btn-solid-secondary-bg-color);
  color: var(--btn-solid-secondary-font-color);
}
.ui-button.-solid.-secondary:not(:disabled):active, .ui-button.-solid.-secondary:not(:disabled).-active {
  background-color: color-mix(in oklab, var(--btn-solid-secondary-bg-color), black 2%);
}
.ui-button.-solid.-secondary:disabled {
  background-color: var(--bg100);
  color: var(--texti);
}

.ui-button.-solid.-tertiary {
  background-color: var(--btn-solid-tertiary-bg-color);
  color: var(--btn-solid-tertiary-font-color);
}
.ui-button.-solid.-tertiary:not(:disabled):active, .ui-button.-solid.-tertiary:not(:disabled).-active {
  background-color: color-mix(in oklab, var(--btn-solid-tertiary-bg-color), black 2%);
}
.ui-button.-solid.-tertiary:disabled {
  background-color: var(--bg100);
  color: var(--texti);
}

.ui-button.-solid.-info {
  background-color: var(--btn-solid-info-bg-color);
  color: var(--btn-solid-info-font-color);
}
.ui-button.-solid.-info:not(:disabled):active, .ui-button.-solid.-info:not(:disabled).-active {
  background-color: color-mix(in oklab, var(--btn-solid-info-bg-color), black 2%);
}
.ui-button.-solid.-info:disabled {
  background-color: var(--bg100);
  color: var(--texti);
}

.ui-button.-solid.-danger {
  background-color: var(--btn-solid-danger-bg-color);
  color: var(--btn-solid-danger-font-color);
}
.ui-button.-solid.-danger:not(:disabled):active, .ui-button.-solid.-danger:not(:disabled).-active {
  background-color: color-mix(in oklab, var(--btn-solid-danger-bg-color), black 2%);
}
.ui-button.-solid.-danger:disabled {
  background-color: var(--bg100);
  color: var(--texti);
}

.ui-button.-line.-default {
  background-color: transparent;
  border: 1px solid var(--btn-line-default-border-color);
  color: var(--btn-line-default-font-color);
}
.ui-button.-line.-default:not(:disabled):active, .ui-button.-line.-default:not(:disabled).-active {
  background-color: color-mix(in oklab, white, black 2%);
}
.ui-button.-line.-default:disabled {
  border: 0;
  background-color: var(--bg100);
  color: var(--texti);
}

.ui-button.-text.-xlarge {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
  font-size: 36px;
  line-height: normal;
  font-weight: 700;
}
.ui-button.-text.-xlarge .ui-icon {
  width: 24px;
  height: 24px;
}

.ui-button.-text.-large {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.ui-button.-text.-large .ui-icon {
  width: 20px;
  height: 20px;
}

.ui-button.-text.-medium {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.ui-button.-text.-medium .ui-icon {
  width: 20px;
  height: 20px;
}

.ui-button.-text.-small {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}
.ui-button.-text.-small .ui-icon {
  width: 16px;
  height: 16px;
}

.ui-button.-text.-gray1 {
  color: var(--btn-text-gray1-font-color);
  cursor: pointer;
}
.ui-button.-text.-gray1:disabled {
  color: var(--text9);
  opacity: 0.4;
}
.ui-button.-text.-gray1.-tooltip .ui-icon {
  color: var(--texti);
}

.ui-button.-text.-gray2 {
  color: var(--btn-text-gray2-font-color);
  cursor: pointer;
}
.ui-button.-text.-gray2:disabled {
  color: var(--text9);
  opacity: 0.4;
}
.ui-button.-text.-gray2.-tooltip .ui-icon {
  color: var(--texti);
}

.ui-button.-text.-gray3 {
  color: var(--btn-text-gray3-font-color);
  cursor: pointer;
}
.ui-button.-text.-gray3:disabled {
  color: var(--text9);
  opacity: 0.4;
}
.ui-button.-text.-gray3.-tooltip .ui-icon {
  color: var(--texti);
}

.ui-button.-text.-point1 {
  color: var(--btn-text-point1-font-color);
  cursor: pointer;
}
.ui-button.-text.-point1:disabled {
  color: var(--text9);
  opacity: 0.4;
}
.ui-button.-text.-point1.-tooltip .ui-icon {
  color: var(--texti);
}

.ui-button.-text.-point2 {
  color: var(--btn-text-point2-font-color);
  cursor: pointer;
}
.ui-button.-text.-point2:disabled {
  color: var(--text9);
  opacity: 0.4;
}
.ui-button.-text.-point2.-tooltip .ui-icon {
  color: var(--texti);
}

.ui-card {
  border-radius: 16px;
  background-color: #FFF;
}
.ui-card.bg-100 {
  background-color: var(--bg100);
}
.ui-card.bg-200 {
  background-color: var(--bg200);
}
.ui-card.-line {
  border: 1px solid var(--border100);
}

.ui-card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--box-gap);
}
.ui-card-group .ui-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.ui-card-group.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui-card-group.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

:root {
  --checkbox-size: 24px;
  --checkbox-radius: 100%;
  --checkbox-border-color: var(--border200);
  --checkbox-border-color-checked: transparent;
  --checkbox-border-color-disabled: var(--border200);
  --checkbox-border-color-checked-disabeld: transparent;
  --checkbox-bg-color: white;
  --checkbox-bg-color-checked: var(--primary);
  --checkbox-bg-color-disabled: var(--bg200);
  --checkbox-bg-color-checked-disabled: rgba(var(--primary-rgb), 0.12);
}

.ui-checkbox-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ui-checkbox-area .ui-checkbox {
  width: 0;
  height: 0;
}
.ui-checkbox-area .ui-checkbox + label {
  --label-gap: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.ui-checkbox-area .ui-checkbox + label .slot:not(:empty) {
  margin-left: var(--label-gap);
}
.ui-checkbox-area .ui-checkbox + label.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ui-checkbox-area .ui-checkbox + label.-reverse .slot:not(:empty) {
  margin-left: 0;
  margin-right: var(--label-gap);
}
.ui-checkbox-area .ui-checkbox:disabled + label {
  cursor: not-allowed;
}
.ui-checkbox-area .ui-checkbox:disabled + label::before {
  cursor: not-allowed;
}
.ui-checkbox-area .ui-checkbox + label::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 12L10.5 16' stroke='%23d8d8d8' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.5 8L10.5 16' stroke='%23d8d8d8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  cursor: pointer;
  vertical-align: bottom;
}
.ui-checkbox-area .ui-checkbox:not(.-borderless) + label::before {
  border: 1px solid var(--checkbox-border-color);
  background-color: var(--checkbox-bg-color);
}
.ui-checkbox-area .ui-checkbox:not(.-borderless):checked + label::before {
  border-color: var(--checkbox-border-color-checked);
  background-color: var(--checkbox-bg-color-checked);
}
.ui-checkbox-area .ui-checkbox:not(.-borderless):disabled:not(:checked) + label::before {
  border-color: var(--checkbox-border-color-disabled);
  background-color: var(--checkbox-bg-color-disabled);
  background-image: none;
}
.ui-checkbox-area .ui-checkbox:not(.-borderless):disabled:checked + label::before {
  background-color: var(--checkbox-bg-color-checked-disabled);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 12L10.5 16' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.5 8L10.5 16' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.ui-checkbox-area .ui-checkbox.-borderless + label::before {
  border: 0;
  background-color: transparent;
}
.ui-checkbox-area .ui-checkbox.-borderless:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 12L10.5 16' stroke='%234D00B6' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.5 8L10.5 16' stroke='%234D00B6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.ui-checkbox-area .ui-checkbox.-borderless:disabled:not(:checked) + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 12L10.5 16' stroke='%23B1BBC0' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.5 8L10.5 16' stroke='%23B1BBC0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  opacity: 0.2;
}
.ui-checkbox-area .ui-checkbox.-borderless:disabled:checked + label::before {
  opacity: 0.12;
}

.ui-checkbox-area.-complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-checkbox-area.-complex .ui-checkbox {
  width: 0;
  height: 0;
}
.ui-checkbox-area.-complex .ui-checkbox + label {
  --label-gap: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.ui-checkbox-area.-complex .ui-checkbox + label .slot:not(:empty) {
  margin-left: var(--label-gap);
}
.ui-checkbox-area.-complex .ui-checkbox + label.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ui-checkbox-area.-complex .ui-checkbox + label.-reverse .slot:not(:empty) {
  margin-left: 0;
  margin-right: var(--label-gap);
}
.ui-checkbox-area.-complex .ui-checkbox:disabled + label {
  cursor: not-allowed;
}
.ui-checkbox-area.-complex .ui-checkbox:disabled + label::before {
  cursor: not-allowed;
}
.ui-checkbox-area.-complex .ui-checkbox + label {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.ui-checkbox-area.-complex .ui-checkbox + label::before {
  position: absolute;
  right: 0;
  top: 0;
}
.ui-checkbox-area.-complex.-loan {
  padding: 24px 0 40px;
}
.ui-checkbox-area.-complex.-loan .inner-left {
  --dt-width: 100px !important;
}

.ui-chips-field-area {
  padding: 0 var(--spacing-x);
}

.ui-chips-area {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px 4px;
}
.ui-chips-area.-grid3 {
  -ms-grid-columns: 1fr 4px 1fr 4px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.ui-chips-area.-grid4 {
  -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr;
  grid-template-columns: repeat(4, 1fr);
}

.ui-chip-area {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-chip-area .ui-chip-input {
  position: absolute;
  top: -1000%;
  left: -1000%;
}
.ui-chip-area .ui-chip-input:checked + label {
  border: 1px solid var(--text2);
  background-color: #fff;
  color: var(--text2);
}
.ui-chip-area .ui-chip-input:checked + label .ui-icon-check {
  color: var(--success);
}
.ui-chip-area .ui-chip-input:disabled + label {
  border: 0;
  background-color: var(--bg100);
  color: var(--texti);
  opacity: 0.4;
  cursor: not-allowed;
}
.ui-chip-area .ui-chip-input:disabled + label .ui-icon {
  color: inherit;
}
.ui-chip-area .ui-chip-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  border-radius: 8px;
  background-color: var(--bg100);
  color: var(--text9);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}
.ui-chip-area .ui-chip-label .ui-icon-check {
  margin-right: 4px;
}
.ui-chip-area .ui-chip-label .slot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-chip-area .ui-chip-label .slot .ui-icon {
  color: inherit;
}

.ui-divider {
  height: 12px;
  background-color: var(--bg100);
}

.ui-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 var(--spacing-x);
  height: var(--header-height);
  background-color: #fff;
  color: var(--text2);
  z-index: var(--z-index-header);
}
.ui-header.-fixed {
  position: sticky;
  top: 0;
}
.ui-header .ui-icon {
  color: inherit;
}
.ui-header .right {
  margin-left: auto;
  cursor: pointer;
}
.ui-header .ui-header-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: calc(100% - 48px - 64px - 16px);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.ui-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--texti);
}
.ui-icon g {
  -webkit-transform-origin: center;
          transform-origin: center;
}

p .ui-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}

.ui-image {
  display: block;
}
.ui-image.-full {
  width: 100%;
}
.ui-image.-spacing {
  padding: 0 var(--spacing-x);
}

.ui-info-banner {
  padding: 10px 0;
}
.ui-info-banner .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 272px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-info-banner .inner > * + * {
    margin-left: 8px;
  }
}
.ui-info-banner .ui-image {
  width: 24px;
}
.ui-info-banner .ui-info-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ui-info-banner.-default {
  background-color: var(--secondary08);
  color: var(--primary);
}

:root {
  /* size > large */
  --info-box-large-height: 56px;
  --info-box-large-asset-size: 24px;
  /* size > medium */
  --info-box-medium-height: 48px;
  --info-box-medium-asset-size: 24px;
  /* size > small */
  --info-box-small-height: 20px;
  --info-box-small-asset-size: 20px;
  /* type(solid) > primary */
  --info-box-solid-primary-bg-color: var(--primary);
  --info-box-solid-primary-font-color: white;
  /* type(solid) > secondary */
  --info-box-solid-secondary-bg-color: var(--secondary08);
  --info-box-solid-secondary-font-color: var(--secondary);
  /* type(solid) > tertiary */
  --info-box-solid-tertiary-bg-color: var(--bg100);
  --info-box-solid-tertiary-font-color: var(--text2);
  /* type(solid) > info */
  --info-box-solid-info-bg-color: var(--bg100);
  --info-box-solid-info-font-color: var(--text2);
  /* type(solid) > danger */
  --info-box-solid-danger-bg-color: var(--error08);
  --info-box-solid-danger-font-color: var(--error);
  /* type(line) > tertiary */
  --info-box-line-tertiary-border-color: var(--border100);
  --info-box-line-tertiary-font-color: var(--text2);
  --info-box-line-tertiary-icon-color: var(--texti);
  /* type(line) > secondary */
  --info-box-line-secondary-border-color: var(--secondary);
  --info-box-line-secondary-bg-color: var(--secondary08);
  --info-box-line-secondary-font-color: var(--secondary);
  --info-box-line-secondary-icon-color: var(--secondary);
  /* type(ghost) > tertiary */
  --info-box-ghost-tertiary-font-color: var(--text9);
}

.ui-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ui-info-box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-info-box .inner > * + * {
    margin-left: 8px;
  }
}
.ui-info-box .ui-info-desc {
  padding: 2px 0;
}

.ui-info-box.-large {
  min-height: var(--info-box-large-height);
}
.ui-info-box.-large .ui-icon, .ui-info-box.-large .ui-image {
  width: var(--info-box-large-asset-size);
  height: var(--info-box-large-asset-size);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--info-box-large-asset-size);
          flex: 0 0 var(--info-box-large-asset-size);
}
.ui-info-box.-large .ui-info-desc {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  padding: 5px 0;
}
.ui-info-box.-large .ui-icon, .ui-info-box.-large .ui-image, .ui-info-box.-large .ui-label {
  margin: 4px 0;
}

.ui-info-box.-medium {
  min-height: var(--info-box-medium-height);
}
.ui-info-box.-medium .ui-icon, .ui-info-box.-medium .ui-image {
  width: var(--info-box-medium-asset-size);
  height: var(--info-box-medium-asset-size);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--info-box-medium-asset-size);
          flex: 0 0 var(--info-box-medium-asset-size);
}
.ui-info-box.-medium .ui-info-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.ui-info-box.-small {
  min-height: var(--info-box-small-height);
  padding: 0;
}
.ui-info-box.-small .ui-icon, .ui-info-box.-small .ui-image {
  width: var(--info-box-small-asset-size);
  height: var(--info-box-small-asset-size);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--info-box-small-asset-size);
          flex: 0 0 var(--info-box-small-asset-size);
}
.ui-info-box.-small .inner {
  gap: 4px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-info-box.-small .inner > * + * {
    margin-left: 4px;
  }
}
.ui-info-box.-small .ui-info-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.ui-info-box.-line.-primary {
  border: 1px solid var(--info-box-line-primary-border-color);
  background-color: var(--info-box-line-primary-bg-color);
  color: var(--info-box-line-primary-font-color);
}
.ui-info-box.-line.-primary .ui-icon {
  color: var(--info-box-line-primary-icon-color);
}

.ui-info-box.-line.-secondary {
  border: 1px solid var(--info-box-line-secondary-border-color);
  background-color: var(--info-box-line-secondary-bg-color);
  color: var(--info-box-line-secondary-font-color);
}
.ui-info-box.-line.-secondary .ui-icon {
  color: var(--info-box-line-secondary-icon-color);
}

.ui-info-box.-line.-tertiary {
  border: 1px solid var(--info-box-line-tertiary-border-color);
  background-color: var(--info-box-line-tertiary-bg-color);
  color: var(--info-box-line-tertiary-font-color);
}
.ui-info-box.-line.-tertiary .ui-icon {
  color: var(--info-box-line-tertiary-icon-color);
}

.ui-info-box.-line.-info {
  border: 1px solid var(--info-box-line-info-border-color);
  background-color: var(--info-box-line-info-bg-color);
  color: var(--info-box-line-info-font-color);
}
.ui-info-box.-line.-info .ui-icon {
  color: var(--info-box-line-info-icon-color);
}

.ui-info-box.-line.-danger {
  border: 1px solid var(--info-box-line-danger-border-color);
  background-color: var(--info-box-line-danger-bg-color);
  color: var(--info-box-line-danger-font-color);
}
.ui-info-box.-line.-danger .ui-icon {
  color: var(--info-box-line-danger-icon-color);
}

.ui-info-box.-solid.-primary {
  background-color: var(--info-box-solid-primary-bg-color);
  color: var(--info-box-solid-primary-font-color);
}

.ui-info-box.-solid.-secondary {
  background-color: var(--info-box-solid-secondary-bg-color);
  color: var(--info-box-solid-secondary-font-color);
}

.ui-info-box.-solid.-tertiary {
  background-color: var(--info-box-solid-tertiary-bg-color);
  color: var(--info-box-solid-tertiary-font-color);
}

.ui-info-box.-solid.-info {
  background-color: var(--info-box-solid-info-bg-color);
  color: var(--info-box-solid-info-font-color);
}

.ui-info-box.-solid.-danger {
  background-color: var(--info-box-solid-danger-bg-color);
  color: var(--info-box-solid-danger-font-color);
}

.ui-info-box.-ghost.-tertiary {
  color: var(--info-box-ghost-tertiary-font-color);
}

.ui-input-field-area {
  padding: 0 var(--spacing-x);
}
.ui-input-field-area.-line.-large .ui-input {
  height: 32px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.ui-input-field-area.-line.-large .ui-input-unit-area {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.ui-input-field-area.-line.-medium .ui-input-label {
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
}
.ui-input-field-area.-line.-medium .ui-input {
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.ui-input-field-area.-line.-medium .ui-input-button-area {
  margin-bottom: -4px;
}
.ui-input-field-area.-line.-medium .ui-input-help-text {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}
.ui-input-field-area.-line .-disabled {
  border-color: rgba(222, 232, 238, 0.6);
}
.ui-input-field-area.-box .ui-input-area {
  padding: 0 16px;
  border-width: 1px;
  border-radius: 8px;
  height: 58px;
}
.ui-input-field-area.-box .ui-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.ui-input-field-area.-box .ui-input-help-text {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}
.ui-input-field-area.-box .-disabled {
  border-color: var(--border200);
  background-color: var(--bg100);
}

.ui-input-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.ui-input-label + .ui-input-area, .ui-input-label + .ui-chips-area {
  margin-top: 8px;
}
.ui-input-label em {
  color: var(--secondary);
}

.ui-input-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  border: 1px solid var(--border200);
  border-width: 0 0 1px 0;
}
.ui-input-area.-focused {
  border-color: var(--primary);
}
.ui-input-area.-error {
  border-color: var(--error);
}
.ui-input-area .ui-input {
  width: 100%;
  color: var(--text2);
  padding: 0;
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.ui-input-button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-input-button-area > * + * {
    margin-left: 8px;
  }
}
.ui-input-button-area .ui-button.-ghost.-only-icon .ui-icon {
  width: 24px;
  height: 24px;
  color: var(--texti);
}

.ui-input-unit-area {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text9);
}

.ui-input-help-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 12px;
}
.ui-input-help-area.-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ui-input-help-area .ui-input-help-text {
  margin-top: 0;
}
.ui-input-help-area button:only-child {
  margin-left: auto;
}

.ui-input-help-text {
  margin-top: 8px;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  color: var(--text9);
  word-break: break-all;
}

.ui-input-field-area.-date .ui-input-label + .ui-input-date-area {
  margin-top: 8px;
}
.ui-input-field-area.-date .ui-input-field-area {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-input-field-area.-date .ui-input-date-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-input-field-area.-date .ui-input-dash {
  margin: 0 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text9);
}

.ui-input-field-area.-rrn {
  --gender-input-width: 16px;
}
.ui-input-field-area.-rrn.-large .ui-input-help-text {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
.ui-input-field-area.-rrn .ui-input-label + .ui-input-rrn-area {
  margin-top: 8px;
}
.ui-input-field-area.-rrn .ui-input-field-area {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-input-field-area.-rrn .ui-input-field-area.-box {
  --gender-input-width: 38px;
}
.ui-input-field-area.-rrn .ui-input-rrn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-input-field-area.-rrn .ui-input-rrn-last-gender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-input-field-area.-rrn .ui-input-rrn-last-gender .ui-input-gender .ui-input-area {
  padding: 0;
  width: var(--gender-input-width);
}
.ui-input-field-area.-rrn .ui-input-rrn-last-gender .ui-input-gender .ui-input-area .ui-input {
  text-align: center;
}
.ui-input-field-area.-rrn .ui-input-rrn-last-gender .ui-input-rrn-masking {
  padding-left: 8px;
  width: calc(100% - var(--gender-input-width));
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.ui-input-field-area.-rrn .ui-input-dash {
  margin: 0 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text9);
}

.ui-input-search-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.ui-input-search-address.-detail-addr .ui-input-address .ui-input-help-area {
  display: none;
}

.ui-label-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui-label-group.-gap {
  gap: 8px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-label-group.-gap > * + * {
    margin-left: 8px;
  }
}

.ui-label:not(.-text) {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}
.ui-label:not(.-text).-primary {
  background-color: var(--primary08);
  color: var(--primary);
}
.ui-label:not(.-text).-secondary {
  background-color: var(--secondary08);
  color: var(--secondary);
}
.ui-label:not(.-text).-success {
  background-color: var(--success08);
  color: var(--success);
}
.ui-label:not(.-text).-danger {
  background-color: var(--danger08);
  color: var(--danger);
}
.ui-label:not(.-text).-tertiary {
  background-color: var(--bg100);
  color: var(--text9);
}
.ui-label.-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--text5);
}
.ui-label.-text.-medium {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.ui-label.-text.-large {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ui-label.-text.-blue, .ui-label.-text.-success {
  color: var(--secondary);
}
.ui-label.-text.-gray, .ui-label.-text.-hold {
  color: var(--text9);
}
.ui-label.-text.-red, .ui-label.-text.-danger, .ui-label.-text.-error {
  color: var(--error);
}
.ui-label + .ui-label.-text {
  position: relative;
  padding-left: 13px;
}
.ui-label + .ui-label.-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  width: 1px;
  height: 8px;
  background-color: var(--border200);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ui-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
  text-decoration: underline;
}
.ui-link:hover {
  text-decoration: underline;
}

.ui-link-desc {
  text-align: center;
}
.ui-link-desc .txt-desc {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text9);
}
.ui-link-desc .ui-link {
  display: inline-block;
  margin-top: 6px;
}

.ui-list-box {
  padding: 48px 0;
}
.ui-list-box:first-of-type {
  padding-top: 32px;
}
.ui-list-box:last-of-type {
  padding-bottom: 0;
}
.ui-list-box .ui-list-title {
  padding: 0 var(--spacing-x) 24px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.ui-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui-list.-datalist {
  margin-top: 32px;
}
.ui-list.-init {
  display: block;
}
.ui-list.-gap {
  gap: 8px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list.-gap > * + * {
    margin-left: unset;
    margin-top: 8px;
  }
}
.ui-list.-spacing {
  padding: 0 var(--spacing-x);
}
.ui-list.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ui-list.-row .ui-list-item {
  margin: 0 !important;
}
.ui-list.-step {
  position: relative;
}
.ui-list.-step::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 12px;
  width: 1px;
  height: calc(100% - 60px);
  background-color: var(--border100);
}
.ui-list.-step .ui-list-item .ui-badge {
  position: relative;
  z-index: 1;
}

.ui-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ui-list-item .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.ui-list-item .inner-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-list-item .inner-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.ui-list-item .inner-right .ui-icon {
  color: var(--texti);
}
.ui-list-item.-default .inner-left, .ui-list-item.-complex .inner-left {
  gap: 16px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-item.-default .inner-left > * + *, .ui-list-item.-complex .inner-left > * + * {
    margin-left: 16px;
  }
}
.ui-list-item.-default {
  gap: 8px;
  padding: 16px var(--spacing-x);
  min-height: 54px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-item.-default > * + * {
    margin-left: unset;
    margin-top: 8px;
  }
}
.ui-list-item.-default.-column .inner-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ui-list-item.-default .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui-list-item.-default .txt-area .txt-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-list-item.-default .txt-area .txt-label + .txt-title {
  margin-top: 4px;
}
.ui-list-item.-default .txt-area .txt-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text2);
}
.ui-list-item.-default .txt-area .txt-title:not(.-no-ellipsis) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.ui-list-item.-default .txt-area .txt-title + * {
  margin-top: 4px;
}
.ui-list-item.-default .txt-area .txt-title .ui-badge {
  margin-left: 4px;
  vertical-align: top;
}
.ui-list-item.-default .txt-area .txt-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-list-item.-default .txt-area .txt-desc.-emphasis {
  color: var(--text5);
}
.ui-list-item.-checkbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 48px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.ui-list-item.-checkbox .ui-checkbox-area {
  width: 100%;
}
.ui-list-item.-checkbox .ui-checkbox-label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.ui-list-item.-checkbox .ui-checkbox-label .slot {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-list-item.-checkbox .ui-checkbox-label .slot .ui-label {
  position: relative;
  top: -2px;
  margin-left: 4px;
}
.ui-list-item.-checkbox.-depth2 {
  margin-left: calc(-1 * var(--spacing-x));
  margin-right: calc(-1 * var(--spacing-x));
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 44px;
  background-color: var(--bg100);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-list-item.-checkbox.-depth2 .ui-checkbox-label .slot {
  padding-top: 2px;
}
.ui-list-item.-checkbox .inner-left {
  padding-top: 4px;
  width: 100%;
}
.ui-list-item.-checkbox .inner-left .ui-checkbox:not(:checked) + .ui-checkbox-label.-reverse::before {
  display: none;
}
.ui-list-item.-checkbox .inner-right {
  margin-right: -8px;
}
.ui-list-item.-datalist {
  padding: 16px var(--spacing-x);
}
.ui-list-item.-datalist p {
  font-weight: 500;
  color: var(--text2);
}
.ui-list-item.-datalist p .-matched {
  font-weight: 700;
  color: var(--secondary);
}
.ui-list-item.-complex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid var(--border100);
}
.ui-list-item.-complex .inner-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-list-item.-complex.-loan {
  padding-bottom: 40px;
}
.ui-list-item.-complex.-loan + .ui-list-item.-complex.-loan {
  padding: 24px 0 40px;
}
.ui-list-item.-complex.-loan .inner-left {
  --dt-width: 40px;
}
.ui-list-item.-complex.-loan .inner-left .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-item.-complex.-loan .inner-left .txt-area > * + * {
    margin-left: unset;
    margin-top: 16px;
  }
}
.ui-list-item.-complex.-loan .inner-left .txt-area .txt-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-list-item.-complex.-loan .inner-left .txt-area .txt-desc {
  margin-top: 2px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text2);
}
.ui-list-item.-complex.-loan .inner-left dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-list-item.-complex.-loan .inner-left dl + dl {
  margin-top: 8px;
}
.ui-list-item.-complex.-loan .inner-left dl dt {
  width: var(--dt-width);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-list-item.-complex.-loan .inner-left dl dd {
  width: calc(100% - var(--dt-width));
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--text2);
}
.ui-list-item.-complex.-realEstate {
  padding: 24px 0;
}
.ui-list-item.-complex.-realEstate .inner-left .txt-area .txt-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--text2);
}
.ui-list-item.-complex.-realEstate .inner-left .txt-area .txt-desc {
  margin-top: 16px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--text9);
}
.ui-list-item.-keypoint {
  padding: 12px var(--spacing-x);
}
.ui-list-item.-keypoint .inner-left {
  gap: 12px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-item.-keypoint .inner-left > * + * {
    margin-left: unset;
    margin-top: 12px;
  }
}
@media screen and (max-width: 374px) {
  .ui-list-item.-keypoint .inner-left .txt-area .txt-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
}
.ui-list-item.-keypoint .inner-left .txt-area .txt-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
@media screen and (max-width: 374px) {
  .ui-list-item.-keypoint .inner-left .txt-area .txt-desc {
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
  }
}
.ui-list-item.-keypoint .inner-left .txt-area .txt-desc + .txt-title {
  margin-top: 2px;
}
.ui-list-item.-result + .ui-list-item.-result {
  margin-top: 40px;
}
.ui-list-item.-result .txt-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-list-item.-result .txt-value {
  margin-top: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.ui-list-item.-result .txt-desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-list-item.-result.-spacing {
  padding: 0 var(--spacing-x);
}
.ui-list-item.-result.-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.ui-list-item.-result.-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.ui-list-item.-toggle .txt-area .txt-label {
  color: var(--text9);
}
.ui-list-item.-address {
  padding: 0 var(--spacing-x);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  min-height: 24px;
}
.ui-list-item.-address .txt-area .txt-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.ui-list-item.-address .txt-area .txt-desc {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-list-item.-address .txt-area .ui-label-group {
  margin-top: 4px;
}
.ui-list-item.-address + .ui-list-item.-address {
  margin-top: 32px;
}
.ui-list-item.-house .txt-area .txt-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.ui-list-item.-house .inner-left {
  max-width: calc(100% - 72px);
}
.ui-list-item.-house .inner-right {
  margin-left: 16px;
}
.ui-list-item.-option {
  min-height: 48px;
  cursor: pointer;
  -webkit-tap-highlight-color: var(--bg100);
}
.ui-list-item.-option .txt-area .txt-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.ui-list-item.-option.-desc .txt-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.ui-list-item.-option.-desc .txt-desc {
  margin-top: 8px;
}
.ui-list-item.-option.-active .txt-title, .ui-list-item.-option.-active .ui-icon {
  color: var(--primary);
}
.ui-list-item.-img {
  gap: 8px;
  padding: 16px var(--spacing-x);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-item.-img > * + * {
    margin-left: unset;
    margin-top: 8px;
  }
}
.ui-list-item.-img .inner-left {
  gap: 16px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-item.-img .inner-left > * + * {
    margin-left: 16px;
  }
}
.ui-list-item.-img .inner-right {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.ui-list-item.-img .inner-right .finnq-money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--primary);
}
.ui-list-item.-img .inner-right .finnq-money::after {
  content: "";
  margin-left: 4px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("https://res.cloudinary.com/finnq/image/upload/v1685013262/p/3.0/icon/ico_finnq_money.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.ui-list-empty {
  padding: 80px var(--spacing-x) 24px;
}
.ui-list-empty .txt-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-list-empty .txt-empty > * + * {
    margin-left: 4px;
  }
}

.ui-list-item-group {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ui-list-item-group.-open {
  max-height: 1000px;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  .ui-list-item-group.-open {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.ui-list-item-group .ui-list-item.-checkbox.-depth2 {
  margin: 0;
}

.ui-modal-body .ui-list-item-group {
  margin-left: calc(-1 * var(--spacing-x));
  margin-right: calc(-1 * var(--spacing-x));
}

.ui-loader {
  display: inline-block;
}
.ui-loader .ui-image-loader {
  display: block;
}
.ui-loader.-capsule {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 40px;
  border: 1px solid var(--primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 24px 8px 16px;
  position: fixed;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: max(24px, constant(safe-area-inset-bottom));
  margin-bottom: max(24px, env(safe-area-inset-bottom));
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-loader.-capsule > * + * {
    margin-left: unset;
    margin-top: 6px;
  }
}

.ui-loader-label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.ui-modal-wrapper {
  --modal-radius: 16px;
  --min-spacing: 32px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100vh;
  z-index: -1;
}
.ui-modal-wrapper.-visible {
  z-index: var(--z-index-modal);
}
.ui-modal-wrapper.-visible .ui-modal-layer,
.ui-modal-wrapper.-visible .ui-modal-inner {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ui-modal-wrapper.-bottom {
  padding-top: var(--min-spacing);
}
.ui-modal-wrapper.-bottom .ui-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  cursor: pointer;
}
.ui-modal-wrapper.-bottom .ui-modal-close + .ui-modal-header {
  padding-right: 40px;
}
.ui-modal-wrapper.-bottom .ui-modal-inner {
  position: relative;
  margin-top: auto;
  padding-top: 40px;
  border-radius: var(--modal-radius) var(--modal-radius) 0 0;
}
.ui-modal-wrapper.-bottom.-ad .ui-modal-inner {
  padding-top: 0;
}
.ui-modal-wrapper.-bottom.-ad .ui-modal-body {
  padding: 0;
}
.ui-modal-wrapper.-bottom.-ad .ui-modal-footer .ui-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-modal-wrapper.-bottom.-ad .ui-modal-footer .btn-no-more {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text9);
}
.ui-modal-wrapper.-bottom.-ad .ui-modal-footer .btn-close {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text2);
}
.ui-modal-wrapper.-center {
  padding: var(--min-spacing);
}
.ui-modal-wrapper.-center .ui-modal-inner {
  margin: auto;
  max-width: 350px;
  border-radius: var(--modal-radius);
}
.ui-modal-wrapper.-center .ui-modal-header + .ui-modal-footer {
  padding-top: 40px;
}
.ui-modal-wrapper.-center .ui-modal-footer {
  padding-bottom: 16px;
}
.ui-modal-wrapper.-full .ui-modal-layer {
  display: none;
}
.ui-modal-wrapper.-full .ui-modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 var(--spacing-x);
  height: 44px;
}
.ui-modal-wrapper.-full .ui-modal-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0;
}
.ui-modal-wrapper.-full .ui-modal-header {
  padding: 16px var(--spacing-x) 0;
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
}
.ui-modal-wrapper.-full .ui-modal-header small {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-modal-wrapper.-full .ui-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}

.ui-modal-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--layer-dimmed);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
}

.ui-modal-inner {
  position: relative;
  padding-top: 32px;
  width: 100%;
  background-color: white;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 30%, 0);
          transform: translate3d(0, 30%, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
          transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
          animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
  overflow: auto;
  z-index: 9999;
}

.ui-modal-close {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
.ui-modal-close .ui-button {
  margin: 0 -4px;
}
.ui-modal-close .ui-button .ui-icon {
  width: 24px;
  height: 24px;
}

.ui-modal-header {
  position: relative;
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: var(--text2);
}
.ui-modal-header + .ui-modal-footer {
  padding-top: 48px;
}
.ui-modal-header + .ui-modal-footer p {
  margin-top: -32px;
}

.ui-modal-body {
  padding-top: 24px;
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
  padding-bottom: 32px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.ui-modal-body > p + *, .ui-modal-body > ul + *, .ui-modal-body > table + *, .ui-modal-body > .ui-list + * {
  margin-top: 16px;
}
.ui-modal-body > p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.ui-modal-body > p small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-modal-body ul.-large {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.ui-modal-body ul.-large li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.ui-modal-body ul.-large li::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: currentColor;
}
.ui-modal-body ul.-large li + li {
  margin-top: 16px;
}
.ui-modal-body ul:not(.-large) li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-modal-body ul:not(.-large) li::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: currentColor;
}
.ui-modal-body ul:not(.-large) li + li {
  margin-top: 8px;
}
.ui-modal-body .ui-notice-content ul li,
.ui-modal-body .agree_details ul li {
  color: var(--text5);
}
.ui-modal-body .ui-notice-content ul li::before,
.ui-modal-body .agree_details ul li::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  content: "・" !important;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: initial;
  background-color: initial;
}
.ui-modal-body table {
  border-top: 1px solid var(--text5);
  text-align: left;
}
.ui-modal-body table tr {
  border-bottom: 1px solid var(--border200);
}
.ui-modal-body table th {
  padding: 14px 16px;
  width: 123px;
  background-color: var(--bg100);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: var(--text5);
}
.ui-modal-body table td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text2);
}
.ui-modal-body .ui-input-field-area,
.ui-modal-body .ui-list-item {
  padding-left: 0;
  padding-right: 0;
}
.ui-modal-body .ui-list-item.-option {
  padding: 12px var(--spacing-x);
}
.ui-modal-body .ui-accordion-area, .ui-modal-body .ui-list-option-area {
  margin-left: calc(-1 * var(--spacing-x));
  margin-right: calc(-1 * var(--spacing-x));
}

.ui-modal-footer {
  position: sticky;
  bottom: 0;
  margin-top: auto;
  padding-top: 16px;
  padding-left: var(--spacing-x-narrow);
  padding-right: var(--spacing-x-narrow);
  background: linear-gradient(to bottom, transparent 0, white 16px, white 100%);
  padding-bottom: max(16px, constant(safe-area-inset-bottom));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
.ui-modal-footer p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  line-height: 32px;
}

.ui-notice-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.ui-notice-title + .ui-notice-content {
  padding-top: 16px;
}

.ui-notice-content > * {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-notice-content b,
.ui-notice-content .bold {
  font-weight: 700;
}
.ui-notice-content b::before,
.ui-notice-content .bold::before {
  font-weight: 500;
}
.ui-notice-content em {
  font-style: normal;
  font-weight: 500;
  color: var(--secondary);
}
.ui-notice-content font[color=blue] {
  color: var(--secondary);
}
.ui-notice-content a {
  display: inline-block;
  text-decoration: underline !important;
  color: var(--text5);
}
.ui-notice-content ul li {
  width: calc(100% - 20px);
  padding-left: 20px;
  white-space: pre-line;
  position: relative;
}
.ui-notice-content ul li:not(:first-child) {
  margin-top: 8px;
}
.ui-notice-content ul li::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  content: "・" !important;
  position: absolute;
  left: 0;
  top: 0;
}
.ui-notice-content ul li.-info::before {
  content: "※" !important;
}
.ui-notice-content ul li[class^=list--] li {
  width: calc(100% - 20px);
  padding-left: 20px;
}
.ui-notice-content ul li[class^=list--] li::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.ui-notice-content ul li ol,
.ui-notice-content ul li ul {
  margin-left: -10px;
  margin-top: 8px;
}
.ui-notice-content ul li ol > li,
.ui-notice-content ul li ul > li {
  color: var(--text9);
}
.ui-notice-content ul li ul > li::before {
  content: "‒" !important;
}
.ui-notice-content ul li ul.list--dash > li::before, .ui-notice-content ul li ul.-dash > li::before {
  content: "‒" !important;
}
.ui-notice-content ul li ul.list--dot > li::before, .ui-notice-content ul li ul.-dot > li::before, .ui-notice-content ul li ul.list--disc > li::before, .ui-notice-content ul li ul.-disc > li::before {
  content: "・" !important;
}
.ui-notice-content ul li ul.list--square > li::before, .ui-notice-content ul li ul.-square > li::before {
  content: "▪" !important;
}
.ui-notice-content ul li ul.list--info::before, .ui-notice-content ul li ul.-info::before {
  content: "※" !important;
}
.ui-notice-content ul li ul.list--star > li::before, .ui-notice-content ul li ul.-star > li::before {
  content: "*" !important;
}
.ui-notice-content ul li ul.list--word > li:nth-of-type(1)::before, .ui-notice-content ul li ul.-word > li:nth-of-type(1)::before {
  content: "가." !important;
}
.ui-notice-content ul li ul.list--word > li:nth-of-type(2)::before, .ui-notice-content ul li ul.-word > li:nth-of-type(2)::before {
  content: "나." !important;
}
.ui-notice-content ul li ul.list--word > li:nth-of-type(3)::before, .ui-notice-content ul li ul.-word > li:nth-of-type(3)::before {
  content: "다." !important;
}
.ui-notice-content ul li ul.list--word > li:nth-of-type(4)::before, .ui-notice-content ul li ul.-word > li:nth-of-type(4)::before {
  content: "라." !important;
}
.ui-notice-content ul li ol {
  counter-reset: number;
}
.ui-notice-content ul li ol [class^=list--] li {
  width: calc(100% - 20px);
  padding-left: 20px;
}
.ui-notice-content ul li ol [class^=list--] li::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.ui-notice-content ul li ol.list--num li::before, .ui-notice-content ul li ol.-num li::before {
  content: counter(number) ". " !important;
  counter-increment: number 1;
}
.ui-notice-content ul li ol.list--num_bracket li::before, .ui-notice-content ul li ol.-num-bracket li::before {
  content: counter(number) ") " !important;
  counter-increment: number 1;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(1)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(1)::before {
  content: "①" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(2)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(2)::before {
  content: "②" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(3)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(3)::before {
  content: "③" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(4)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(4)::before {
  content: "④" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(5)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(5)::before {
  content: "⑤" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(6)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(6)::before {
  content: "⑥" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(7)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(7)::before {
  content: "⑦" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(8)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(8)::before {
  content: "⑧" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(9)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(9)::before {
  content: "⑨" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(10)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(10)::before {
  content: "⑩" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(11)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(11)::before {
  content: "⑪" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(12)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(12)::before {
  content: "⑫" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(13)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(13)::before {
  content: "⑬" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(14)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(14)::before {
  content: "⑭" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(15)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(15)::before {
  content: "⑮" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(16)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(16)::before {
  content: "⑯" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(17)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(17)::before {
  content: "⑰" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(18)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(18)::before {
  content: "⑱" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(19)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(19)::before {
  content: "⑲" !important;
}
.ui-notice-content ul li ol.list--num_circle li:nth-of-type(20)::before, .ui-notice-content ul li ol.-num-circle li:nth-of-type(20)::before {
  content: "⑳" !important;
}
.ui-notice-content .list_item li::before {
  content: "・";
  display: inline-block;
  clear: both;
  position: absolute;
  left: -6px;
  top: 0;
}

.ui-page-header {
  padding: 16px var(--spacing-x) 32px;
}
.ui-page-header .ui-page-header-title {
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
  color: var(--text2);
}
.ui-page-header .ui-page-header-title span, .ui-page-header .ui-page-header-title b, .ui-page-header .ui-page-header-title strong, .ui-page-header .ui-page-header-title i, .ui-page-header .ui-page-header-title em {
  font-size: inherit;
}
.ui-page-header .ui-page-header-title i {
  display: block;
  font-style: normal;
  font-weight: 300;
}
.ui-page-header * + .ui-page-header-title {
  margin-top: 12px;
}
.ui-page-header .ui-page-header-desc {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text9);
}
.ui-page-header * + .ui-label-group {
  margin-top: 12px;
}
.ui-page-header .ui-tabs-area {
  margin-top: 24px;
  margin-left: calc(-1 * var(--spacing-x));
  margin-right: calc(-1 * var(--spacing-x));
}

.ui-page-title-area {
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
}
.ui-page-title-area .ui-page-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: var(--text2);
}
.ui-page-title-area .ui-page-title span, .ui-page-title-area .ui-page-title b, .ui-page-title-area .ui-page-title strong, .ui-page-title-area .ui-page-title i, .ui-page-title-area .ui-page-title em {
  font-size: inherit;
}
.ui-page-title-area .ui-page-title i {
  display: block;
  font-style: normal;
  font-weight: 300;
}

.ui-section-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

:root {
  --radio-size: 24px;
  --radio-dot-size: 10px;
  --radio-radius: 100%;
  --radio-border-color: var(--border200);
  --radio-border-color-checked: var(--border200);
  --radio-border-color-disabled: var(--border200);
  --radio-border-color-checked-disabeld: var(--border200);
  --radio-bg-color: white;
  --radio-bg-color-checked: white;
  --radio-bg-color-disabled: var(--bg200);
  --radio-bg-color-checked-disabled: white;
}

.ui-radio-area {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ui-radio-area .ui-radio {
  width: 0;
  height: 0;
}
.ui-radio-area .ui-radio + label {
  --label-gap: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.ui-radio-area .ui-radio + label .slot:not(:empty) {
  margin-left: var(--label-gap);
}
.ui-radio-area .ui-radio + label.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ui-radio-area .ui-radio + label.-reverse .slot:not(:empty) {
  margin-left: 0;
  margin-right: var(--label-gap);
}
.ui-radio-area .ui-radio:disabled + label {
  cursor: not-allowed;
}
.ui-radio-area .ui-radio:disabled + label::before {
  cursor: not-allowed;
}
.ui-radio-area .ui-radio + label::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius);
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  cursor: pointer;
  vertical-align: bottom;
}
.ui-radio-area .ui-radio + label::after {
  content: "";
  position: absolute;
  top: calc(var(--radio-size) / 2 - var(--radio-dot-size) / 2);
  left: calc(var(--radio-size) / 2 - var(--radio-dot-size) / 2);
  width: var(--radio-dot-size);
  height: var(--radio-dot-size);
  border-radius: var(--radio-radius);
  background-color: var(--border200);
}
.ui-radio-area .ui-radio + label.-reverse::after {
  left: auto;
  right: calc(var(--radio-size) / 2 - var(--radio-dot-size) / 2);
}
.ui-radio-area .ui-radio + label::before {
  border: 1px solid var(--radio-border-color);
  background-color: var(--radio-bg-color);
}
.ui-radio-area .ui-radio:checked + label::after {
  background-color: var(--primary);
}
.ui-radio-area .ui-radio:disabled:not(:checked) + label::before {
  border-color: var(--radio-border-color-disabled);
  background-color: var(--radio-bg-color-disabled);
}
.ui-radio-area .ui-radio:disabled:not(:checked) + label::after {
  display: none;
}
.ui-radio-area .ui-radio:disabled:checked + label::after {
  opacity: 0.5;
}

.ui-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--text2);
  cursor: pointer;
}
.ui-select .ui-icon {
  margin-left: 4px;
}
.ui-select.-type-a {
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 5px;
  background-color: var(--bg100);
  color: var(--text5);
}
.ui-select.-type-a .ui-icon {
  color: inherit;
}
.ui-select.-type-b {
  padding: 0 16px;
  height: 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  border-radius: 8px;
  background-color: var(--bg100);
}
.ui-select.-type-b .ui-icon {
  color: var(--text5);
}
.ui-select.-type-c {
  padding: 0 16px;
  height: 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  border-radius: 20px;
  border: 1px solid currentColor;
}
.ui-select.-type-c .ui-icon {
  color: inherit;
}
.ui-select.-type-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.ui-select.-type-d .ui-icon {
  color: var(--text9);
}

.ui-table {
  text-align: left;
}
.ui-table caption {
  display: none;
}
.ui-table.-default {
  position: relative;
  text-align: left;
}
.ui-table.-default::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--text5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  clear: both;
}
.ui-table.-default tr {
  border-bottom: 1px solid var(--border200);
}
.ui-table.-default th {
  padding: 14px 16px;
  width: 123px;
  background-color: var(--bg100);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: var(--text5);
}
.ui-table.-default td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text2);
}
.ui-table.-default .-emphasis {
  position: relative;
}
.ui-table.-default .-emphasis td::after {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  clear: both;
  z-index: 1;
  border: 1px solid var(--primary);
}
.ui-table.-default.-column {
  text-align: center;
}
.ui-table.-default.-column th:not(:first-child), .ui-table.-default.-column td:not(:first-child) {
  border-left: 1px solid var(--border200);
}
.ui-table.-desc tr {
  vertical-align: top;
}
.ui-table.-desc th, .ui-table.-desc td {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.ui-table.-desc th {
  padding-right: 8px;
  color: var(--text9);
}
.ui-table.-desc td {
  color: var(--text5);
}
.ui-table.-desc tr + tr th, .ui-table.-desc tr + tr td {
  padding-top: 16px;
}

* + .ui-table {
  margin-top: 16px;
}

.ui-tabs-area {
  --filter-size: 34px;
  --filter-height: var(--filter-size);
  --filter-bottom-gap: 8px;
}
.ui-tabs-area .ui-tabs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: var(--z-index-tabs);
}
.ui-tabs-area .ui-tabs-list.-default {
  padding: 0 var(--spacing-x);
  border-bottom: 1px solid var(--border100);
  background-color: #fff;
}
.ui-tabs-area .ui-tabs-list.-default.-sticky {
  position: sticky;
  top: calc(var(--header-height) - 1px);
}
.ui-tabs-area .ui-tabs-list.-default.-fit-content {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
}
.ui-tabs-area .ui-tabs-list.-capsule {
  padding: 3px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--bg200);
}
.ui-tabs-area .ui-tabs-list.-capsule.-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 38px;
}
.ui-tabs-area .ui-tabs-list.-filter {
  position: relative;
  padding: 0 var(--spacing-x);
  margin-bottom: calc(-1 * var(--filter-bottom-gap));
  overflow-x: auto;
}
.ui-tabs-area .ui-tabs-list.-filter::-webkit-scrollbar {
  display: none;
}
.ui-tabs-area .ui-tabs-list.-filter.-multiline.-filter-open {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: calc(-1 * var(--filter-bottom-gap));
}
.ui-tabs-area .ui-tabs-list.-filter.-multiline .btn-more-area {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 16px;
  padding-right: 40px;
  margin-bottom: var(--filter-bottom-gap);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 16px, white 100%);
}
.ui-tabs-area .ui-tabs-list.-filter.-multiline .btn-more-area .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--filter-size);
  height: var(--filter-size);
  border: 1px solid var(--text2);
  border-radius: calc(var(--filter-height) / 2);
  color: var(--text2);
}
.ui-tabs-area .ui-tabs-list.-filter.-multiline .btn-more-area .btn-more .ui-icon {
  margin: auto;
  color: inherit;
}
.ui-tabs-area .ui-tabs-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.ui-tabs-area .ui-tabs-item .slot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui-tabs-area .ui-tabs-item.-default {
  height: 56px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text9);
}
.ui-tabs-area .ui-tabs-item.-default:not(.-large).-equally {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 16px;
}
.ui-tabs-area .ui-tabs-item.-default:not(.-large).-fit-content {
  padding: 0 16px;
}
.ui-tabs-area .ui-tabs-item.-default.-large {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.ui-tabs-area .ui-tabs-item.-default.-large + .-large {
  margin-left: 32px;
}
.ui-tabs-area .ui-tabs-item.-default.-large.-fit-content {
  padding: 0;
}
.ui-tabs-area .ui-tabs-item.-default.-large.-active::after {
  height: 4px;
}
.ui-tabs-area .ui-tabs-item.-default.-active {
  position: relative;
  color: var(--text2);
}
.ui-tabs-area .ui-tabs-item.-default.-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background-color: var(--text2);
}
.ui-tabs-area .ui-tabs-item.-capsule {
  padding: 0 12px;
  height: 100%;
  border-radius: 6px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--text9);
}
.ui-tabs-area .ui-tabs-item.-capsule.-small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.ui-tabs-area .ui-tabs-item.-capsule:not(.-small) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-tabs-area .ui-tabs-item.-capsule.-active {
  background-color: #fff;
  color: var(--text2);
}
.ui-tabs-area .ui-tabs-item.-capsule .ui-badge {
  display: none;
}
.ui-tabs-area .ui-tabs-item.-filter {
  padding: 0 16px;
  height: var(--filter-height);
  border: 1px solid var(--border100);
  border-radius: 17px;
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-tabs-area .ui-tabs-item.-filter:not(:only-child) {
  margin-right: 4px;
  margin-bottom: var(--filter-bottom-gap);
}
.ui-tabs-area .ui-tabs-item.-filter.-active {
  border-color: var(--text2);
  background-color: var(--text2);
  color: white;
}
.ui-tabs-area .ui-tabs-item.-filter .slot {
  gap: 8px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-tabs-area .ui-tabs-item.-filter .slot > * + * {
    margin-left: 8px;
  }
}
.ui-tabs-area .ui-tabs-item.-filter .ui-icon {
  margin: 0 -4px;
}

.ptitle {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ptitle:not(:first-child) {
  margin-top: 8px;
}
.ptitle + p {
  margin: 1em 0;
}

.tbl_tit {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.tbl_v01 table {
  width: 100%;
  border-bottom: 1px solid var(--border100);
  border-collapse: collapse;
  position: relative;
}
.tbl_v01 table::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #999;
  clear: both;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.tbl_v01 th,
.tbl_v01 td {
  padding: 10px;
  color: var(--text2);
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tbl_v01 th:not(:first-child),
.tbl_v01 td:not(:first-child) {
  border-left: 1px solid var(--border100);
}
.tbl_v01 th {
  padding: 5px 10px 5px;
  background: #F8F8F8;
}
.tbl_v01 td {
  border-top: 1px solid var(--border100);
}
.tbl_w01 table {
  width: 100%;
  border-bottom: 1px solid var(--border100);
  border-collapse: collapse;
  position: relative;
}
.tbl_w01 table::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #999;
  clear: both;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.tbl_w01 table caption {
  display: none;
}
.tbl_w01 th,
.tbl_w01 td {
  padding: 13px 10px;
  height: 30px;
  border-top: 1px solid var(--border100);
  color: var(--text2);
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tbl_w01 th {
  background: #f9f9f9;
}
.tbl_w01 p + p {
  margin-top: 8px;
}

div[data-code*=M] p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.agree_details {
  text-align: left;
}
.agree_details h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.agree_details h3 + * {
  margin-bottom: 20px;
}
.agree_details h4,
.agree_details h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}
.agree_details li {
  word-break: keep-all;
}
.agree_details ul li, .agree_details ol li {
  width: calc(100% - 20px);
  padding-left: 20px;
  position: relative;
}
.agree_details ul li::before, .agree_details ol li::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.agree_details ul li + li, .agree_details ol li + li {
  margin-top: 8px;
}
.agree_details ul li ul, .agree_details ul li ol, .agree_details ol li ul, .agree_details ol li ol {
  margin-top: 8px;
}
.agree_details ul li {
  width: calc(100% - 20px);
  padding-left: 20px;
  white-space: pre-line;
  position: relative;
}
.agree_details ul li:not(:first-child) {
  margin-top: 8px;
}
.agree_details ul li::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  content: "・" !important;
  position: absolute;
  left: 0;
  top: 0;
}
.agree_details ul li.-info::before {
  content: "※" !important;
}
.agree_details ul li ol,
.agree_details ul li ul {
  margin-left: -10px;
  margin-top: 8px;
}
.agree_details ul li ol > li,
.agree_details ul li ul > li {
  color: var(--text9);
}
.agree_details ul li ul > li::before {
  content: "‒" !important;
}
.agree_details ul li ul.list--dash > li::before, .agree_details ul li ul.-dash > li::before {
  content: "‒" !important;
}
.agree_details ul li ul.list--dot > li::before, .agree_details ul li ul.-dot > li::before, .agree_details ul li ul.list--disc > li::before, .agree_details ul li ul.-disc > li::before {
  content: "・" !important;
}
.agree_details ul li ul.list--square > li::before, .agree_details ul li ul.-square > li::before {
  content: "▪" !important;
}
.agree_details ul li ul.list--info::before, .agree_details ul li ul.-info::before {
  content: "※" !important;
}
.agree_details ul li ul.list--star > li::before, .agree_details ul li ul.-star > li::before {
  content: "*" !important;
}
.agree_details ul li ul.list--word > li:nth-of-type(1)::before, .agree_details ul li ul.-word > li:nth-of-type(1)::before {
  content: "가." !important;
}
.agree_details ul li ul.list--word > li:nth-of-type(2)::before, .agree_details ul li ul.-word > li:nth-of-type(2)::before {
  content: "나." !important;
}
.agree_details ul li ul.list--word > li:nth-of-type(3)::before, .agree_details ul li ul.-word > li:nth-of-type(3)::before {
  content: "다." !important;
}
.agree_details ul li ul.list--word > li:nth-of-type(4)::before, .agree_details ul li ul.-word > li:nth-of-type(4)::before {
  content: "라." !important;
}
.agree_details ul.list--star > li::before, .agree_details ul.-star > li::before {
  content: "*" !important;
}
.agree_details ol {
  counter-reset: number;
}
.agree_details ol.list--num > li::before, .agree_details ol.-num > li::before {
  content: counter(number) ". " !important;
  counter-increment: number 1;
}
.agree_details ol.list--num_bracket > li::before, .agree_details ol.-num-bracket > li::before {
  content: counter(number) ") " !important;
  counter-increment: number 1;
}
.agree_details ol.list--num_circle > li:nth-of-type(1)::before, .agree_details ol.-num-circle > li:nth-of-type(1)::before {
  content: "①" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(2)::before, .agree_details ol.-num-circle > li:nth-of-type(2)::before {
  content: "②" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(3)::before, .agree_details ol.-num-circle > li:nth-of-type(3)::before {
  content: "③" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(4)::before, .agree_details ol.-num-circle > li:nth-of-type(4)::before {
  content: "④" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(5)::before, .agree_details ol.-num-circle > li:nth-of-type(5)::before {
  content: "⑤" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(6)::before, .agree_details ol.-num-circle > li:nth-of-type(6)::before {
  content: "⑥" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(7)::before, .agree_details ol.-num-circle > li:nth-of-type(7)::before {
  content: "⑦" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(8)::before, .agree_details ol.-num-circle > li:nth-of-type(8)::before {
  content: "⑧" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(9)::before, .agree_details ol.-num-circle > li:nth-of-type(9)::before {
  content: "⑨" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(10)::before, .agree_details ol.-num-circle > li:nth-of-type(10)::before {
  content: "⑩" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(11)::before, .agree_details ol.-num-circle > li:nth-of-type(11)::before {
  content: "⑪" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(12)::before, .agree_details ol.-num-circle > li:nth-of-type(12)::before {
  content: "⑫" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(13)::before, .agree_details ol.-num-circle > li:nth-of-type(13)::before {
  content: "⑬" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(14)::before, .agree_details ol.-num-circle > li:nth-of-type(14)::before {
  content: "⑭" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(15)::before, .agree_details ol.-num-circle > li:nth-of-type(15)::before {
  content: "⑮" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(16)::before, .agree_details ol.-num-circle > li:nth-of-type(16)::before {
  content: "⑯" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(17)::before, .agree_details ol.-num-circle > li:nth-of-type(17)::before {
  content: "⑰" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(18)::before, .agree_details ol.-num-circle > li:nth-of-type(18)::before {
  content: "⑱" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(19)::before, .agree_details ol.-num-circle > li:nth-of-type(19)::before {
  content: "⑲" !important;
}
.agree_details ol.list--num_circle > li:nth-of-type(20)::before, .agree_details ol.-num-circle > li:nth-of-type(20)::before {
  content: "⑳" !important;
}
.agree_details p.list--dot {
  position: relative;
  width: calc(100% - 13px);
}
.agree_details p.-disc {
  width: calc(100% - 20px);
  padding-left: 20px;
  white-space: pre-line;
  position: relative;
}
.agree_details p.-disc::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  content: "・" !important;
  position: absolute;
  left: 0;
  top: 0;
}
.agree_details p.-star {
  width: calc(100% - 20px);
  padding-left: 20px;
  white-space: pre-line;
  position: relative;
}
.agree_details p.-star::before {
  display: inline-block;
  clear: both;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  content: "*" !important;
  position: absolute;
  left: 0;
  top: 0;
}
.agree_details table input[type=checkbox] {
  display: inline-block;
}
.agree_details table input[type=checkbox] + label {
  padding-left: 4px;
}
.agree_details table + table {
  margin-top: 20px;
}
.agree_details .ly-chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.agree_details .ly-chk input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  margin-left: 4px;
  margin-right: 4px;
}
.agree_details .ly-chk input[type=checkbox] + label {
  margin-left: 0;
}
.agree_details .ly-chk label {
  display: inline-block;
}
.agree_details .ly-chk label:not(:first-child) {
  margin-left: 5px;
}
.agree_details .ly-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.agree_details .ly-radio input[type=radio] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  margin-left: 4px;
  margin-right: 4px;
}
.agree_details .ly-radio input[type=radio] + label {
  margin-left: 0;
}
.agree_details .ly-radio label {
  display: inline-block;
}
.agree_details .ly-radio label:not(:first-child) {
  margin-left: 5px;
}
.agree_details > div + div {
  margin-top: 20px;
}

/* ========================================================= */
/* toggle variables                                          */
/* ========================================================= */
:root {
  --toggle-medium-width: 40px;
  --toggle-medium-height: 22px;
  --toggle-small-width: 32px;
  --toggle-small-height: 18px;
  --toggle-dot-color: white;
  --toggle-bg-color: var(--bg300);
  --toggle-bg-color-checked: var(--success);
}

.ui-toggle-area {
  --toggle-width: var(--toggle-medium-width);
  --toggle-height: var(--toggle-medium-height);
  --toggle-radius: calc(var(--toggle-height) / 2);
  --dot-gap: 5px;
  --toggle-dot-height: calc(var(--toggle-height) - var(--dot-gap) * 2);
  --toggle-dot-width: var(--toggle-dot-height);
  --toggle-dot-width-pressed: calc(var(--toggle-dot-width) + 4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-toggle-area.-small {
  --toggle-width: var(--toggle-small-width);
  --toggle-height: var(--toggle-small-height);
  --dot-gap: 4px;
}
.ui-toggle-area .ui-toggle {
  width: 0;
  height: 0;
}
.ui-toggle-area .ui-toggle + label {
  --label-gap: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.ui-toggle-area .ui-toggle + label .slot:not(:empty) {
  margin-left: var(--label-gap);
}
.ui-toggle-area .ui-toggle + label.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ui-toggle-area .ui-toggle + label.-reverse .slot:not(:empty) {
  margin-left: 0;
  margin-right: var(--label-gap);
}
.ui-toggle-area .ui-toggle:disabled + label {
  cursor: not-allowed;
}
.ui-toggle-area .ui-toggle:disabled + label::before {
  cursor: not-allowed;
}
.ui-toggle-area .ui-toggle:disabled + label {
  opacity: 0.3;
}
.ui-toggle-area .ui-toggle + label .ui-toggle-dot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--toggle-width);
  height: var(--toggle-height);
  border-radius: var(--toggle-radius);
  background-color: var(--toggle-bg-color);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ui-toggle-area .ui-toggle + label .ui-toggle-dot::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: var(--dot-gap);
  width: var(--toggle-dot-width);
  height: var(--toggle-dot-height);
  border-radius: calc(var(--toggle-dot-height) / 2);
  background-color: var(--toggle-dot-color);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ui-toggle-area .ui-toggle:checked + label .ui-toggle-dot {
  background-color: var(--toggle-bg-color-checked);
}
.ui-toggle-area .ui-toggle:checked + label .ui-toggle-dot::after {
  left: calc(100% - var(--toggle-dot-width) - var(--dot-gap) * 2);
}

.ui-tooltip-wrapper {
  --tooltip-gap: 8px;
  position: relative;
  display: inline-block;
}
.ui-tooltip-wrapper.-center {
  text-align: center;
}
.ui-tooltip-wrapper .ui-tooltip.-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-tooltip-wrapper .ui-tooltip.-text .ui-icon {
  color: inherit;
}
.ui-tooltip-wrapper .ui-tooltip.-text.-large {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text2);
}
.ui-tooltip-wrapper .ui-tooltip.-text.-medium {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text5);
}
.ui-tooltip-wrapper .ui-tooltip.-text.-small {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  color: var(--text9);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon {
  position: absolute;
  bottom: calc(100% + var(--tooltip-gap));
  padding: 4px 8px;
  border-radius: 6px;
  background-color: var(--secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: white;
  white-space: nowrap;
}
.ui-tooltip-wrapper .ui-tooltip.-balloon::after {
  content: "";
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--secondary);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-primary {
  background-color: var(--primary);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-primary::after {
  border-top-color: var(--primary);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-success {
  background-color: var(--success);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-success::after {
  border-top-color: var(--success);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-top-left {
  left: 0;
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-top-left::after {
  left: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-top-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-top-center::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-top-right {
  right: 0;
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-top-right::after {
  right: 12px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-bottom-left {
  top: auto;
  bottom: calc(-100% - var(--tooltip-gap));
  left: 0;
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-bottom-left::after {
  top: -4px;
  left: 12px;
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-bottom-center {
  top: auto;
  bottom: calc(-100% - var(--tooltip-gap));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-bottom-center::after {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-bottom-right {
  top: auto;
  bottom: calc(-100% - var(--tooltip-gap));
  right: 0;
}
.ui-tooltip-wrapper .ui-tooltip.-balloon.-bottom-right::after {
  top: -4px;
  right: 12px;
  -webkit-transform: translateX(50%) rotate(180deg);
          transform: translateX(50%) rotate(180deg);
}

.ui-video.-full {
  width: 100%;
}

.ui-prevent-scroll {
  overflow: hidden;
}

.ui-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background-color: #fff;
}
.ui-container.web .ui-content {
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
}
.ui-container .ui-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  padding-bottom: max(var(--spacing-b), constant(safe-area-inset-bottom));
  padding-bottom: max(var(--spacing-b), env(safe-area-inset-bottom));
}
.ui-container .ui-content.-init {
  padding-bottom: max(16px, constant(safe-area-inset-bottom));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
.ui-container.-fixed-bottom-button .ui-content {
  padding: 0 0 var(--spacing-b);
}
.ui-container .ui-footer {
  background-color: var(--bg100);
  padding-top: 32px;
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
  padding-bottom: max(var(--spacing-b), constant(safe-area-inset-bottom));
  padding-bottom: max(var(--spacing-b), env(safe-area-inset-bottom));
}
.ui-container .ui-footer .txt-caption {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text9);
}
.ui-container .ui-footer * + .txt-caption {
  margin-top: 8px;
}
.ui-container .ui-footer + .ui-sticky-bottom {
  margin-top: -16px;
}
.ui-container .ui-sticky-bottom {
  position: sticky;
  bottom: 0;
  margin-top: auto;
  padding-top: 16px;
  padding-left: var(--spacing-x-narrow);
  padding-right: var(--spacing-x-narrow);
  background: linear-gradient(to bottom, transparent 0, white 16px, white 100%);
  padding-bottom: max(16px, constant(safe-area-inset-bottom));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  text-align: center;
}
.ui-container .ui-sticky-bottom .ui-tooltip-wrapper {
  padding-bottom: 32px;
}

.ui-container-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background-color: #fff;
  padding-bottom: max(var(--spacing-b), constant(safe-area-inset-bottom));
  padding-bottom: max(var(--spacing-b), env(safe-area-inset-bottom));
}
.ui-container-loading .ui-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  padding-left: var(--spacing-x);
  padding-right: var(--spacing-x);
}
.ui-container-loading .ui-content .ui-image-logo {
  width: 40px;
  height: 40px;
}
.ui-container-loading .ui-content .ui-image-logo + .page-title {
  margin-top: 24px;
}
.ui-container-loading .ui-content .page-title {
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
  color: var(--text2);
}
.ui-container-loading .ui-content .page-desc {
  margin-top: 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.ui-container-loading .ui-content .ui-loader {
  margin-top: 8px;
}

.ui-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-box.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--box-gap);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-box.-row > * + * {
    margin-left: var(--box-gap);
  }
}
.ui-box.-row.-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ui-box.-row.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui-box.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--box-gap);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .ui-box.-column > * + * {
    margin-top: var(--box-gap);
  }
}
.ui-box.-column.-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-box.-column.-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

:root {
  --max-width: 400px;
  --min-width: 320px;
}

[class^=rr-nego] .ui-divider {
  margin: 56px 0;
}

[class^=rr-nego-result] .ui-button-group,
[class^=rr-nego-result] .ui-card-group {
  padding: 0 var(--spacing-x);
}

.rr-nego {
  min-width: var(--min-width);
}
.rr-nego .ui-page-header {
  text-align: center;
}
.rr-nego .ui-page-header .ui-page-header-desc {
  margin-top: 8px;
  color: var(--text5);
}
.rr-nego .ui-page-header .ui-page-header-desc b {
  color: var(--text2);
}
.rr-nego .ui-image {
  margin: 0 auto;
  max-width: var(--max-width);
  width: 100%;
}
.rr-nego .ui-logo {
  width: 64px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.rr-nego .ui-logo img {
  width: 100%;
}
.rr-nego .ui-card .ui-image {
  margin: initial;
  max-width: initial;
}
.rr-nego .ui-tabs-area {
  margin-top: 56px;
}
.rr-nego .ui-button.-line.-default.-xlarge {
  padding-top: 13px;
  padding-bottom: 13px;
  height: auto;
  min-height: var(--btn-large-height);
}
.rr-nego section + section {
  margin-top: 56px;
}

.rr-nego-image {
  padding: 0 var(--spacing-x);
}

.rr-nego-result.-visual {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(29.11%, #F1F0F2), color-stop(73.71%, #F1F0F2), to(#FFFFFF));
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F0F2 29.11%, #F1F0F2 73.71%, #FFFFFF 100%);
}
.rr-nego-result.-visual .ui-image {
  max-width: calc(var(--max-width) + var(--spacing-x) * 2);
}
.rr-nego-result.-desc .ui-page-title-area {
  text-align: center;
  margin-bottom: 24px;
}
.rr-nego-result.-desc .ui-page-title-area .ui-page-title {
  font-weight: 300;
}
.rr-nego-result.-desc .ui-page-title-area .ui-page-title em {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  line-height: 31px;
  font-weight: 300;
}
.rr-nego-result.-desc .ui-page-title-area .ui-page-title .icon-money {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 2px;
  background: url("https://res.cloudinary.com/finnq/image/upload/v1702957498/p/3.0/icon/ico-money.png") no-repeat 50% 50%/contain;
}
.rr-nego-result.-desc .ui-page-title-area .txt-desc {
  margin-top: 6px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
.rr-nego-result.-desc .ui-page-title-area .ui-button {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}
.rr-nego-result.-desc .ui-list-item .inner-right {
  display: block;
  text-align: right;
}
.rr-nego-result.-desc .ui-list-item .inner-right .txt-desc {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--text9);
}
.rr-nego-result.-desc .ui-list-item .inner-right .txt-value {
  margin-top: 4px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.rr-nego-result.-desc .ui-card {
  -ms-flex-preferred-size: calc(50% - 4px);
      flex-basis: calc(50% - 4px);
}
.rr-nego-result.-desc .ui-card .inner {
  padding: var(--spacing-x) 0;
}
.rr-nego-result.-desc .ui-card .ui-card-header {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text5);
}
.rr-nego-result.-desc .ui-card .ui-card-header b {
  display: block;
}
.rr-nego-result.-desc .ui-card .ui-card-container {
  margin-top: 24px;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.rr-nego-result.-desc .ui-card.-line {
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
}
.rr-nego-result.-desc .ui-card.-line .inner {
  padding: var(--spacing-x);
}
.rr-nego-result.-desc .ui-card.-line .ui-button-group {
  padding: var(--spacing-x) 0 0 0;
}
.rr-nego-result.-desc .ui-card.-line .txt-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.rr-nego-result.-desc .ui-card.-line .txt-title + .txt-desc {
  margin-top: 4px;
  color: var(--text5);
}
.rr-nego-result.-desc .ui-card.-line .txt-desc {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.rr-nego-result.-desc .ui-card.-line.-location-ranking .inner {
  padding: 32px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
.rr-nego-result.-desc .rr-nego-ranking {
  text-align: center;
}
.rr-nego-result.-desc .rr-nego-ranking .ui-button {
  margin-top: 24px;
}
.rr-nego-result.-desc .ui-button-group.-reaction {
  padding: 0;
}
.rr-nego-result.-desc .ui-list-empty .ui-image {
  max-width: initial;
  width: 160px;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
}

.rr-nego.-share .ui-page-header {
  padding-top: 56px;
}

.rr-nego-result.-desc.-share .ui-image-tip {
  display: block;
  padding: 0 var(--spacing-x);
}
.rr-nego-result.-desc.-share .ui-container .ui-sticky-bottom .ui-button-group {
  padding: 0;
}

.rr-nego-image.-result {
  padding: 0;
  position: relative;
}
.rr-nego-image.-result .ui-hidden {
  display: inline-block;
  position: absolute;
  bottom: 22.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}