@charset "UTF-8";
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-100: 100px;
}

.ui-selectmenu-menu {
  max-width: 100%;
}
.ui-selectmenu-menu .ui-menu-item:has(.ui-state-active) {
  background-color: var(--gray-20);
  color: var(--gray-900);
}
.ui-selectmenu-menu {
  /* & .ui-menu-item.ui-state-disabled {
    display: none;
  } */
}
.ui-selectmenu-menu .ui-menu-item + .ui-menu-item {
  margin-top: 0;
}
.ui-selectmenu-menu {
  /* & .ui-menu-item:not(.ui-state-disabled) {
    & + .ui-menu-item:not(.ui-state-disabled) {
      margin-top: var(--space-12);
    }
  } */
}

[class^=_font-title-][class*=-semi] {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .ui-selectmenu-menu {
    z-index: 999;
  }
  ._font-title-4 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.64px;
  }
  ._font-title-1 {
    line-height: 32px;
  }
  ._font-title-2 {
    line-height: 28px;
  }
  ._font-title-3 {
    line-height: 26px;
  }
}
button[class^=_btn]:not(.no-label)::after {
  margin-left: var(--space-4);
}
button[class^=_btn]:not(.no-label)::before {
  margin-right: var(--space-4);
}

._btn-wrap.left {
  justify-content: flex-start;
}
._btn-wrap.left [class^=_btn]:only-child {
  flex-basis: auto;
}

._btn-wrap.right {
  justify-content: flex-end;
}
._btn-wrap.right [class^=_btn]:only-child {
  flex-basis: auto;
}

._btn-wrap.fit > [class^=_btn] {
  flex-basis: auto;
}

._btn-wrap.full > [class^=_btn] {
  flex-basis: 100%;
}

._btn-wrap.limit {
  max-width: 320px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
._btn-wrap:not(.full) [class^=_btn] {
  max-width: 320px;
}
@media (max-width: 767px) {
  ._btn-wrap:not(.full) [class^=_btn] {
    max-width: none;
  }
}

@media (max-width: 767px) {
  ._btn-wrap.respond [class^=_btn] + [class^=_btn] {
    margin-left: 0;
  }
  ._btn-wrap.respond {
    flex-direction: column;
    align-items: stretch;
  }
  ._btn-wrap.respond > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-8);
  }
  ._btn-wrap.respond > [class^=_btn] {
    flex-basis: auto;
  }
}

button[class^=_btn-].no-label span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
}

button[class^=_textbtn-].no-label span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
}

.input-box + .input-help {
  display: none;
}

.input-box.is-disabled + .input-help {
  display: block;
  color: var(--gray-300);
}

.input-box.is-pass + .input-help {
  display: block;
  color: var(--blue-800);
}

.input-box.is-error + .input-help {
  display: block;
  color: var(--red-800);
}

[class^=_ipt-check] input:focus-visible,
[class^=_ipt-radio] input:focus-visible {
  outline: none;
}
[class^=_ipt-check]:focus-within,
[class^=_ipt-radio]:focus-within {
  outline: 2px solid var(--black);
  outline-offset: -2px;
  border-radius: var(--radius-8);
}
[class^=_ipt-check].no-label i::before,
[class^=_ipt-radio].no-label i::before {
  margin-right: 0;
}
[class^=_ipt-check].no-label i > span,
[class^=_ipt-radio].no-label i > span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
}

[class^=_chip-box] input + i {
  min-width: 78px;
}

[class^=_chip-box][class*=-small] input + i {
  min-width: 62px;
}

[class^=_badge][class*=-indigo] {
  background-color: var(--point-50);
  color: var(--point-600);
}

[class^=_divider-hor] {
  width: 100%;
}

[class^=_divider-ver] {
  height: 100%;
}

.tooltip-trigger {
  background-image: none;
  color: inherit;
  overflow: hidden;
  text-indent: -9999px;
}
.tooltip-trigger::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: url("/static/images/icons/info.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/info.svg") no-repeat center center/contain;
}

[class^=_table] thead th[colspan] {
  border-bottom: 1px solid var(--gray-100);
}
[class^=_table] thead th,
[class^=_table] tbody th {
  background-color: var(--gray-60);
}
[class^=_table] tfoot td.right {
  text-align: right;
  padding-right: 20px;
}
[class^=_table].tb-tl th,
[class^=_table].tb-tl td {
  text-align: left;
  vertical-align: top;
  padding: var(--space-12) var(--space-20);
}
[class^=_table].tb-tl tbody td > *:not(:first-child) {
  margin-top: var(--space-20);
}
[class^=_table] .tooltip-title {
  display: inline-flex;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  margin-top: -0.1em;
}
[class^=_table] .tooltip-title > button {
  margin-left: 0;
  width: 1em;
  height: 1em;
  font-size: inherit;
}
[class^=_table] td.link {
  color: var(--point-600);
  cursor: pointer;
}
[class^=_table] td.link::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background-color: currentColor;
}
[class^=_table] tr.highlight > td {
  background-color: var(--gray-20);
  color: var(--point-600);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  [class^=_table] tr.highlight > td {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
[class^=_table] tr.total > td {
  background-color: var(--gray-40);
  color: var(--gray-900);
}
[class^=_table] thead th [class^=_ipt-check] {
  display: flex;
  justify-content: center;
}

[class^=_modal][class*=-popup][class*=_type-tooltip] .desc:first-child {
  margin-top: 0;
  margin-bottom: var(--space-16);
}

@media screen and (min-width: 768px) {
  [class^=_modal][class*=-popup][class*=_type-tooltip]._layer-modal {
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 2000;
  }
  [class^=_modal][class*=-popup][class*=_type-tooltip]._layer-modal.open {
    background-color: rgba(25, 27, 30, 0.4);
    box-shadow: none;
    backdrop-filter: none;
    border-radius: 0;
  }
  [class^=_modal][class*=-popup][class*=_type-tooltip]._layer-modal .inner {
    border-radius: 16px;
    box-shadow: 0 4px 12px 0 rgba(35, 34, 88, 0.02) inset, 0 16px 32px 0 rgba(35, 34, 88, 0.08);
  }
}
[class^=_modal][class*=-popup].xlarge .inner {
  width: 1000px;
  max-width: none;
}

[class^=_modal][class*=-popup] .header .title {
  padding-right: 60px;
}

[class^=_modal] {
  z-index: 2000;
}
[class^=_modal] .today-wrap p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  [class^=_modal] .today-wrap p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
[class^=_modal] .today-wrap p {
  color: var(--gray-600);
  word-break: keep-all;
}
[class^=_modal] .today-wrap .today {
  display: flex;
  justify-content: center;
  margin-top: var(--space-20);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  [class^=_modal] .today-wrap .today {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}

@media (max-width: 767px) {
  [class^=_modal][class*=-popup].full {
    align-items: stretch;
    justify-content: flex-start;
  }
  [class^=_modal][class*=-popup].full .inner {
    min-height: 0;
    height: 100%;
    max-height: 100svh;
    max-height: 100dvh;
    border-radius: 0;
  }
  [class^=_modal][class*=-popup].full .content {
    flex: 1 1 auto;
    min-height: 0;
  }
}

#logoutDelay {
  z-index: 1000000;
}

[class^=_modal].open {
  background-color: transparent;
}

[class^=_modal].open:not([class*=_type-tooltip]):not([class^=_modal].open ~ [class^=_modal].open) {
  background-color: rgba(25, 27, 30, 0.4);
}

.lpop-body {
  white-space: pre-line;
}

.feedback-wrap.no-result::before {
  background: url(/static/images/common/feedback-noresult.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.no-data::before {
  background: url(/static/images/common/feedback-nodata.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.complete::before {
  background: url(/static/images/common/feedback-check.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.warning::before {
  background: url(/static/images/common/feedback-warning.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.unauthorized::before {
  background: url(/static/images/common/feedback-unauthorized.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.error-found, .feedback-wrap.error-page, .feedback-wrap.error-request {
  position: relative;
}
.feedback-wrap.error-found .code, .feedback-wrap.error-page .code, .feedback-wrap.error-request .code {
  color: var(--gray-60);
  font-size: 120px;
  font-weight: 800;
  letter-spacing: -4.8px;
}
.feedback-wrap.error-found .title:first-child, .feedback-wrap.error-page .title:first-child, .feedback-wrap.error-request .title:first-child {
  margin-top: calc(180px + var(--space-12));
}
.feedback-wrap.error-found::before, .feedback-wrap.error-page::before, .feedback-wrap.error-request::before {
  position: absolute;
  top: 186px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
}
.feedback-wrap.error-found::before {
  background: url(/static/images/common/feedback-error-found.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.error-page::before {
  background: url(/static/images/common/feedback-error-page.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap.error-request::before {
  background: url(/static/images/common/feedback-error-request.svg) no-repeat 0 0/auto 100%;
}
.feedback-wrap .desc .point {
  color: var(--gray-600);
}
.feedback-wrap .desc .point-red {
  color: var(--red-800);
}
.feedback-wrap .desc em {
  color: var(--point-600);
}
.feedback-wrap .desc .list-noti {
  max-width: 410px;
  margin: 0 auto;
}
.feedback-wrap .desc .list-noti > li {
  text-align: left;
}

.popup-content .guide-txt {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .popup-content .guide-txt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.popup-content .guide-txt {
  color: var(--gray-900);
}
.popup-content .feedback-wrap {
  padding: 80px 0;
}
.popup-content .feedback-wrap::before {
  width: 56px;
  height: 56px;
}

.input-box .util-box .suffix {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
  color: var(--gray-900);
  white-space: pre;
}
.input-box .util-box [class^=eye-] {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  border: 0 none;
  line-height: 1;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  font-size: 0;
}
.input-box .util-box .eye-off {
  background-image: url(/static/images/icons/eye-off.svg);
}
.input-box .util-box .eye-on {
  background-image: url(/static/images/icons/eye.svg);
}
.input-box input:disabled + .util-box .suffix {
  color: var(--gray-300);
}

.input-box input:-moz-read-only {
  background-color: var(--gray-20);
}

.input-box input:read-only {
  background-color: var(--gray-20);
}
.input-box.is-readonly {
  overflow: visible;
}
@media (max-width: 767px) {
  .input-box.has-ipt-calendar input:-moz-read-only {
    background-color: var(--white);
  }
  .input-box.has-ipt-calendar input:read-only {
    background-color: var(--white);
  }
}
.input-box input[readonly][data-e2e=true] + .util-box, .input-box.virsual-keyboard .util-box {
  display: none;
}

.info-wrap {
  display: flex;
  flex-direction: column;
}
.info-wrap > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}

.info-hor {
  display: flex;
  flex-direction: column;
}
.info-hor > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.info-hor dt {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-hor dt {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.info-hor dt {
  color: var(--gray-600);
}
.info-hor dd {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .info-hor dd {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.info-hor dd {
  color: var(--gray-600);
}
@media (max-width: 767px) {
  .info-hor dt {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.72px;
  }
  .info-hor dd {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .info-hor dd {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}

.floating-btn {
  position: sticky;
  left: 0;
  bottom: 32px;
  z-index: 10;
}
.floating-btn::before, .floating-btn::after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
}
.floating-btn::before {
  top: -32px;
  width: calc(100% + 2px);
  height: 32px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(223, 220, 220, 0) 0%, var(--White, #fff) 100%);
}
.floating-btn::after {
  bottom: -33px;
  height: 89px;
  z-index: -1;
  background-color: var(--white);
}
.floating-btn.bg-gray::before {
  background: linear-gradient(180deg, rgba(223, 220, 220, 0) 0%, var(--gray-40, #f3f5f8) 100%);
}
.floating-btn.bg-gray::after {
  background-color: var(--gray-40);
}
.floating-btn ._btn-wrap {
  border: none;
}
@media (max-width: 767px) {
  .floating-btn ._btn-wrap.limit {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .floating-btn {
    bottom: env(safe-area-inset-bottom, 0px);
  }
  .floating-btn::before {
    top: 0;
    height: 0;
  }
  .floating-btn::after {
    bottom: calc(-1px - env(safe-area-inset-bottom, 0px));
    height: calc(57px + env(safe-area-inset-bottom, 0px));
  }
}
.air-datepicker-body--day-name {
  color: var(--gray-500);
}

/* .w-full {
  width: 100%;
}

.h-full {
  height: 100%;
} */
.hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
}

.btn-back.hidden {
  display: none !important;
}

.header-mobile-bar .btn-back:not(.hidden) + .header-mobile-title {
  margin-left: 40px;
}

.mo-invisible {
  display: block;
}
@media (max-width: 767px) {
  .mo-invisible {
    display: none;
  }
}

html.is-touch-device .tablet-none {
  display: none !important;
}

.mo-visible {
  display: none;
}
@media (max-width: 767px) {
  .mo-visible {
    display: block;
  }
}

.pc-visible {
  display: block;
}
@media (max-width: 1023px) {
  .pc-visible {
    display: none;
  }
}

.pc-invisible {
  display: none;
}
@media (max-width: 1023px) {
  .pc-invisible {
    display: block;
  }
}

.ico-plus::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/plus.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/plus.svg") no-repeat center center/contain;
}

.ico-plus--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/plus.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/plus.svg") no-repeat center center/contain;
}

.ico-x::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/x.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/x.svg") no-repeat center center/contain;
}

.ico-x--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/x.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/x.svg") no-repeat center center/contain;
}

.ico-download::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/download.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/download.svg") no-repeat center center/contain;
}

.ico-download--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/download.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/download.svg") no-repeat center center/contain;
}

.ico-chevron-right::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/chevron-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/chevron-right.svg") no-repeat center center/contain;
}

.ico-chevron-right--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/chevron-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/chevron-right.svg") no-repeat center center/contain;
}

.ico-chevron-down::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/chevron-down.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/chevron-down.svg") no-repeat center center/contain;
}

.ico-chevron-down--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/chevron-down.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/chevron-down.svg") no-repeat center center/contain;
}

.ico-external-link::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/external-link.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/external-link.svg") no-repeat center center/contain;
}

.ico-external-link--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/external-link.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/external-link.svg") no-repeat center center/contain;
}

.ico-edit::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/edit.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/edit.svg") no-repeat center center/contain;
}

.ico-edit--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/edit.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/edit.svg") no-repeat center center/contain;
}

.ico-arrow-right::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/arrow-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/arrow-right.svg") no-repeat center center/contain;
}

.ico-arrow-right--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/arrow-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/arrow-right.svg") no-repeat center center/contain;
}

.ico-arrow-up-right::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/arrow-up-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/arrow-up-right.svg") no-repeat center center/contain;
}

.ico-arrow-up-right--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/arrow-up-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/arrow-up-right.svg") no-repeat center center/contain;
}

.ico-alert-circle::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/alert-circle.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/alert-circle.svg") no-repeat center center/contain;
}

.ico-alert-circle--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/alert-circle.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/alert-circle.svg") no-repeat center center/contain;
}

.ico-info::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/info.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/info.svg") no-repeat center center/contain;
}

.ico-info--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/info.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/info.svg") no-repeat center center/contain;
}

.ico-copy::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/copy.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/copy.svg") no-repeat center center/contain;
}

.ico-copy--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/copy.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/copy.svg") no-repeat center center/contain;
}

.ico-trash-2::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/trash-2.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/trash-2.svg") no-repeat center center/contain;
}

.ico-trash-2--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/trash-2.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/trash-2.svg") no-repeat center center/contain;
}

.ico-printer::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/printer.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/printer.svg") no-repeat center center/contain;
}

.ico-printer--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/printer.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/printer.svg") no-repeat center center/contain;
}

.ico-excel::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/excel.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/excel.svg") no-repeat center center/contain;
}

.ico-excel--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/excel.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/excel.svg") no-repeat center center/contain;
}

.ico-calendar::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/calendar.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/calendar.svg") no-repeat center center/contain;
}

.ico-calendar--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/calendar.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/calendar.svg") no-repeat center center/contain;
}

.ico-filter::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/filter.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/filter.svg") no-repeat center center/contain;
}

.ico-filter--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/filter.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/filter.svg") no-repeat center center/contain;
}

.ico-refresh-cw::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/refresh-cw.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/refresh-cw.svg") no-repeat center center/contain;
}

.ico-refresh-cw--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/refresh-cw.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/refresh-cw.svg") no-repeat center center/contain;
}

.ico-volume-2::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/volume-2.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/volume-2.svg") no-repeat center center/contain;
}

.ico-volume-2--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/volume-2.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/volume-2.svg") no-repeat center center/contain;
}

.ico-file-text::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/file-text.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/file-text.svg") no-repeat center center/contain;
}

.ico-file-text--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/file-text.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/file-text.svg") no-repeat center center/contain;
}

.ico-minus::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/minus.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/minus.svg") no-repeat center center/contain;
}

.ico-minus--before::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask: url("/static/images/icons/minus.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/minus.svg") no-repeat center center/contain;
}

a[class*=ico-] {
  text-decoration: underline;
}
a[class*=ico-]::before, a[class*=ico-]::after {
  vertical-align: middle;
  -webkit-mask-position-y: -0.1rem;
}
a[class*=ico-]::after {
  margin-left: var(--space-2);
}
a[class*=ico-]::before {
  margin-right: var(--space-2);
}

.list-noti {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.list-noti > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.list-noti > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-noti > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .list-noti > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .list-noti > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.list-noti > li {
  position: relative;
  color: inherit;
  display: block;
  padding-left: var(--space-12);
}
.list-noti > li::before {
  position: absolute;
  left: 0;
  content: "";
  top: 0.69em;
  width: 3px;
  height: 3px;
  background-color: currentColor;
  border-radius: 100%;
  transform: translateY(-50%);
}
.list-noti strong {
  color: var(--red-800);
  font-weight: 400;
}

.list-ref {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.list-ref > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.list-ref > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-ref > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .list-ref > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .list-ref > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.list-ref > li {
  position: relative;
  color: inherit;
  display: block;
  padding-left: var(--space-12);
}
.list-ref > li::before {
  position: absolute;
  left: 0;
  content: "*";
  top: 0.9em;
  font-size: 1em;
  transform: translateY(-50%);
}
.list-ref strong {
  color: var(--red-800);
  font-weight: 400;
}

.list-dash {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.list-dash > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.list-dash > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-dash > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .list-dash > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .list-dash > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.list-dash > li {
  position: relative;
  color: inherit;
  display: block;
  padding-left: var(--space-12);
}
.list-dash > li::before {
  position: absolute;
  left: 0;
  content: "-";
  top: 0.69em;
  font-size: 1em;
  transform: translateY(-50%);
}
.list-dash strong {
  color: var(--red-800);
  font-weight: 400;
}

.list-ast {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.list-ast > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.list-ast > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-ast > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .list-ast > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .list-ast > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.list-ast > li {
  position: relative;
  color: inherit;
  display: block;
  padding-left: var(--space-12);
}
.list-ast > li::before {
  position: absolute;
  left: 0;
  content: "※";
  top: 0.03em;
  font-size: 1em;
}
.list-ast strong {
  color: var(--red-800);
  font-weight: 400;
}

.list-num {
  counter-reset: counter;
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.list-num > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.list-num > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-num > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .list-num > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .list-num > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.list-num > li {
  position: relative;
  color: inherit;
  display: block;
  padding-left: var(--space-12);
  counter-increment: counter;
  padding-left: var(--space-16);
}
.list-num > li::before {
  position: absolute;
  left: 0;
  content: counter(counter) ".";
  top: 0.03em;
  font-size: 1em;
}
.list-num strong {
  color: var(--red-800);
  font-weight: 400;
}

.list-sub {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.list-sub > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.list-sub > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-sub > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .list-sub > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .list-sub > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.list-sub > li {
  position: relative;
  color: inherit;
  display: block;
  padding-left: var(--space-12);
  padding-left: var(--space-16);
}
.list-sub > li::before {
  position: absolute;
  left: 0;
  content: "";
  top: 50%;
  font-size: 1em;
  margin-right: 10px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: currentColor;
  mask: url("/static/images/icons/corner-down-right.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/corner-down-right.svg") no-repeat center center/contain;
}
.list-sub strong {
  color: var(--red-800);
  font-weight: 400;
}

.list-dash > li > [class^=list-] > :not([hidden]) ~ :not([hidden]),
.list-ref > li > [class^=list-] > :not([hidden]) ~ :not([hidden]),
.list-noti > li > [class^=list-] > :not([hidden]) ~ :not([hidden]),
.list-num > li > [class^=list-] > :not([hidden]) ~ :not([hidden]),
.list-ast > li > [class^=list-] > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-4);
}
.list-dash > li > [class^=list-]:first-child,
.list-ref > li > [class^=list-]:first-child,
.list-noti > li > [class^=list-]:first-child,
.list-num > li > [class^=list-]:first-child,
.list-ast > li > [class^=list-]:first-child {
  margin-top: var(--space-6);
}
.list-dash .text-point600,
.list-ref .text-point600,
.list-noti .text-point600,
.list-num .text-point600,
.list-ast .text-point600 {
  color: var(--point-600);
}

[class*=def-] > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
[class*=def-] dl {
  display: flex;
}
[class*=def-] dl > dt {
  align-self: flex-start;
}
[class*=def-] dl > dd {
  margin-left: var(--space-12);
  text-align: right;
}

[class^=_modal][class*=-popup][class*=_type-tooltip] .def-cols-auto,
.def-cols-auto {
  overflow: hidden;
}
[class^=_modal][class*=-popup][class*=_type-tooltip] .def-cols-auto dl,
.def-cols-auto dl {
  flex-wrap: nowrap;
}
[class^=_modal][class*=-popup][class*=_type-tooltip] .def-cols-auto dl > dt,
.def-cols-auto dl > dt {
  flex-shrink: 0;
}
[class^=_modal][class*=-popup][class*=_type-tooltip] .def-cols-auto dl > *,
.def-cols-auto dl > * {
  flex: auto;
}

[class^=_modal][class*=-popup][class*=_type-tooltip] .def-cols-2 dl,
.def-cols-2 dl {
  flex-wrap: nowrap;
}
[class^=_modal][class*=-popup][class*=_type-tooltip] .def-cols-2 dl > *,
.def-cols-2 dl > * {
  flex: 50%;
}

.content.def-cols-2.type2 dl.type2 {
  flex-direction: column;
  align-items: self-start;
}

.content.def-cols-2.type2 dl.type2 dd {
  margin-left: 0 !important;
  text-align: left;
}

.popup-content .warning-box {
  border-radius: var(--space-12);
}

.warning-box {
  padding: var(--space-16) var(--space-20);
  background-color: var(--gray-20);
  border-radius: var(--radius-16);
}
.warning-box .warning-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .warning-box .warning-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.warning-box .warning-title {
  display: flex;
  align-items: flex-start;
  color: var(--gray-700);
}
.warning-box .warning-title::before {
  content: "";
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  background-color: currentColor;
  mask: url("/static/images/icons/alert-circle.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/alert-circle.svg") no-repeat center center/contain;
  margin-top: 0.03125em;
  margin-right: 0.125em;
}
.warning-box .warning-title ~ * {
  color: var(--gray-500);
}
.warning-box .warning-title ~ *:not(:first-child) {
  margin-top: var(--space-4);
}
.warning-box .list-noti {
  color: var(--gray-600);
}
.warning-box .list-noti:not(:first-child) {
  margin-top: var(--space-12);
}
.warning-box .list-noti > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-6);
}

.textarea-box {
  position: relative;
  flex: 100%;
}
.textarea-box textarea:focus-visible {
  border: none;
}
.textarea-box textarea {
  resize: none;
  min-height: 120px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .textarea-box textarea {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.textarea-box textarea {
  display: flex;
  align-items: center;
  -ms-flex-preferred-size: auto;
  width: calc(100% - 28px - 2px);
  padding: 11px 14px;
  margin: var(--space-4) 0;
  border: 0 none;
  border-radius: var(--radius-12);
  outline: transparent;
}
.textarea-box textarea::-moz-placeholder {
  color: var(--gray-500);
}
.textarea-box textarea::placeholder {
  color: var(--gray-500);
}
.textarea-box .count {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .textarea-box .count {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.textarea-box .count {
  color: var(--gray-400);
  position: absolute;
  right: 0;
  top: 0;
  padding-bottom: var(--space-8);
  transform: translateY(-100%);
}

[class^=_modal][class*=-popup] .content.add-scroll-x {
  overflow-x: auto;
}
[class^=_modal][class*=-popup] .content.add-scroll-x [class^=_table] {
  overflow: visible;
}
[class^=_modal][class*=-popup] .content.add-scroll-x .scroll-area {
  min-height: auto;
  max-height: auto;
  overflow: visible;
}
[class^=_modal][class*=-popup] .content .popup-content input + .scroll-area {
  min-height: auto;
  max-height: auto;
  overflow: visible;
}
[class^=_modal][class*=-popup] .popup-content .list#title, [class^=_modal][class*=-popup] .popup-content .list.agreement-list#title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
  color: var(--gray-700);
  margin-bottom: var(--space-12);
}
[class^=_modal][class*=-popup] .popup-content .list#title .date, [class^=_modal][class*=-popup] .popup-content .list.agreement-list#title .date {
  color: var(--gray-500);
  font-weight: 400;
}
[class^=_modal][class*=-popup] .agreementBox > .inner {
  width: auto;
  min-width: auto;
  max-width: none;
  max-height: none;
  padding: 0;
}

.agreementBox .terms-wrap {
  display: flex;
  flex-direction: column;
}
.agreementBox .terms-wrap > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.agreementBox .terms-wrap .bold {
  font-weight: 600;
}
.agreementBox .terms-wrap .title {
  margin-bottom: var(--space-6);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .agreementBox .terms-wrap .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.agreementBox .terms-wrap .title {
  color: var(--gray-700);
}
.agreementBox .terms-wrap .title .date {
  color: var(--gray-500);
  font-weight: 400;
}
.agreementBox .terms-wrap p + p {
  margin-top: var(--space-12);
}
.agreementBox .terms-wrap > [class^=list-] > li {
  color: var(--gray-600);
}
.agreementBox .terms-wrap .only-txt {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .agreementBox .terms-wrap .only-txt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.agreementBox .terms-wrap .only-txt {
  color: var(--gray-600);
}
.agreementBox .terms-wrap ._table._table-etc th {
  background-color: var(--gray-40);
}
.agreementBox .terms-wrap ._table._table-etc td {
  text-align: left;
}
.agreementBox .terms-wrap ._table._table-etc td.ac {
  text-align: center;
}
.agreementBox .terms-wrap ._table .list-noti > li {
  text-align: left;
}
.agreementBox .terms-wrap dl {
  display: flex;
  flex-direction: column;
}
.agreementBox .terms-wrap dl > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-6);
}
.agreementBox .terms-wrap dl {
  margin-top: var(--space-12);
}
.agreementBox .terms-wrap dl dt {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .agreementBox .terms-wrap dl dt {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.agreementBox .terms-wrap dl dt {
  color: var(--gray-700);
}
.agreementBox .terms-wrap dl dt.dt-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
  color: var(--gray-700);
}
.agreementBox .terms-wrap dl dd {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .agreementBox .terms-wrap dl dd {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.agreementBox .terms-wrap dl dd {
  color: var(--gray-600);
}
.agreementBox .terms-wrap dl dd ol,
.agreementBox .terms-wrap dl dd ul {
  display: flex;
  flex-direction: column;
}
.agreementBox .terms-wrap dl dd ol > :not([hidden]) ~ :not([hidden]),
.agreementBox .terms-wrap dl dd ul > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-4);
}
.agreementBox .terms-wrap dl dd ol.add-depth,
.agreementBox .terms-wrap dl dd ul.add-depth {
  margin-left: 1.25em;
}
.agreementBox .terms-wrap dl dd li > ol,
.agreementBox .terms-wrap dl dd li > ul {
  margin-top: var(--space-4);
}
.agreementBox .terms-wrap dl dd li [class^=list-] {
  margin-top: 0;
}
.agreementBox .terms-wrap dl dd li [class^=list-] > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0;
}
.agreementBox .terms-wrap dl dd ol.decimal {
  counter-reset: decimal-counter;
  margin-left: 1.25em;
}
.agreementBox .terms-wrap dl dd ol.decimal > li::before {
  counter-increment: decimal-counter;
  content: counter(decimal-counter) ".";
  position: absolute;
  margin-left: -1.25em;
  margin-right: var(--space-4);
}
.agreementBox .terms-wrap dl dd ol.circled {
  counter-reset: circled-counter;
  margin-left: 1.25em;
}
.agreementBox .terms-wrap dl dd ol.circled > li::before {
  counter-increment: circled-counter;
  content: counter(circled-counter);
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: 8px;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-left: -20px;
  margin-right: var(--space-4);
}
.agreementBox .terms-wrap dl dd ol.korean-type li {
  text-indent: -21px;
  padding-left: 21px;
}
.agreementBox .terms-wrap dl .text-right {
  text-align: right;
  margin-top: var(--space-6);
}

[class^=_badge-] + article[class*=-view] {
  margin-top: var(--space-4);
}
article[class*=-view] .view-head {
  padding-bottom: var(--space-32);
  border-bottom: 1px solid var(--gray-900);
}
@media (max-width: 767px) {
  article[class*=-view] .view-head {
    padding-bottom: var(--space-24);
  }
}
article[class*=-view] .view-head .view-title {
  color: var(--gray-900);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  article[class*=-view] .view-head .view-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 4em;
    white-space: normal;
  }
}
article[class*=-view] .view-head .view-date {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  article[class*=-view] .view-head .view-date {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
article[class*=-view] .view-head .view-date {
  margin-top: var(--space-4);
  color: var(--gray-500);
}
article[class*=-view] .view-body {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  article[class*=-view] .view-body {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
article[class*=-view] .view-body {
  min-height: 800px;
  padding: var(--space-56) 0;
  color: var(--gray-700);
  overflow-wrap: anywhere;
  word-break: break-all;
}
@media (max-width: 767px) {
  article[class*=-view] .view-body {
    min-height: 400px;
    padding: var(--space-40) 0;
  }
}
article[class*=-view] .view-link {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  article[class*=-view] .view-link {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
article[class*=-view] .view-link {
  border-bottom: 1px solid var(--gray-60);
}
article[class*=-view] .view-link dl {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--gray-60);
}
article[class*=-view] .view-link dl.is-disabled dd {
  color: var(--gray-300);
}
article[class*=-view] .view-link dt,
article[class*=-view] .view-link dd {
  margin: var(--space-20);
}
@media (max-width: 767px) {
  article[class*=-view] .view-link dt,
  article[class*=-view] .view-link dd {
    margin: var(--space-16) 0;
  }
}
article[class*=-view] .view-link dt {
  align-self: flex-start;
  color: var(--gray-700);
  white-space: nowrap;
}
article[class*=-view] .view-link dd {
  color: var(--gray-600);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  article[class*=-view] .view-link dd {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 3em;
    white-space: normal;
    margin-left: var(--space-12);
  }
}
article[class*=-view] .view-reply {
  padding: var(--space-40);
  background-color: var(--gray-20);
  border-bottom: 1px solid var(--gray-60);
}
article[class*=-view] .view-reply > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-20);
}
@media (max-width: 767px) {
  article[class*=-view] .view-reply {
    padding: var(--space-20);
  }
  article[class*=-view] .view-reply > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-12);
  }
}
article[class*=-view] .view-reply .reply-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
article[class*=-view] .view-reply .reply-head .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-color: var(--white);
  border-radius: var(--radius-16);
}
article[class*=-view] .view-reply .reply-head .author {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-left: var(--space-12);
}
article[class*=-view] .view-reply .reply-head .author .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  article[class*=-view] .view-reply .reply-head .author .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
article[class*=-view] .view-reply .reply-head .author .title {
  color: var(--gray-500);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  article[class*=-view] .view-reply .reply-head .author .title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 4em;
    white-space: normal;
  }
}
article[class*=-view] .view-reply .reply-head .author .title > span[class^=_badge-] {
  margin-left: var(--space-4);
  vertical-align: text-top;
  margin-top: -0.1em;
}
article[class*=-view] .view-reply .reply-head .author .date {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  article[class*=-view] .view-reply .reply-head .author .date {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
article[class*=-view] .view-reply .reply-head .author .date {
  color: var(--gray-500);
  margin-top: var(--space-2);
}
article[class*=-view] .view-reply .reply-body {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  article[class*=-view] .view-reply .reply-body {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
article[class*=-view] .view-reply .reply-body {
  color: var(--gray-700);
}
article[class*=-view] + ._btn-wrap {
  margin-top: var(--space-56);
}
@media (max-width: 767px) {
  article[class*=-view] + ._btn-wrap {
    margin-top: var(--space-40);
  }
}

#container .tab-wrapper + .tab-wrapper + .dropdown-area.type-sticky,
#container .dropdown-area.type-sticky-single {
  margin: calc(var(--space-32) + var(--space-32) + var(--space-8)) 0 0;
}

#container .dropdown-area.type-sticky,
#container .dropdown-area.type-sticky-single {
  position: sticky;
  z-index: 9;
  padding: 0;
  margin: calc(var(--space-32) + var(--space-24)) 0 0;
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.scroll-down #container .dropdown-area.type-sticky,
.scroll-down #container .dropdown-area.type-sticky-single {
  transform: translateY(-102px);
}

#container .dropdown-area.type-sticky[class*=type-sticky-single],
#container .dropdown-area.type-sticky-single[class*=type-sticky-single] {
  margin: calc(var(--space-32) + var(--space-24)) 0 var(--space-20);
}
@media (max-width: 1023px) {
  #container .dropdown-area.type-sticky[class*=type-sticky-single],
  #container .dropdown-area.type-sticky-single[class*=type-sticky-single] {
    margin-bottom: var(--space-8);
  }
}
#container .dropdown-area.type-sticky .inner,
#container .dropdown-area.type-sticky-single .inner {
  position: relative;
  max-width: 100%;
}
#container .dropdown-area.type-sticky .inner:only-child,
#container .dropdown-area.type-sticky-single .inner:only-child {
  padding-bottom: var(--space-12);
}
#container .dropdown-area.type-sticky .inner label[for*=storename],
#container .dropdown-area.type-sticky-single .inner label[for*=storename] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  #container .dropdown-area.type-sticky .inner label[for*=storename],
  #container .dropdown-area.type-sticky-single .inner label[for*=storename] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
#container .dropdown-area.type-sticky .inner label[for*=storename],
#container .dropdown-area.type-sticky-single .inner label[for*=storename] {
  color: var(--gray-700);
  margin-top: -68px;
}
@media (max-width: 767px) {
  #container .dropdown-area.type-sticky .inner label[for*=storename],
  #container .dropdown-area.type-sticky-single .inner label[for*=storename] {
    margin-top: -64px;
  }
}
#container .dropdown-area.type-sticky .inner label[for*=storename] > p,
#container .dropdown-area.type-sticky-single .inner label[for*=storename] > p {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
}
#container .dropdown-area.type-sticky .inner label[for*=storename] > p > span,
#container .dropdown-area.type-sticky-single .inner label[for*=storename] > p > span {
  display: inline-block;
  margin-top: 36px;
}
@media (max-width: 767px) {
  #container .dropdown-area.type-sticky .inner label[for*=storename] > p > span,
  #container .dropdown-area.type-sticky-single .inner label[for*=storename] > p > span {
    margin-top: 32px;
  }
}
#container .dropdown-area.type-sticky .inner .input-box,
#container .dropdown-area.type-sticky-single .inner .input-box {
  margin-top: var(--space-12);
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
#container .dropdown-area.type-sticky #dropdown-area-content,
#container .dropdown-area.type-sticky-single #dropdown-area-content {
  overflow: hidden;
  height: var(--dropdown-area-panel-height, 0);
  margin: 0 auto;
}
#container .dropdown-area.type-sticky #dropdown-area-content .info-box,
#container .dropdown-area.type-sticky-single #dropdown-area-content .info-box {
  padding-top: var(--space-12);
}
@media (max-width: 1023px) {
  #container .dropdown-area.type-sticky #dropdown-area-content .info-box,
  #container .dropdown-area.type-sticky-single #dropdown-area-content .info-box {
    padding-top: var(--space-8);
  }
}
#container .dropdown-area.type-sticky .dropdown-trigger,
#container .dropdown-area.type-sticky-single .dropdown-trigger {
  height: var(--space-20);
  margin: 0 auto;
}
#container .dropdown-area.type-sticky .dropdown-trigger > button,
#container .dropdown-area.type-sticky-single .dropdown-trigger > button {
  display: block;
  position: relative;
  top: var(--space-8);
  width: calc(88px + var(--space-16));
  height: calc(16px + var(--space-16));
  background: url("/static/images/common/dropdown-trigger-bg.svg") no-repeat center;
  padding: 0;
  margin: 0 auto;
}
#container .dropdown-area.type-sticky .dropdown-trigger > button::after,
#container .dropdown-area.type-sticky-single .dropdown-trigger > button::after {
  content: "";
  display: block;
  width: 24px;
  height: 7px;
  background: url("/static/images/common/dropdown-trigger.svg") no-repeat center;
  margin: 0 auto;
  transform: rotate(180deg);
}
#container .dropdown-area.type-sticky .dropdown-trigger[aria-expanded=true] > button::after,
#container .dropdown-area.type-sticky-single .dropdown-trigger[aria-expanded=true] > button::after {
  transform: rotate(0);
}

.my-sales-table {
  overscroll-behavior-x: none;
}
.my-sales-table.fixed {
  padding-top: var(--th, 0);
}
.my-sales-table.fixed table thead {
  overflow: hidden;
  position: fixed;
  left: var(--left, auto);
  width: var(--width, auto);
  top: calc(var(--ypos, 0));
  box-shadow: 0px calc((var(--th, 0) + 19px) * -1) 0px 20px var(--white);
  z-index: 1;
}
.popup-content .my-sales-table.fixed table thead {
  box-shadow: none;
}

.my-sales-table.fixed table thead tr {
  transform: translateX(calc(var(--xpos, 0) * -1));
}
.my-sales-table table {
  table-layout: auto;
  /* colgroup {
    col {
      &.full {
        width: 100%;
      }

      //min-width: 92px;
    }
  } */
}
.my-sales-table table tbody tr {
  position: relative;
  transform: translateZ(0);
}
.my-sales-table table .row-link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.my-sales-table table .row-link > span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
  left: -1px;
}
.my-sales-table table .row-link:focus-within {
  outline-offset: -1px;
}
.my-sales-table table thead th {
  color: var(--gray-500);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .my-sales-table table thead th {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
.my-sales-table table thead th[colspan]:after {
  content: "";
  display: block;
  width: calc(100% + 24px);
  height: 1px;
  box-shadow: -12px 13px 0 0 var(--gray-100);
}
.my-sales-table table tbody tr.active td:not([rowspan]), .my-sales-table table tbody tr:hover td:not([rowspan]) {
  background-color: var(--gray-20);
}
.my-sales-table table tfoot {
  border-radius: var(--space-12);
  outline: 1px solid var(--point-600);
  outline-offset: -1px;
}
.my-sales-table table tfoot tr:not(.highlight) td {
  color: var(--gray-900);
}
.my-sales-table th,
.my-sales-table td {
  white-space: nowrap;
}
.my-sales-table td {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  height: 45px;
}
.my-sales-table td label {
  vertical-align: middle;
}
.my-sales-table tr.highlight td[colspan] {
  font-weight: 400;
}

.scroll-area {
  min-height: 400px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .scroll-area {
    min-height: auto;
    max-height: none;
  }
}

.writing-box {
  border: 1px solid var(--gray-60);
  border-radius: var(--radius-20);
  padding: var(--space-40);
}
.popup-content .writing-box {
  border: 0;
  border-radius: var(--radius-16);
  background-color: var(--gray-40);
  padding: var(--space-20);
}

@media (max-width: 767px) {
  .writing-box {
    border: 0;
    border-radius: 0;
    padding: 0;
  }
}
.writing-box .writing-area {
  display: flex;
  flex-direction: column;
}
.writing-box .writing-area > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-40);
}
@media (max-width: 767px) {
  .writing-box .writing-area > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-24);
  }
}
.writing-box .writing-area > .item ._font-title-4 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--space-16);
}
@media (max-width: 767px) {
  .writing-box .writing-area > .item ._font-title-4 {
    margin-bottom: var(--space-12);
  }
}
.writing-box .writing-area > .item ._font-title-4.d-block {
  display: block;
}
.writing-box .writing-area > .item ._font-title-4 > em {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .writing-box .writing-area > .item ._font-title-4 > em {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.writing-box .writing-area > .item ._font-title-4 > em {
  color: var(--gray-500);
  margin-left: var(--space-4);
}
.writing-box .writing-area > .item ._font-title-4 .desc {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .writing-box .writing-area > .item ._font-title-4 .desc {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.writing-box .writing-area > .item ._font-title-4 .desc {
  color: var(--gray-700);
  margin-left: auto;
}
.writing-box .writing-area > .item ._font-title-4 .desc span {
  color: var(--red-600);
}
.writing-box .writing-area > .item ._font-title-4 .tooltip-title {
  display: inline-flex;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .writing-box .writing-area > .item ._font-title-4 .tooltip-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.writing-box .writing-area > .item ._font-title-4 .tooltip-title .tooltip-trigger {
  font-size: 24px;
  width: 1em;
  height: 1em;
  margin: 0 6px;
}
.writing-box .writing-area > .item ._font-title-4 .tooltip-title .tooltip-trigger::before {
  width: 1em;
  height: 1em;
}
.writing-box .writing-area > .item ._font-title-4 .sub {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .writing-box .writing-area > .item ._font-title-4 .sub {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.writing-box .writing-area > .item ._font-title-4 .sub {
  color: var(--gray-500);
  flex-basis: 100%;
}
.writing-box .writing-area > .item .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-16);
}
.writing-box .writing-area > .item .title-wrap ._font-title-4 {
  margin-bottom: 0;
}
.writing-box .writing-area > .item .count-title {
  display: flex;
  justify-content: space-between;
}
.writing-box .writing-area > .item .input-box + .show {
  display: block;
}
.writing-box .writing-area > .item .hidden-content {
  margin-top: var(--space-8);
}
.writing-box .writing-area .input-box-wrap {
  display: flex;
  flex-wrap: wrap;
}
.writing-box .writing-area .input-box-wrap > * + * {
  margin: 0 0 0 var(--space-8);
}
.writing-box .writing-area .input-box-wrap > .input-inner {
  flex: 1;
  display: flex;
  align-items: center;
}
.writing-box .writing-area .input-box-wrap > .input-inner .input-box {
  min-width: auto;
}
.writing-box .writing-area .input-box-wrap > .input-inner > * {
  flex: 1;
}
.writing-box .writing-area .input-box-wrap > .input-inner ~ p.input-help {
  margin: var(--space-8) 0 0;
  padding: 0 var(--space-4);
  flex-basis: 100%;
}
.writing-box .writing-area .input-box-wrap > .input-inner [class^=_btn-] {
  flex: none;
  margin-left: var(--space-8);
}
.writing-box .writing-area .input-box-wrap > .input-inner > :nth-child(5) {
  min-width: 180px;
}
.popup-content .writing-box .writing-area .input-box-wrap > .input-inner > :nth-child(5) {
  min-width: 150px;
}

.writing-box .writing-area .input-box-wrap > .input-inner .unit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 23px;
  height: var(--space-56);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .writing-box .writing-area .input-box-wrap > .input-inner .unit {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.writing-box .writing-area .input-box-wrap > .input-inner .unit {
  color: var(--gray-500);
}
.writing-box .writing-area .input-box-wrap.column {
  flex-direction: column;
}
.writing-box .writing-area .input-box-wrap.column > * + * {
  margin: var(--space-8) 0 0;
}
.writing-box .writing-area .input-box-wrap.phone .input-inner .input-box + .input-box {
  margin-top: 0;
  margin-left: var(--space-8);
}
.writing-box .writing-area .input-box-wrap.phone2 .input-inner {
  display: flex;
  flex-wrap: wrap;
}
.writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box {
  flex: 1 1 0;
  min-width: 0;
  margin-right: 6px;
}
.writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box + .input-box {
  margin-top: 0;
}
.writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box:nth-child(3) {
  margin-right: 0;
}
.writing-box .writing-area .input-box-wrap.phone2 .input-inner .button {
  flex: 0 0 auto;
  margin-left: 0;
}
@media (max-width: 1200px) {
  .writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box {
    margin-bottom: 8px;
  }
  .writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box:nth-child(1) {
    flex: 1 1 100%;
    margin-right: 0;
  }
  .writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box:nth-child(2), .writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box:nth-child(3) {
    flex: 1 1 calc(50% - 4px);
    margin-right: 6px;
  }
  .writing-box .writing-area .input-box-wrap.phone2 .input-inner .input-box:nth-child(3) {
    margin-right: 0;
  }
  .writing-box .writing-area .input-box-wrap.phone2 .input-inner button {
    flex: 1 1 100%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .writing-box .writing-area .input-box-wrap > .input-inner {
    margin-right: 0;
  }
  .writing-box .writing-area .input-box-wrap > .input-inner .input-box {
    min-width: auto;
  }
  .writing-box .writing-area .input-box-wrap > .input-inner > * {
    flex: 1;
  }
  .writing-box .writing-area .input-box-wrap > .input-inner .unit {
    width: 15px;
    justify-content: flex-end;
    text-align: right;
  }
  .writing-box .writing-area .input-box-wrap.verti {
    position: relative;
    flex-direction: column;
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner {
    position: relative;
    flex-direction: column;
    align-items: inherit;
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-8);
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner .input-box {
    width: calc(100% - 15px);
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner .input-box.bg-pw {
    width: 100%;
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner > :nth-child(5) {
    width: calc(100% - 140px);
    min-width: auto;
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner .unit {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
  }
  .writing-box .writing-area .input-box-wrap.verti > .input-inner .unit:nth-of-type(2) {
    top: 64px;
  }
  .writing-box .writing-area .input-box-wrap.verti ._btn-large-secondary {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 132px;
  }
  .writing-box .writing-area .input-box-wrap.btn-row {
    flex-direction: column;
  }
  .writing-box .writing-area .input-box-wrap.btn-row > * + * {
    margin: var(--space-8) 0 0;
  }
  .writing-box .writing-area .input-box-wrap.business-number {
    flex-wrap: wrap;
  }
  .writing-box .writing-area .input-box-wrap.business-number .input-inner {
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 0 !important;
  }
  .writing-box .writing-area .input-box-wrap.business-number .input-inner .input-box:last-child {
    flex-basis: 100%;
    margin-top: var(--space-8);
  }
  .writing-box .writing-area .input-box-wrap.business-number .input-inner .input-box + span.unit {
    justify-content: center;
  }
  .writing-box .writing-area .input-box-wrap.business-number .input-inner + button {
    flex-basis: 100%;
    margin-top: var(--space-8);
    margin-left: 0;
  }
}

.step-wrap {
  margin-top: calc(var(--space-56) - var(--space-32));
}
.dropdown-area + .contents .step-wrap {
  margin-top: var(--space-56);
}

.step-wrap .step-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .step-wrap .step-item {
    flex-wrap: nowrap;
  }
}
.step-wrap .step-item {
  position: relative;
  padding: 0 0 0 var(--space-64);
  margin-top: var(--space-56);
}
.step-wrap .step-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url(/static/images/bs/bg_ico_stage.png);
}
.step-wrap .step-item::after {
  content: "";
  display: block;
  position: absolute;
  left: 19px;
  top: 40px;
  width: 2px;
  height: calc(100% + var(--space-16));
  border-radius: var(--radius-4);
  background-color: var(--gray-100);
}
.step-wrap .step-item.is-end::before {
  background-image: url(/static/images/bs/bg_ico_stage_end.png);
}
.step-wrap .step-item.is-end::after {
  background-color: var(--point-600);
}
.step-wrap .step-item.is-on::before {
  background-image: url(/static/images/bs/bg_ico_stage_on.png);
}
.step-wrap .step-item:last-of-type::after {
  display: none;
}
.step-wrap .step-text {
  min-width: 368px;
  margin-right: var(--space-48);
  margin-bottom: var(--space-24);
}
.step-wrap .step-text ._font-title-3 span {
  color: var(--point-600);
}
.step-wrap .step-text .text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
  color: var(--gray-700);
  margin-top: var(--space-16);
}
.step-wrap .step-text .text span {
  color: var(--point-600);
}
.step-wrap .step-text .text .mo-invisible-inlineblock {
  display: inline;
}
@media (max-width: 1023px) {
  .step-wrap .step-text .text .mo-invisible-inlineblock {
    display: none;
  }
  .step-wrap .step-text .text .mo-invisible {
    display: none;
  }
}
.step-wrap .step-text .text + .list-ref {
  margin-top: var(--space-12);
}
.step-wrap .step-text .text + .list-ref > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .step-wrap .step-text .text + .list-ref > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.step-wrap .step-text .text + .list-ref > li {
  color: var(--gray-500);
}
.step-wrap .step-text .btn-wrap {
  margin-top: var(--space-24);
}
.step-wrap .step-content {
  flex: 1;
}
@media (max-width: 1023px) {
  .step-wrap .step-content {
    min-width: 100%;
  }
}
.step-wrap + .floating-btn,
.step-wrap + ._btn-wrap {
  margin-top: var(--space-56);
}
.step-wrap + .accordion {
  margin-top: var(--space-56);
}
.step-wrap + .accordion + ._btn-wrap {
  margin-top: var(--space-56);
}
@media (max-width: 767px) {
  .step-wrap {
    margin-top: var(--space-40);
  }
  .step-wrap .step-item {
    flex-direction: column;
    position: relative;
    padding: 0 0 0 44px;
    margin-top: var(--space-40);
  }
  .step-wrap .step-item::before {
    width: 32px;
    height: 32px;
  }
  .step-wrap .step-item::after {
    left: 15px;
    top: 32px;
    width: 2px;
    height: calc(100% + var(--space-8));
  }
  .step-wrap .step-text {
    min-width: auto;
    margin-right: 0;
  }
  .step-wrap .step-text .text {
    margin-top: var(--space-8);
  }
  .step-wrap .step-text .btn-wrap {
    margin-top: var(--space-12);
  }
  .step-wrap .step-content {
    min-width: auto;
  }
  .step-wrap + .floating-btn,
  .step-wrap + ._btn-wrap {
    margin-top: var(--space-40);
  }
  .step-wrap + .accordion {
    margin-top: var(--space-40);
  }
  .step-wrap + .accordion + ._btn-wrap {
    margin-top: var(--space-40);
  }
}

.step-area {
  position: relative;
  padding-top: var(--space-48);
  counter-reset: list-counter;
  margin: 0 var(--space-48) var(--space-24) 0;
}
@media (max-width: 1023px) {
  .step-area {
    margin-right: 0;
    margin-bottom: 0;
    min-width: 100%;
  }
}
.step-area > .item {
  counter-increment: list-counter;
}
.step-area > .item::before {
  content: counter(list-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: var(--gray-100);
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .step-area > .item::before {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.step-area > .item.is-active::before, .step-area > .item.is-end::before {
  background-color: var(--point-600);
}
.step-area > .item.is-end::before {
  color: transparent;
}
.step-area > .item.is-end::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: var(--white);
  -webkit-mask: url(/static/images/icons/check.svg) no-repeat center/100%;
          mask: url(/static/images/icons/check.svg) no-repeat center/100%;
}
.step-area > .item:nth-child(2)::before {
  left: var(--space-32);
}
.step-area > .item:nth-child(2)::after {
  left: 36px;
}
.step-area > .item:nth-child(3)::before {
  left: var(--space-64);
}
.step-area > .item:nth-child(3)::after {
  left: 68px;
}
.step-area > .item:nth-child(4)::before {
  left: 96px;
}
.step-area > .item:nth-child(4)::after {
  left: var(--space-100);
}
.step-area > .item:nth-child(5)::before {
  left: 128px;
}
.step-area > .item:nth-child(5)::after {
  left: 132px;
}
.step-area > .item:nth-child(6)::before {
  left: 160px;
}
.step-area > .item:nth-child(6)::after {
  left: 164px;
}
.step-area > .item .text {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  margin-top: var(--space-16);
  color: var(--gray-700);
}
.step-area > .item .text span {
  color: var(--point-600);
}
@media (max-width: 767px) {
  .step-area > .item .text {
    margin-top: var(--space-12);
  }
}
.step-area > .item .btn-wrap {
  margin-top: var(--space-32);
}

.full-bg {
  background-color: var(--gray-40);
  max-width: none !important;
}
.full-bg.no-bg {
  background-color: var(--white);
}
.full-bg .contents {
  max-width: 1200px;
  margin: var(--space-56) auto var(--space-100);
}
@media (max-width: 767px) {
  .full-bg .contents {
    margin: var(--space-40) auto var(--space-64);
  }
}
.dropdown-area + .full-bg .contents {
  margin-top: var(--space-32);
}
@media (max-width: 767px) {
  .dropdown-area + .full-bg .contents {
    margin-top: var(--space-24);
  }
}

.bg-pw {
  position: relative;
  justify-content: flex-start;
}
.bg-pw input {
  width: 34px;
  padding-right: var(--space-12);
}
.bg-pw .ipt-clear {
  right: var(--space-12) !important;
  left: auto !important;
  top: 50%;
  transform: translateY(-50%);
}
.bg-pw .util-box {
  pointer-events: none;
}
.bg-pw .util-box .dot {
  display: inline-flex;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: var(--gray-900);
}
.bg-pw .util-box .dot + * {
  margin-left: var(--space-4);
}

.security {
  display: flex;
}
@media (max-width: 767px) {
  .security {
    flex-direction: column;
    position: relative;
  }
}
.security > * {
  flex: 1;
}
.security .img-area {
  max-width: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray-100);
  border-radius: var(--radius-12);
}
@media (max-width: 767px) {
  .security .img-area {
    max-width: calc(100% - 36px);
  }
}
.security .btn-group {
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 var(--space-8);
}
@media (max-width: 767px) {
  .security .btn-group {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
  }
}
.security .btn-group > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.security .btn-group > * + * {
  margin-top: var(--space-8);
}
@media (max-width: 767px) {
  .security .input-box {
    margin-top: var(--space-8);
  }
}

@media (max-width: 767px) {
  .terms-check {
    border: 1px solid var(--gray-60);
    border-radius: var(--radius-12);
    padding: var(--space-16);
  }
}
.terms-check .all-check {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--gray-60);
  padding-bottom: var(--space-20);
  margin-bottom: var(--space-20);
}
.terms-check .terms-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-20);
}
.terms-check .terms-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.terms-check .terms-list ._ipt-check-sub i {
  align-items: flex-start;
}
.terms-check .terms-list ._ipt-check-sub i > strong {
  display: inline-flex;
  white-space: pre;
  margin-right: var(--space-4);
  font-weight: 600;
  color: var(--gray-900);
}
.terms-check .terms-view {
  width: 24px;
  height: 24px;
  margin-left: var(--space-12);
}
.terms-check .terms-view::after {
  margin-top: 0.25em;
}

.mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }
}

.certi-box {
  display: flex;
  flex-direction: column;
}
.certi-box ~ .add-txt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .certi-box ~ .add-txt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.certi-box ~ .add-txt {
  color: var(--gray-700);
  padding-top: var(--space-24);
}
.certi-box > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
@media (max-width: 1023px) {
  .certi-box > .item.mo-invisible {
    display: none;
  }
}
.certi-box > .item .btn-certi {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: var(--white);
  border: 1px solid var(--gray-60);
  border-radius: var(--radius-16);
  padding: var(--space-16) var(--space-20);
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
}
@media (max-width: 767px) {
  .certi-box > .item .btn-certi {
    padding: var(--space-12);
    padding-left: 56px;
    padding-right: 32px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
    flex-wrap: wrap;
    row-gap: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .certi-box > .item .btn-certi {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 767px) {
  .certi-box > .item .btn-certi .btn-certi-txt {
    flex-basis: 100%;
    order: 1;
    text-align: left;
  }
  .certi-box > .item .btn-certi ._badge-small-green {
    order: 2;
    flex: 0 0 auto;
    margin-top: var(--space-4);
    margin-left: 0 !important;
  }
}
.certi-box > .item .btn-certi::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 44px;
  margin-right: var(--space-16);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .certi-box > .item .btn-certi::before {
    position: absolute;
    left: var(--space-12);
    width: 36px;
    height: 36px;
    margin-right: 0;
  }
}
.certi-box > .item .btn-certi::before {
  flex-shrink: 0;
  order: 0;
}
.certi-box > .item .btn-certi::after {
  width: 1.33em;
  height: 1.33em;
  margin-left: auto;
}
@media (max-width: 767px) {
  .certi-box > .item .btn-certi::after {
    position: absolute;
    right: var(--space-12);
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
  }
}
.certi-box > .item .btn-certi:hover {
  background-color: var(--gray-60);
}
.certi-box > .item .btn-certi [class^=_badge] {
  margin: var(--space-2) 0 0 10px;
}
.certi-box > .item [class^=_ipt-check-box]:focus-within {
  border-radius: var(--radius-16);
}
.certi-box > .item [class^=_ipt-check-box] input:checked + .btn-certi {
  border-color: var(--primary-p800);
}
.certi-box > .item:nth-child(1) .btn-certi::before {
  background-image: url(/static/images/me/ico_certificate01.png);
}
.certi-box > .item:nth-child(2) .btn-certi::before {
  background-image: url(/static/images/me/ico_certificate03.png);
}
.certi-box > .item:nth-child(3) .btn-certi::before {
  background-image: url(/static/images/me/ico_certificate02.png);
}
.certi-box > .item:nth-child(4) .btn-certi::before {
  background-image: url(/static/images/me/ico_certificate04.png);
}
.certi-box .extra {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: var(--space-8);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .certi-box .extra {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.certi-box .extra {
  color: var(--gray-500);
}
.certi-box .extra > * {
  color: var(--gray-900);
  margin-left: var(--space-8);
}
@media (max-width: 1023px) {
  .certi-box .extra.mo-invisible {
    display: none;
  }
}

.input-box-file {
  display: flex;
}
.input-box-file > * {
  flex: 1;
}
.input-box-file input[readonly] {
  background-color: var(--white);
}
.input-box-file input[type=file] {
  display: none;
}
.input-box-file ._btn-large-primary {
  flex: none;
  position: relative;
  z-index: 10;
  margin-left: var(--space-8);
}
.input-box-file + .text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.48px;
  margin-top: var(--space-8);
  color: var(--gray-500);
}
.input-box-file + .text::before {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: var(--space-4);
}
.input-box-file .input-box input[type=text] + .ico-x {
  display: none;
  position: absolute;
  right: var(--space-16);
  font-size: 20px;
}
.input-box-file .input-box input[type=text][value] + .ico-x {
  display: flex;
}
.input-box-file .input-box:focus-within input[type=text][value] + .ico-x {
  right: calc(var(--space-16) - 1px);
}
@media (max-width: 767px) {
  .input-box-file.type-select {
    flex-direction: column;
  }
  .input-box-file.type-select > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-8);
  }
}
.input-box-file.type-select + .type-select {
  margin-top: var(--space-8);
}
.input-box-file.type-select > *:first-child {
  flex: 0 1 160px;
  min-width: auto;
  margin-right: var(--space-8);
}
@media (max-width: 767px) {
  .input-box-file.type-select > *:first-child {
    flex: none;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .input-box-file.type-select ._btn-large-primary {
    margin-left: 0;
  }
}

.writing-box .item form + .text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.48px;
  margin-top: var(--space-8);
  color: var(--gray-500);
}
.writing-box .item form + .text::before {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: var(--space-4);
}

.accordion .accordion-item {
  text-align: left;
  border-top: 0;
  border-bottom: 1px solid var(--gray-60);
  background-color: var(--white);
}
.accordion .accordion-item:first-child {
  border-top: 1px solid var(--gray-900);
}
.arrow.accordion .accordion-item:last-child {
  border-bottom: none;
}

.accordion .accordion-item.force-open .accordion-header {
  padding-right: 0;
}
.accordion .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-24) var(--space-32) var(--space-24) 0;
  text-align: left;
  line-height: 150%;
}
@media (max-width: 767px) {
  .accordion .accordion-header {
    padding: var(--space-20) var(--space-32) var(--space-20) 0;
  }
}
.arrow.accordion .accordion-header {
  padding: var(--space-12) var(--space-32) var(--space-12) 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .arrow.accordion .accordion-header {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.arrow.accordion .accordion-header > *:first-child {
  padding: var(--space-6) 0;
}

.accordion .accordion-header:only-child {
  padding-right: 0;
}
.accordion .accordion-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.accordion .accordion-btn span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
}
:not(.arrow).accordion .accordion-btn::before, :not(.arrow).accordion .accordion-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 13px;
  height: 2px;
  background-color: var(--gray-900);
  transform: rotate(90deg) scale(0.9);
  transition: transform 0.3s ease;
}
:not(.arrow).accordion .accordion-btn::after {
  transform: rotate(0deg) scale(0.9);
}
:not(.arrow).accordion .accordion-btn[aria-expanded=true]::before {
  transform: rotate(0deg) scale(0.9);
}

.arrow.accordion .accordion-btn::before {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  width: 24px;
  height: 24px;
  transform: rotate(0deg) scale(0.83);
  background: url(/static/images/icons/chevron-down.svg) no-repeat center;
  transition: transform 0.3s ease;
}
.arrow.accordion .accordion-btn[aria-expanded=true]::before {
  transform: rotate(180deg) scale(0.83);
}

.accordion .accordion-panel {
  overflow: hidden;
}
.accordion .accordion-cont {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
}
.accordion .accordion-cont [class^=list-] > li {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
}
@media (max-width: 767px) {
  .accordion .accordion-cont [class^=list-] > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .accordion .accordion-cont [class^=list-] > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.accordion .accordion-cont [class^=_table] th, .accordion .accordion-cont [class^=_table] td {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .accordion .accordion-cont [class^=_table] th, .accordion .accordion-cont [class^=_table] td {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.accordion .accordion-cont [class^=_table] th [class^=list-] > li, .accordion .accordion-cont [class^=_table] td [class^=list-] > li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .accordion .accordion-cont [class^=_table] th [class^=list-] > li, .accordion .accordion-cont [class^=_table] td [class^=list-] > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.accordion .accordion-cont {
  padding: var(--space-32) var(--space-40) var(--space-56);
  display: flex;
  flex-direction: column;
}
.accordion .accordion-cont > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-20);
}
.accordion .accordion-cont {
  background-color: var(--gray-20);
  color: var(--gray-600);
}
@media (max-width: 767px) {
  .accordion .accordion-cont {
    padding: var(--space-24) var(--space-20) var(--space-40);
  }
}

.tab-wrapper {
  position: sticky;
  top: calc(102px + env(safe-area-inset-top, 0px));
  z-index: 10;
  background-color: var(--white);
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.scroll-down .tab-wrapper {
  transform: translateY(-102px);
}

.tab-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: var(--gray-100);
  max-width: 1200px;
  transform: translateX(-50%);
}
.tab-wrapper.shadow {
  box-shadow: 0px 16px 32px 0px rgba(35, 34, 88, 0.08);
}
.tab-wrapper.no-fixed {
  position: unset;
  transform: inherit;
}
.tab-wrapper.no-scroll .tab-box {
  overflow-x: hidden;
}
.tab-wrapper.no-scroll [class^=_tabs-main] > li + li {
  margin-left: 0;
}
.tab-wrapper .tab-box {
  max-width: 1200px;
  margin: 0 auto;
}
.tab-wrapper .tab-box ._tabs-main {
  width: 100%;
}
.tab-wrapper .tab-box a:focus-visible {
  outline-offset: -1px;
}

.tab-wrapper + .tab-wrapper {
  background-color: var(--white);
  z-index: 10;
  padding: var(--space-12) 0;
  margin: var(--space-20) 0 0;
}
.tab-wrapper + .tab-wrapper.no-bg {
  background-color: var(--white);
}
.tab-wrapper + .tab-wrapper {
  top: calc(102px + 56px + env(safe-area-inset-top, 0px));
}
@media (max-width: 1023px) {
  .tab-wrapper + .tab-wrapper {
    top: 112px;
  }
}
@media (max-width: 767px) {
  .tab-wrapper + .tab-wrapper {
    margin: var(--space-12) 0 0;
  }
}
.tab-wrapper + .tab-wrapper::after {
  content: none;
}

div[role=tabpanel][aria-hidden=true] {
  display: none;
}

.popup-content .tab-wrapper {
  position: static;
  transform: none;
  transition: inherit;
}
.popup-content .tab-wrapper::after {
  display: none;
}
.popup-content .tab-wrapper .tab-box ._tabs-main > li {
  flex: none;
}
.popup-content .tab-wrapper ~ div[role=tabpanel] .scroll-area {
  padding-top: var(--space-24);
}

@media (max-width: 1023px) {
  .tab-wrapper {
    top: calc(56px + env(safe-area-inset-top, 0px));
  }
  #container .page .tab-wrapper.no-scroll .tab-box {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .tab-wrapper:not(.no-scroll) .tab-box ._tabs-main {
    width: auto;
  }
  .tab-wrapper:not(.no-scroll) .tab-box ._tabs-main > li {
    flex: 0 1 auto;
  }
  /* 사업지원서비스 > 이용약관*/
  ._modal-popup .content.no-scroll .tab-wrapper:not(.no-scroll) .tab-box ._tabs-main {
    width: 100%;
  }
}
.no-bottom .loading:last-child {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .no-bottom .loading:last-child {
    margin-bottom: 56px;
  }
}

.loading {
  position: relative;
  display: flex;
}
.loading > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-8);
}
.loading {
  justify-content: center;
  margin-top: var(--space-40);
}
@media (max-width: 767px) {
  .loading {
    margin-top: var(--space-32);
  }
}
.loading i {
  display: inline-flex;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #969dab;
}
.loading i.dot1 {
  animation: loading1 1s linear infinite;
}
.loading i.dot2 {
  animation: loading2 1s linear infinite;
}
.loading i.dot3 {
  animation: loading3 1s linear infinite;
}
@keyframes loading1 {
  0% {
    transform: translateY(0);
  }
  16% {
    transform: translateY(-8px);
  }
  33% {
    transform: translateY(0);
  }
}
@keyframes loading2 {
  33% {
    transform: translateY(0);
  }
  49% {
    transform: translateY(-8px);
  }
  66% {
    transform: translateY(0);
  }
}
@keyframes loading3 {
  66% {
    transform: translateY(0);
  }
  79% {
    transform: translateY(-8px);
  }
  99% {
    transform: translateY(0);
  }
}
.visual-wrap {
  position: relative;
  padding: var(--space-40) 0;
  margin: 0 0 var(--space-56);
}

.visual-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
.visual-item .text-area {
  flex: 1;
}
.visual-item .text-area .bg-text {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  border-radius: var(--radius-4);
  padding: 0 var(--space-4);
  min-height: 27px;
}
.visual-item .text-area ._font-title-1 {
  margin: var(--space-12) 0 0;
  color: var(--gray-900);
}
.visual-item .text-area > .text {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  color: var(--gray-600);
  margin: var(--space-20) 0 0;
}
.visual-item .text-area > .text + [class^=list-] {
  margin-top: var(--space-16);
}
.visual-item .text-area > .text + [class^=list-] > li {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .visual-item .text-area > .text + [class^=list-] > li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.visual-item .text-area > .text + [class^=list-] > li {
  color: var(--gray-700);
}
.visual-item::after {
  content: "";
  display: block;
  width: 454px;
  height: 280px;
  margin-right: 73px;
}

@media (max-width: 1023px) {
  .visual-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .visual-item .text-area {
    flex: none;
    height: auto;
    min-height: 0;
  }
  .visual-item::after {
    width: 227px;
    height: 140px;
    margin-right: 0;
    align-self: center;
  }
}
@media (max-width: 767px) {
  .visual-wrap {
    margin: 0 0 var(--space-40);
    padding: var(--space-32) 0;
  }
  .visual-item {
    flex-direction: column;
  }
  .visual-item .text-area .text br {
    display: none;
  }
  .visual-item::after {
    width: 227px;
    height: 140px;
  }
}
:root {
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
}

/* iPhone 노치: 스크롤 시 본문이 status bar 뒤로 비치지 않도록 최상단 고정 흰색 띠 */
html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: constant(safe-area-inset-top);
  height: env(safe-area-inset-top, 0px);
  background-color: #fff;
  z-index: 998;
  pointer-events: none;
  transform: translateZ(0);
}

/* safe-area-overlay와 동일 원리 — height 0 / is-active 시 JS가 px 높이 지정 */
.safe-area-top-cover,
#safe-area-top-cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  opacity: 0;
  background-color: #fff;
  /* header(1000) · title(1001) 아래 — 본문만 가림 */
  z-index: 999;
  pointer-events: none;
  transform: translateZ(0);
}

#safe-area-top-cover.is-active {
  opacity: 1;
}

html,
body {
  height: 100%;
  min-height: 100%;
  min-height: -webkit-fill-available;
  background-color: #fff;
}

html.ios-safari-notch-cover {
  overscroll-behavior-y: none;
}

.skip_nav {
  width: 100%;
  height: 0;
}
.skip_nav > a {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  text-indent: -9999px;
}
.skip_nav > a:focus {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  padding: var(--space-8) 0;
  background-color: var(--gray-900);
  color: var(--white);
  text-indent: 0;
  text-align: center;
  z-index: 1100;
}

.breadcrumb {
  position: absolute;
  top: calc(102px + env(safe-area-inset-top, 0px)) !important;
  left: 50%;
  width: 100%;
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.breadcrumb {
  color: var(--gray-600);
  transform: translateX(-50%);
}
@media (max-width: 1023px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb ol {
  display: inline-flex;
}
.breadcrumb ol > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-16);
}
.breadcrumb ol li {
  position: relative;
  display: block;
}
.breadcrumb ol li:not(:last-child)::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-top: 1px solid var(--gray-300);
  border-right: 1px solid var(--gray-300);
  transform: rotate(45deg) translateY(-50%);
  transform-origin: top;
  top: 50%;
  margin-left: 6px;
}
.breadcrumb ol li:last-child {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .breadcrumb ol li:last-child {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.breadcrumb ol li:last-child {
  color: var(--gray-900);
}

.top-button {
  width: 100%;
  margin: 0 auto;
  min-width: 360px;
  z-index: 900;
  max-width: 1394px;
}
@media (max-width: 1023px) {
  .top-button {
    max-width: 1402px;
  }
}
@media (max-width: 767px) {
  .top-button {
    max-width: 1394px;
  }
}
.top-button.no-floating {
  position: relative;
}
.top-button.no-floating .top-button-inner {
  position: absolute;
  width: auto;
  left: auto;
  right: 0;
  bottom: auto;
  transform: translateY(calc((var(--floating-height, 0px) + 33px) * -1));
}
@media (max-width: 1023px) {
  .top-button.no-floating .top-button-inner {
    transform: translateY(calc((var(--floating-height, 0px) + 33px) * -1));
  }
}
@media (max-width: 767px) {
  .top-button.no-floating .top-button-inner {
    transform: translateY(calc((var(--floating-height, 0px) + 24px) * -1));
  }
}
.top-button-inner {
  position: fixed;
  width: 100%;
  left: 50%;
  bottom: calc(var(--floating-height, 0px) + 24px);
  transform: translateY(0) translateX(-50%);
  max-width: 1394px;
}
@media (max-width: 1023px) {
  .top-button-inner {
    max-width: 1402px;
  }
}
@media (max-width: 767px) {
  .top-button-inner {
    max-width: 1394px;
  }
}
@media (max-width: 767px) {
  .top-button-inner {
    bottom: calc(var(--floating-height, 0px) + 24px);
  }
}
.top-button button {
  position: absolute;
  top: -40px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--gray-60);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  background-color: var(--white);
  color: var(--primary-p800);
}
@media (max-width: 1023px) {
  .top-button button {
    right: 24px;
  }
}
@media (max-width: 767px) {
  .top-button button {
    right: 20px;
  }
}
.top-button button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/static/images/icons/arrow-up.svg) no-repeat center/contain;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  min-height: -webkit-fill-available;
}

#header, #header1 {
  /* position: absolute; */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding-top: env(safe-area-inset-top, 0px);
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fff;
  z-index: 1000;
  /* padding-top 구간을 명시적으로 칠함 (iOS 스크롤 시 배경 누락 방지) */
}
#header::before, #header1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: constant(safe-area-inset-top);
  height: env(safe-area-inset-top, 0px);
  background-color: #fff;
  z-index: 1;
  pointer-events: none;
  transform: translateZ(0);
}
@media (max-width: 1023px) {
  #header, #header1 {
    position: fixed;
    overflow: visible;
  }
}

#container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(102px + env(safe-area-inset-top, 0px));
  flex: 1;
}
#container .page {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
  min-height: 500px;
}
#container .page.no-bottom {
  padding-bottom: 0;
}
#container .page > div {
  width: 100%;
}
#container .page > div:not(.full):not(.loading):not(.floating-btn):not(.hidden) {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
}
#container .page > div:not(.full):not(.loading):not(.floating-btn):not(.hidden):first-child {
  margin-top: 64px;
}
#container .page > div:not(.full):not(.loading):not(.floating-btn):not(.hidden).title {
  padding-bottom: 32px;
}
#container .page > div:not(.full):not(.loading):not(.floating-btn):not(.hidden).title.error {
  padding: 0;
  margin: 0;
  height: 0;
}
@media (max-width: 1023px) {
  #container .page > div:not(.full):not(.loading):not(.floating-btn):not(.hidden).title.error {
    height: 56px;
  }
}
#container .page > div:not(.full):not(.loading):not(.floating-btn):not(.hidden).title.error h1 {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0;
  clip: rect(0 0 0 0);
}
#container .page > div.full > * {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
}
#container .page > div.full > *.no-padding {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}
#container .page > div.full:first-child {
  margin-top: 0;
}
#container .page > div.full.title {
  text-align: center;
}

#footer {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  background-color: #fff;
}

@media (max-width: 1023px) {
  #container {
    padding-top: calc(56px + env(safe-area-inset-top, 0px));
  }
  #container .page {
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
  }
  #container .page > div:not(.full):not(.loading) {
    padding-left: 24px;
    padding-right: 24px;
  }
  #container .page > div:not(.full):not(.loading):first-child {
    margin-top: 50px;
  }
  #container .page > div:not(.full):not(.loading).title {
    top: 0;
    box-sizing: border-box;
    height: calc(56px + env(safe-area-inset-top, 0px));
    padding: env(safe-area-inset-top, 0px) 0 0 24px !important;
    margin: 0 !important;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1001;
    width: calc(100% - 64px);
    background-color: #fff;
    transform: translateZ(0);
  }
  #container .page > div:not(.full):not(.loading).title.title.no-back {
    padding-left: 24px !important;
  }
  #container .page > div:not(.full):not(.loading).title .btn-back:not(.hidden) + ._font-headline-1,
  #container .page > div:not(.full):not(.loading).title .btn-back:not(.hidden) + h1 {
    margin-left: 40px;
  }
  #container .page > div:not(.full):not(.loading).title ._font-headline-1 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.72px;
    height: 56px;
    line-height: 56px;
    white-space: nowrap;
  }
  #container .page > div:not(.full):not(.loading).title .btn-back {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 12px;
    top: calc(env(safe-area-inset-top, 0px) + 28px);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }
  #container .page > div:not(.full):not(.loading).title .btn-back.hidden {
    display: none !important;
  }
  #container .page > div:not(.full):not(.loading).title .btn-back::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(/static/images/icons/arrow-left.svg) no-repeat 0 0/100% auto;
  }
  #container .page > div:not(.full):not(.loading).title.title.error {
    height: calc(56px + env(safe-area-inset-top, 0px));
  }
  #container .page > div.full > * {
    padding-left: 24px;
    padding-right: 24px;
  }
  #container .page > div.full > *.no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  #container .page {
    min-width: 360px;
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }
  #container .page > div:not(.full):not(.loading) {
    padding-left: 20px;
    padding-right: 20px;
  }
  #container .page > div.full > * {
    padding-left: 20px;
    padding-right: 20px;
  }
  #container .page > div.full > *.no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
html.header-unified-doc::before {
  display: none !important;
}

html.header-unified-doc #safe-area-top-cover {
  display: none !important;
}

@media (max-width: 1023px) {
  #header.header-unified.sub ~ .breadcrumb,
  #header1.header-unified.sub ~ .breadcrumb {
    display: none !important;
  }
  #header.header-unified.sub ~ #container .page > .title,
  #header1.header-unified.sub ~ #container .page > .title {
    position: static !important;
    top: auto !important;
    transform: none !important;
    z-index: auto !important;
    width: auto !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none;
  }
  #header.header-unified.sub ~ #container .page > .title ._font-headline-1,
  #header.header-unified.sub ~ #container .page > .title h1,
  #header1.header-unified.sub ~ #container .page > .title ._font-headline-1,
  #header1.header-unified.sub ~ #container .page > .title h1 {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px !important;
    padding: 0;
    clip: rect(0 0 0 0);
  }
  #header.header-unified.sub ~ #container .page > .title .btn-back,
  #header1.header-unified.sub ~ #container .page > .title .btn-back {
    display: none !important;
  }
  #header.header-unified:not(.sub) ~ #container .page > .title.hidden,
  #header1.header-unified:not(.sub) ~ #container .page > .title.hidden {
    display: none;
  }
  #header.header-unified:not(.sub) ~ #container .page > .title.hidden + .full,
  #header.header-unified:not(.sub) ~ #container .page > .title.hidden + *,
  #header1.header-unified:not(.sub) ~ #container .page > .title.hidden + .full,
  #header1.header-unified:not(.sub) ~ #container .page > .title.hidden + * {
    margin-top: 0;
  }
}
.dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}

#header, #header1 {
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.scroll-down #header, .scroll-down #header1 {
  transform: translateY(calc(-100% + env(safe-area-inset-top, 0px)));
}

#header.opened .header, #header1.opened .header {
  position: relative;
  height: auto;
  max-height: 100vh;
  max-height: 100dvh;
  overflow: auto;
}

.header .header-inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.header .header-inner::after {
  content: "";
  position: absolute;
  top: 101px;
  left: 0;
  right: 0;
  border-bottom: 1px solid transparent;
  z-index: -1;
}
#header.hover .header .header-inner::after, #header1.hover .header .header-inner::after {
  border-color: var(--gray-60);
}

.header .header-inner .header-util,
.header .header-inner .header-gnb {
  margin: 0 auto;
}
.header .header-inner .header-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 0;
}
.header .header-inner .header-util > ul {
  display: flex;
  align-items: center;
}
.header .header-inner .header-util > ul li {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .header .header-inner .header-util > ul li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.header .header-inner .header-util > ul li {
  position: relative;
  text-align: center;
  color: var(--gray-600);
}
.header .header-inner .header-util > ul li:not(:first-child) {
  margin-left: var(--space-16);
}
.header .header-inner .header-util > ul li + li::before {
  content: "";
  position: absolute;
  left: calc(var(--space-8) * -1);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: var(--gray-60);
}
.header .header-inner .header-gnb {
  display: flex;
  justify-content: space-between;
}
.header .header-inner .header-logo {
  display: flex;
  align-items: center;
  height: 71px;
}
.header .header-inner .header-logo a {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.header .header-inner .header-logo-text {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
  position: relative;
  display: flex;
  margin-left: var(--space-8);
  align-items: center;
  color: #343841;
  word-break: keep-all;
}
.header .header-inner .header-logo-text::before {
  content: "";
  display: block;
  width: 1px;
  height: 1em;
  background: var(--gray-60);
  margin-right: var(--space-8);
}
.header .header-inner .header-top-nav {
  display: block;
  flex-grow: 0;
  width: var(--header-nav-off-width, auto);
  height: 71px;
  transition: all 0.3s ease;
}
#header.opened .header .header-inner .header-top-nav, #header1.opened .header .header-inner .header-top-nav {
  display: none;
}

.header .header-inner .header-top-nav:focus-within {
  transition: none;
}
.header .header-inner .header-top-nav:focus-within, .header .header-inner .header-top-nav:hover {
  height: var(--header-nav-height, auto);
  width: calc(var(--header-nav-on-width) + var(--space-16) * 5);
  /*  @media (max-width: 1200px) and (min-width: 1024px) {
    width: var(--header-nav-on-width);
  } */
}
.header .header-inner .header-top-nav .depth1-list {
  display: flex;
  padding-bottom: var(--space-32);
  white-space: nowrap;
  justify-content: space-around;
}
.header .header-inner .header-top-nav .depth1-list > li {
  flex: 0 1 var(--header-nav-item-width, 1);
  text-align: center;
}
.header .header-inner .header-top-nav .depth1-list > li:hover a.depth1::after, .header .header-inner .header-top-nav .depth1-list > li.active a.depth1::after {
  left: 0;
  right: 0;
  background: var(--gray-900);
}
.header .header-inner .header-top-nav .depth1-list > li .depth1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 71px;
  padding: 0 var(--space-24);
  color: var(--gray-900);
  white-space: nowrap;
  word-break: keep-all;
}
.header .header-inner .header-top-nav .depth1-list > li .depth1::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 3px;
  background: var(--gray-900);
  transition: left 0.3s ease, right 0.3s ease;
}
.header .header-inner .header-top-nav .depth1-list > li .depth2-list {
  display: flex;
  flex-direction: column;
  padding-top: var(--space-20);
  width: 100%;
}
.header .header-inner .header-top-nav .depth1-list > li .depth2-list .depth2 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .header .header-inner .header-top-nav .depth1-list > li .depth2-list .depth2 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.header .header-inner .header-top-nav .depth1-list > li .depth2-list .depth2 {
  display: inline-block;
  padding: var(--space-6) 0;
  color: var(--gray-900);
}
.header .header-inner .header-top-nav .depth1-list > li .depth2-list .depth2:hover {
  text-decoration: underline;
  text-underline-offset: var(--space-4);
}
.header .header-inner .header-top-nav .depth1-list > li .depth2-list .depth2 {
  /*  &:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background-color: $text-primary;
  } */
}
.header .header-inner .header-top-nav .depth1-list > li .depth3-list {
  display: none;
}
.header .header-inner .bottom-wrapper {
  display: none;
}
.header .header-inner .header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-12);
  height: 71px;
  order: 3;
}
.header .header-inner .icon-btn {
  position: relative;
  width: 24px;
  height: 24px;
}
.header .header-inner .icon-btn::before, .header .header-inner .icon-btn::after {
  content: "";
  position: absolute;
}
.header .header-inner .icon-login,
.header .header-inner .icon-logout {
  display: none;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}
.header .header-inner .icon-login::before, .header .header-inner .icon-login::after,
.header .header-inner .icon-logout::before,
.header .header-inner .icon-logout::after {
  content: none;
  display: none;
}
@media (max-width: 1023px) {
  .header .header-inner .icon-login,
  .header .header-inner .icon-logout {
    display: block;
  }
}
#header.opened .header .header-inner .icon-login, .header .header-inner .icon-logout, #header1.opened .header .header-inner .icon-login, .header .header-inner .icon-logout {
  display: none !important;
}

body:not(.main) .header .header-inner .icon-login, .header .header-inner .icon-logout {
  display: none !important;
}

@media (min-width: 1024px) {
  .header .header-inner .icon-login,
  .header .header-inner .icon-logout {
    display: none !important;
  }
}
.header .header-inner .icon-login {
  background: url("/static/images/icons/user.svg") no-repeat center/24px 24px;
}
#header.is-login .header .header-inner .icon-login {
  display: none !important;
}

.header .header-inner .icon-logout {
  background: url("/static/images/icons/log-out.svg") no-repeat center/24px 24px;
}
#header:not(.is-login) .header .header-inner .icon-logout {
  display: none !important;
}

.header .header-inner .icon-menu {
  flex-shrink: 0;
}
.header .header-inner .icon-menu::before, .header .header-inner .icon-menu::after {
  left: 3px;
  width: 18px;
  height: 2px;
  background: #191b1e;
  border-radius: 2px;
}
.header .header-inner .icon-menu::before {
  top: 4px;
  box-shadow: 0 7px 0 #191b1e;
}
.header .header-inner .icon-menu::after {
  bottom: 4px;
}
#header.opened .header .header-inner .icon-menu::after, #header.opened .header .header-inner .icon-menu::before, #header1.opened .header .header-inner .icon-menu::after, #header1.opened .header .header-inner .icon-menu::before {
  content: none;
}
#header.opened .header .header-inner .icon-menu::before, #header1.opened .header .header-inner .icon-menu::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask: url("/static/images/icons/x.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/x.svg") no-repeat center center/contain;
  top: 0;
  left: 0;
}

.header .header-all-nav {
  display: none;
  position: static;
  height: 0;
  overflow-y: hidden;
  background-color: #fff;
  transition: height 0.5s ease;
}
#header.opened .header .header-all-nav, #header1.opened .header .header-all-nav {
  height: var(--header-all-nav-height, 0);
}

.header .header-all-nav .tab-wrapper {
  display: none;
}
.header .header-all-nav .depth1-list {
  display: flex;
  flex-direction: column;
  padding: 0 20px 80px;
  margin: 0 auto;
  max-width: 1240px;
}
.header .header-all-nav .depth1-list > li:not(:first-child) {
  margin-top: var(--space-40);
}
.header .header-all-nav .depth1-list > li::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  width: calc(100% - 20px * 2);
  height: 1px;
  background-color: var(--gray-60);
  margin-top: var(--space-40);
}
.header .header-all-nav .depth1-list > li .depth1 {
  display: inline-block;
  position: relative;
  margin-top: var(--space-32);
  padding-right: var(--space-20);
  margin-bottom: var(--space-20);
  align-items: center;
  color: var(--text-primary);
}
.header .header-all-nav .depth1-list > li .depth1::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: currentColor;
  mask: url("/static/images/icons/chevron-right-16.svg") no-repeat center center/contain;
  -webkit-mask: url("/static/images/icons/chevron-right-16.svg") no-repeat center center/contain;
}
.header .header-all-nav .depth1-list > li .depth2-list {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-top: var(--space-10);
  max-height: var(--max-height, auto);
}
.header .header-all-nav .depth1-list > li .depth2-list > li {
  flex: 0 1 auto;
  margin-right: var(--space-32);
  min-width: 276px;
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-1].single {
  flex-basis: calc(var(--max-height));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-1].last:not(.single) {
  padding-top: var(--space-24);
  flex-basis: calc(var(--max-height) - var(--top));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-1] + [class^=col-1] {
  flex-basis: auto;
  padding-top: var(--space-24);
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-2].single {
  flex-basis: calc(var(--max-height));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-2].last:not(.single) {
  padding-top: var(--space-24);
  flex-basis: calc(var(--max-height) - var(--top));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-2] + [class^=col-2] {
  flex-basis: auto;
  padding-top: var(--space-24);
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-3].single {
  flex-basis: calc(var(--max-height));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-3].last:not(.single) {
  padding-top: var(--space-24);
  flex-basis: calc(var(--max-height) - var(--top));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-3] + [class^=col-3] {
  flex-basis: auto;
  padding-top: var(--space-24);
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-4].single {
  flex-basis: calc(var(--max-height));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-4].last:not(.single) {
  padding-top: var(--space-24);
  flex-basis: calc(var(--max-height) - var(--top));
}
.header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-4] + [class^=col-4] {
  flex-basis: auto;
  padding-top: var(--space-24);
}
.header .header-all-nav .depth1-list > li .depth2-list > li .depth2 {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
  color: var(--gray-900);
}
.header .header-all-nav .depth1-list > li .depth3-list {
  display: flex;
  flex-direction: column;
  padding: var(--space-12) 0 0;
}
.header .header-all-nav .depth1-list > li .depth3-list .depth3 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .header .header-all-nav .depth1-list > li .depth3-list .depth3 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.header .header-all-nav .depth1-list > li .depth3-list .depth3 {
  display: inline-block;
  width: 100%;
  padding: 4px 0;
  text-align: left;
  color: var(--gray-900);
}
.header .header-all-nav .depth1-list > li .depth4-list {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .header .header-all-nav .depth1-list > li .depth4-list {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.header .header-all-nav .depth1-list > li .depth4-list {
  color: var(--gray-600);
  background-color: var(--gray-20);
  padding: var(--space-12) var(--space-16);
  margin: var(--space-4) 0;
  border-radius: var(--space-12);
}
.header .header-all-nav .depth1-list > li .depth4-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.header .bottom-wrapper {
  display: none;
}

@media screen and (min-width: 1024px) {
  .header .bottom-wrapper,
  #total-menu > .bottom-wrapper {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  #header.opened .header, #header1.opened .header {
    overflow: visible;
  }
  .header .header-inner {
    padding-left: 0;
    padding-right: 0;
    min-width: 360px;
  }
  .header .header-inner::after {
    content: none;
  }
  .header .header-inner .header-util {
    display: none;
  }
  .header .header-inner .header-gnb {
    width: 100%;
    margin: 0;
    padding: var(--space-16) 20px;
  }
  #header:not(.header-unified):not(.sub) .header .header-inner .header-gnb,
  #header1:not(.header-unified):not(.sub) .header .header-inner .header-gnb,
  #header.header-unified:not(.sub) .header .header-inner .header-gnb,
  #header1.header-unified:not(.sub) .header .header-inner .header-gnb {
    padding: 14px 20px;
  }
  .header .header-inner .header-gnb {
    align-items: center;
    justify-content: flex-end;
  }
  .header .header-inner .header-logo {
    display: none;
    width: auto;
    height: auto;
    margin: 0 auto 0 0;
    flex-shrink: 0;
    white-space: nowrap;
  }
  #header:not(.header-unified):not(.sub) .header .header-inner .header-logo,
  #header1:not(.header-unified):not(.sub) .header .header-inner .header-logo,
  #header.header-unified:not(.sub) .header .header-inner .header-logo,
  #header1.header-unified:not(.sub) .header .header-inner .header-logo {
    display: flex;
  }
  .header .header-inner .header-top-nav {
    display: none;
  }
  .header .header-inner .header-actions {
    height: auto;
  }
  .header .header-all-nav {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    height: 0;
    overflow-y: auto;
  }
  .header .header-all-nav .tab-wrapper {
    display: block;
    position: sticky;
    top: 0;
    padding: var(--space-12) 0;
  }
  .header .header-all-nav .tab-wrapper ._tabs-sub {
    padding: 0 var(--space-20);
  }
  .header .header-all-nav .tab-wrapper::after {
    content: none;
  }
  #header.opened .header .header-all-nav, #header1.opened .header .header-all-nav {
    height: calc(100vh - 56px - env(safe-area-inset-top, 0px));
    height: calc(100dvh - 56px - env(safe-area-inset-top, 0px));
  }
  .header .header-all-nav .depth1-list {
    padding: 0;
    margin: 0;
    max-width: none;
  }
  .header .header-all-nav .depth1-list > li:not(:first-child) {
    margin-top: calc(var(--space-32) + 1px);
  }
  .header .header-all-nav .depth1-list > li::after {
    margin-top: var(--space-16);
  }
  .header .header-all-nav .depth1-list > li:last-child::after {
    content: none;
  }
  .header .header-all-nav .depth1-list > li .depth1 {
    display: flex;
    margin: 0;
    padding: var(--space-16) 20px;
  }
  .header .header-all-nav .depth1-list > li .depth1::after {
    content: none;
  }
  .header .header-all-nav .depth1-list > li .depth2-list {
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
    max-height: none;
  }
  .header .header-all-nav .depth1-list > li .depth2-list > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
  }
  .header .header-all-nav .depth1-list > li:first-child .depth2-list {
    max-height: none;
  }
  .header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-] {
    flex: 0 1 auto;
    min-width: 100%;
  }
  .header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-]:not(.slinge) + [class^=col-] {
    padding-top: 0;
  }
  .header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-] .depth2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.72px;
    padding: var(--space-16) 20px;
    color: var(--gray-900);
  }
  .header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-] .depth2::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    height: auto;
    margin-top: 0;
    transition: transform 0.3s ease;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: currentColor;
    mask: url("/static/images/icons/chevron-right-16.svg") no-repeat center center/contain;
    -webkit-mask: url("/static/images/icons/chevron-right-16.svg") no-repeat center center/contain;
  }
  .header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-].active .depth2::after {
    transform: translateY(-50%) rotate(-90deg);
  }
  .header .header-all-nav .depth1-list > li .depth2-list > li[class^=col-].active .depth3-list {
    height: var(--height, auto);
  }
  .header .header-all-nav .depth1-list > li .depth3-list {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    padding: 0 var(--space-20);
    /* &.active {
      display: block;
    } */
  }
  .header .header-all-nav .depth1-list > li .depth3-list .depth3 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
    padding: var(--space-12) var(--space-6);
  }
  .header .header-all-nav .depth1-list > li {
    /* .depth3-list > li {
        &.active .depth4-list {
          display: flex;
        }
      } */
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .header .header-all-nav .depth1-list > li .depth3-list .depth3 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 1023px) {
  .header .header-all-nav .depth1-list > li .depth4-list {
    display: flex; /* 기본 활성화로 */
    flex-direction: column;
    padding: calc(var(--space-20) - var(--space-6)) var(--space-20);
    background-color: var(--gray-20);
    border-radius: var(--radius-16);
  }
  .header .header-all-nav .depth1-list > li .depth4-list .depth4 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
    display: inline-block;
    width: 100%;
    padding: var(--space-6) 0;
    text-align: left;
    color: var(--gray-600);
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .header .header-all-nav .depth1-list > li .depth4-list .depth4 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 1023px) {
  .header .mo-invisible {
    display: none !important;
  }
  .header .bottom-wrapper {
    display: block;
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .header .bottom-wrapper .auth-list {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: var(--space-8) var(--space-24) var(--space-16);
    background-color: var(--white);
    text-align: center;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .header .bottom-wrapper .auth-list {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1023px) {
  .header .bottom-wrapper .auth-list li {
    display: flex;
    flex: auto;
    justify-content: center;
    position: relative;
  }
  .header .bottom-wrapper .auth-list li > a {
    display: inline-block;
    width: 100%;
    padding: var(--space-4) 0;
  }
  .header .bottom-wrapper .auth-list li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 1em;
    background-color: var(--gray-60);
  }
  #header.opened ~ #container .page > .title, #header1.opened ~ #container .page > .title {
    padding: 0 0 0 var(--space-20) !important;
    pointer-events: none;
    z-index: 1001;
  }
  #header.opened ~ #container .page > .title .btn-back, #header1.opened ~ #container .page > .title .btn-back {
    display: none;
  }
  #header.opened .header .header-inner, #header1.opened .header .header-inner {
    position: relative;
    z-index: 2;
  }
  #header.opened .header .header-inner .header-actions, #header1.opened .header .header-inner .header-actions {
    position: relative;
    z-index: 3;
  }
  #header.header-unified .header-mobile-bar,
  #header1.header-unified .header-mobile-bar {
    display: none;
  }
  #header.header-unified.sub .header .header-inner,
  #header1.header-unified.sub .header .header-inner {
    display: flex;
    align-items: center;
    min-height: 56px;
    padding-left: 0;
    padding-right: 0;
  }
  #header.header-unified.sub .header .header-inner .header-mobile-bar,
  #header1.header-unified.sub .header .header-inner .header-mobile-bar {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    min-width: 0;
    height: 56px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
  }
  #header.header-unified.sub .header .header-inner .header-mobile-bar .btn-back:not(.hidden) + .header-mobile-title,
  #header1.header-unified.sub .header .header-inner .header-mobile-bar .btn-back:not(.hidden) + .header-mobile-title {
    margin-left: 40px;
  }
  #header.header-unified.sub .header .header-inner .header-gnb,
  #header1.header-unified.sub .header .header-inner .header-gnb {
    width: auto;
    margin: 0;
    flex-shrink: 0;
  }
  #header.header-unified.sub .header .header-inner .header-mobile-bar .btn-back,
  #header1.header-unified.sub .header .header-inner .header-mobile-bar .btn-back {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }
  #header.header-unified.sub .header .header-inner .header-mobile-bar .btn-back.hidden,
  #header1.header-unified.sub .header .header-inner .header-mobile-bar .btn-back.hidden {
    display: none !important;
  }
  #header.header-unified.sub .header .header-inner .header-mobile-bar .btn-back::before,
  #header1.header-unified.sub .header .header-inner .header-mobile-bar .btn-back::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(/static/images/icons/arrow-left.svg) no-repeat 0 0/100% auto;
  }
  #header.header-unified.sub .header .header-inner .header-mobile-title,
  #header1.header-unified.sub .header .header-inner .header-mobile-title {
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.72px;
    height: 56px;
    line-height: 56px;
    color: var(--gray-900);
  }
  #header.header-unified.opened.sub .header .header-inner .header-mobile-bar,
  #header1.header-unified.opened.sub .header .header-inner .header-mobile-bar {
    padding: 0 0 0 20px;
  }
  #header.header-unified.opened.sub .header .header-inner .header-mobile-bar .btn-back,
  #header1.header-unified.opened.sub .header .header-inner .header-mobile-bar .btn-back {
    display: none !important;
  }
  #header.header-unified.opened.sub .header .header-inner .header-mobile-bar .header-mobile-title,
  #header1.header-unified.opened.sub .header .header-inner .header-mobile-bar .header-mobile-title {
    margin-left: 0 !important;
  }
}
@media (min-width: 1024px) {
  #header.header-unified .header-mobile-bar,
  #header1.header-unified .header-mobile-bar {
    display: none !important;
  }
  #header.header-unified .header .header-inner,
  #header1.header-unified .header .header-inner {
    display: block;
  }
}
.ui-selectmenu-menu.type-footer {
  border: 0;
  background-color: #f8f9fc;
}
.ui-selectmenu-menu.type-footer ul.ui-menu {
  padding: var(--space-12) 0;
}
.ui-selectmenu-menu.type-footer ul.ui-menu > .ui-menu-item {
  padding: var(--space-4) 14px;
  height: auto;
}
.ui-selectmenu-menu.type-footer ul.ui-menu > .ui-menu-item + .ui-menu-item {
  margin-top: 0;
}
.ui-selectmenu-menu.type-footer ul.ui-menu > .ui-menu-item:hover {
  background-color: transparent;
}
.ui-selectmenu-menu.type-footer ul.ui-menu > .ui-menu-item.ui-state-disabled {
  display: none;
}
.ui-selectmenu-menu.type-footer .ui-menu-item {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .ui-selectmenu-menu.type-footer .ui-menu-item {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.ui-selectmenu-menu.type-footer .ui-menu-item {
  color: var(--gray-700);
}

.footer {
  border-top: 1px solid var(--gray-60);
}
@media (max-width: 1023px) {
  .footer {
    border-top: none;
  }
}
.footer .footer-inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .footer .footer-inner {
    padding-left: 0;
    padding-right: 0;
    min-width: 360px;
  }
}
.footer .footer-top {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 16px 0;
}
@media (max-width: 1023px) {
  .footer .footer-top {
    display: none;
  }
}
.footer .footer-content {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 60px;
}
@media (max-width: 1023px) {
  .footer .footer-content {
    padding: 0 0 40px;
  }
}
.footer .footer-logo {
  padding: var(--space-8) 0;
}
.footer .footer-logo img {
  display: block;
  width: auto;
  height: 24px;
}
.footer .footer-selects {
  display: flex;
  margin-left: auto;
}
.footer .footer-selects > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-8);
}
.footer .footer-selects {
  align-items: stretch;
}
.footer .footer-selects .family-opnner {
  width: 200px;
  height: auto;
  background-color: var(--gray-40);
  border-radius: var(--radius-20);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-selects .family-opnner {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.footer .footer-selects .family-opnner {
  color: var(--gray-700);
  padding: 9px var(--space-16) 9px var(--space-20);
  justify-content: space-between;
}
.footer .footer-selects .family-opnner::after {
  font-size: 16px;
  color: var(--gray-900);
}
.footer .footer-selects .input-box {
  background-color: var(--gray-40);
  border-radius: var(--radius-20);
}
.footer .footer-selects .input-box:not(:focus-within) {
  border-color: transparent;
}
.footer .footer-selects .input-box span[role=combobox] {
  cursor: pointer;
}
.footer .footer-selects .input-box .ui-selectmenu-text.placeholder,
.footer .footer-selects .input-box .ui-selectmenu-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-selects .input-box .ui-selectmenu-text.placeholder,
  .footer .footer-selects .input-box .ui-selectmenu-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.footer .footer-selects .input-box .ui-selectmenu-text.placeholder,
.footer .footer-selects .input-box .ui-selectmenu-text {
  color: var(--gray-700);
}
.footer .footer-selects .input-box .ui-selectmenu-button {
  padding: 9px var(--space-16) 9px var(--space-20);
  align-items: center;
}
.footer .footer-selects .input-box .ui-selectmenu-button .ui-selectmenu-icon {
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%) rotate(0deg);
  background-size: contain;
  background-image: url("/static/images/icons/chevron-down.svg");
}
.footer .footer-selects .input-box .ui-selectmenu-button-open .ui-selectmenu-icon {
  transform: translateY(-50%) rotate(-180deg);
}
.footer [class^=_divider-hor] {
  margin: var(--space-24) 0;
}
@media (max-width: 1023px) {
  .footer [class^=_divider-hor] {
    display: none;
  }
}
@media (max-width: 1023px) {
  .footer .footer-call {
    padding: var(--space-20) 20px;
    border-top: 1px solid var(--gray-60);
    border-bottom: none;
  }
}
.footer .footer-call-toggle {
  display: none;
}
@media (max-width: 1023px) {
  .footer .footer-call-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
    color: var(--gray-700);
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .footer .footer-call-toggle {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
.footer .footer-call-toggle::after {
  font-size: 16px;
}
.footer .footer-call-toggle.active::after {
  transform: rotate(180deg);
}
.footer .footer-call-toggle.active + .footer-call-panel {
  height: var(--height);
}
.footer .footer-call-panel > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-4);
}
@media (max-width: 1023px) {
  .footer .footer-call-panel > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-8);
  }
  .footer .footer-call-panel {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 0;
    transition: height 0.3s ease;
  }
  .footer .footer-call-panel > *:first-child {
    margin-top: var(--space-16);
  }
}
.footer .footer-call-panel ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1023px) {
  .footer .footer-call-panel ul {
    align-items: flex-start;
    flex-direction: column;
  }
  .footer .footer-call-panel ul > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-8);
  }
}
.footer .footer-call-panel ul li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-call-panel ul li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.footer .footer-call-panel ul li {
  color: var(--gray-600);
}
.footer .footer-call-panel ul li:not(:first-child) {
  margin-left: var(--space-16);
}
@media (max-width: 1023px) {
  .footer .footer-call-panel ul li:not(:first-child) {
    margin-left: 0;
  }
}
.footer .footer-call-panel ul li + li::before {
  content: "";
  position: absolute;
  left: calc(var(--space-8) * -1);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: var(--gray-60);
}
@media (max-width: 1023px) {
  .footer .footer-call-panel ul li + li::before {
    content: none;
  }
}
.footer .footer-call-label {
  font-weight: 400;
}
.footer .footer-call-number {
  margin-left: var(--space-4);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-call-number {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1023px) {
  .footer .footer-menu {
    padding: var(--space-24) 20px;
    border-top: 1px solid var(--gray-60);
    border-bottom: none;
  }
}
.footer .footer-menu-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer .footer-menu-list li {
  position: relative;
}
.footer .footer-menu-list li:not(:last-child) {
  margin-right: var(--space-16);
}
.footer .footer-menu-list li:not(:last-child)::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #e7e9ef;
  left: unset;
  right: -8px;
}
.footer .footer-menu-list a.footer-menu-link {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-menu-list a.footer-menu-link {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.footer .footer-menu-list a.footer-menu-link {
  color: var(--gray-700);
}
.footer .footer-menu-list a.footer-menu-link.is-bold {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-menu-list a.footer-menu-link.is-bold {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
.footer .footer-company {
  margin-top: var(--space-6);
}
@media (max-width: 1023px) {
  .footer .footer-company {
    margin-top: 0;
    padding: 0 20px;
  }
}
.footer .footer-company-toggle {
  display: none;
}
@media (max-width: 1023px) {
  .footer .footer-company-toggle {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
    color: var(--gray-500);
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .footer .footer-company-toggle {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1023px) {
  .footer .footer-company-toggle[aria-expanded=true]::after {
    transform: rotate(180deg);
  }
}
.footer .footer-company-toggle.active::after {
  transform: rotate(180deg);
}
.footer .footer-company-toggle.active + .footer-company-panel {
  height: var(--height);
}
.footer .footer-company-panel > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-16);
}
.footer .footer-company-panel {
  display: flow-root;
}
@media (max-width: 1023px) {
  .footer .footer-company-panel {
    overflow: hidden;
    display: block;
    height: 0;
    transition: height 0.3s ease;
  }
  .footer .footer-company-panel > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
  }
  .footer .footer-company-panel > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-4);
  }
  .footer .footer-company-panel > *:first-child {
    margin-top: var(--space-8);
  }
}
.footer .footer-company-panel p {
  position: relative;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .footer .footer-company-panel p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.footer .footer-company-panel p {
  color: var(--gray-600);
}
@media (max-width: 1023px) {
  .footer .footer-company-panel p {
    float: none;
  }
}
.footer .footer-company-panel p + p::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #e7e9ef;
}
@media (max-width: 1023px) {
  .footer .footer-company-panel p + p::before {
    content: none;
  }
}

#family-popup .inner {
  max-width: none;
  min-width: none;
  width: auto;
  padding-bottom: 60px;
}
#family-popup .header {
  margin-top: var(--space-4);
  margin-bottom: calc(var(--space-24) + var(--space-20));
}
#family-popup .header .title {
  padding-left: var(--space-20);
}
#family-popup .content {
  overflow-y: auto;
  max-height: none;
}
#family-popup .family-site-row {
  display: flex;
}
#family-popup .family-site-group {
  flex-shrink: 0;
  position: relative;
  padding: 0 var(--space-20);
}
#family-popup .family-site-group h3 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
  color: var(--gray-900);
  margin-bottom: var(--space-12);
}
#family-popup .family-site-group ul > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
#family-popup .family-site-group ul a {
  display: inline-block;
  width: 192px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  #family-popup .family-site-group ul a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
#family-popup .family-site-group ul a {
  color: var(--gray-700);
}
#family-popup .family-site-group:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--gray-60);
}
#family-popup .family-site-col2 {
  display: flex;
}
#family-popup .family-site-col2 > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-40);
}
#family-popup .family-site [class^=_divider-hor] {
  margin: 28px 0;
}

@media (hover: hover) and (pointer: fine) {
  .footer-call-number {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
  }
}
/*a:focus {
  outline: solid 2px #191b1e !important;
}*/