@charset "UTF-8";
.login-form .colorType.point {
  color: var(--krds-light-color-divider-point) !important;
}
.login-form .page-title-wrap {
  margin-bottom: 2.4rem;
}
.login-form .page-title-wrap .h-tit {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.login-form .page-title-wrap .h-tit .medium-txt {
  display: flex;
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: var(--krds-font-weight-bold);
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .page-title-wrap .h-tit .small-txt {
  display: flex;
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
  margin-bottom: unset !important;
}
.login-form .page-title-wrap .h-tit > .txt {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  color: var(--krds-light-color-text-basic);
}
.login-form .page-title-wrap.section-title {
  margin-bottom: 1.6rem !important;
  padding-bottom: unset !important;
}
.login-form .conts-area.login-type {
  gap: var(--krds-gap-8);
}
.login-form .conts-area.login-type > div {
  width: 100%;
  border-top: 1px solid var(--krds-light-color-border-gray);
  padding-top: var(--krds-padding-9);
}
.login-form .krds-info-list > li {
  font-size: 1.5rem;
  padding-left: var(--krds-padding-8);
}
.login-form .krds-info-list.decimal > li::before {
  width: 0.4rem;
  height: 0.4rem;
}
.login-form .certify-sel-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.login-form .certify-sel-wrap .certify-opt-tit {
  font-size: var(--krds-pc-font-size-heading-small);
  margin-top: unset;
}
.login-form .certify-sel-wrap .certify-type {
  max-width: unset;
}
.login-form .certify-sel-wrap .certify-type > li {
  padding: unset;
  border: 1px solid var(--krds-light-color-border-gray);
}
.login-form .certify-sel-wrap .certify-type > li::before {
  background-color: unset;
  background-image: url("../images/common/ico/ico_login_shortcut.svg");
}
.login-form .certify-sel-wrap .certify-type > li::after {
  background-image: url("../images/common/ico/ico_login_shortcut_arrow.svg");
}
.login-form .certify-sel-wrap .certify-type > li a {
  position: relative;
  width: 100%;
  padding: var(--krds-padding-9) var(--krds-padding-9) var(--krds-padding-9) 96px;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .login-form .certify-sel-wrap .certify-type > li a {
    padding: var(--krds-padding-8);
  }
}
.login-form .login-form-area {
  gap: var(--krds-gap-7) !important;
  padding: unset !important;
  border-top: 1px solid var(--krds-light-color-border-gray);
  border-bottom: unset;
}
.login-form .login-form-area::after {
  height: calc(100% - var(--krds-gap-10));
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--krds-light-color-border-gray);
}
.login-form .login-form-area > div {
  padding: var(--krds-padding-8);
}
.login-form .login-form-area.bg {
  border: unset !important;
}
.login-form .login-form-area.bg::after {
  display: none !important;
}
.login-form .login-form-area.bg > div {
  background-color: var(--krds-light-color-surface-gray-subtler);
  border-radius: var(--krds-radius-xlarge2);
}
.login-form .login-form-area .form-group .form-tit label {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  font-weight: var(--krds-font-weight-bold);
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .login-form-area .form-group .form-conts input::placeholder {
  font-size: var(--krds-pc-font-size-label-small);
  font-weight: 400;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-disabled);
}
.login-form .login-form-area .form-group .link-group {
  gap: var(--krds-gap-5);
}
.login-form .login-form-area .form-group .link-group li {
  position: relative;
  display: flex;
  align-items: center;
}
.login-form .login-form-area .form-group .link-group li a {
  font-size: var(--krds-pc-font-size-body-small) !important;
}
.login-form .login-form-area .form-group .link-group li::before {
  display: none !important;
}
.login-form .login-form-area .form-group .link-group li::after {
  content: "";
  position: absolute;
  right: calc(var(--krds-gap-3) * -1);
  top: 50%;
  transform: translateY(-50%);
  width: var(--krds-number-1);
  height: var(--krds-size-height-2);
  background-color: var(--login-form-color-border);
}
.login-form .login-form-area .form-group .link-group li:last-child::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .login-form .login-form-area .form-group .link-group {
    gap: var(--krds-gap-3);
  }
  .login-form .login-form-area .form-group .link-group li::after {
    right: calc(var(--krds-gap-2) * -1);
  }
}
.login-form .login-form-area .login-wrap.inp-form {
  max-width: 600px;
  width: 100%;
  flex: none;
}
.login-form .login-form-area .simple-login-wrap .simple-tit {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: 700;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-bolder);
  display: flex;
  align-items: center;
}
.login-form .login-form-area .simple-login-wrap .simple-tit::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: var(--krds-gap-3);
  background: url("../images/common/ico/ico-simple-login.svg") no-repeat center;
  background-size: 32px;
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts {
  max-width: 380px;
  margin: 23px auto 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--krds-gap-5);
  row-gap: var(--krds-gap-6);
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple01 {
  background-image: url("../images/common/ico/ico-simple-btn01.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple02 {
  background-image: url("../images/common/ico/ico-simple-btn02.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple03 {
  background-image: url("../images/common/ico/ico-simple-btn03.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple04 {
  background-image: url("../images/common/ico/ico-simple-btn04.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple05 {
  background-image: url("../images/common/ico/ico-simple-btn05.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple06 {
  background-image: url("../images/common/ico/ico-simple-btn06.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple07 {
  background-image: url("../images/common/ico/ico-simple-btn07.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple08 {
  background-image: url("../images/common/ico/ico-simple-btn08.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple09 {
  background-image: url("../images/common/ico/ico-simple-btn09.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple10 {
  background-image: url("../images/common/ico/ico-simple-btn10.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple11 {
  background-image: url("../images/common/ico/ico-simple-btn11.svg");
}
.login-form .login-form-area .simple-login-wrap .form-group .form-conts button.simple12 {
  background-image: url("../images/common/ico/ico-simple-btn12.svg");
}
@media screen and (max-width: 1023px) {
  .login-form .login-form-area .simple-login-wrap .form-group .form-conts {
    margin: 0 auto !important;
  }
}
.login-form .login-form-area.tab-conts {
  flex-direction: inherit;
}
.login-form .krds-tab-area {
  gap: unset;
}
.login-form .krds-tab-area .tab.line .btn-tab::before {
  background-color: var(--krds-light-color-border-primary);
}
.login-form .krds-tab-area .tab.line .btn-tab:hover {
  background-color: var(--krds-light-color-button-secondary-fill);
}
.login-form .krds-tab-area .tab.line .active .btn-tab {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: 700;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-primary);
}
.login-form .krds-tab-area .tab.line.full .btn-tab {
  border-bottom: 2px solid var(--krds-light-color-border-gray);
}
.login-form .krds-tab-area.login-search .krds-info-list {
  margin-top: var(--krds-gap-7);
}
.login-form .krds-tab-area.login-search .krds-info-list li {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-subtle);
}
.login-form .krds-tab-area.login-search .login-search-id-result {
  width: 100%;
  padding: var(--krds-gap-5);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2f7;
  border-radius: var(--krds-radius-medium3);
}
.login-form .krds-tab-area.login-search .login-search-id-result p {
  font-size: var(--krds-pc-font-size-body-medium);
  font-weight: 400;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-subtle);
}
.login-form .krds-tab-area.login-search .login-search-id-result p em {
  font-weight: 700;
  color: var(--krds-light-color-divider-primary);
}
@media screen and (max-width: 1023px) {
  .login-form .krds-tab-area.login-search .krds-info-list {
    margin-top: unset;
  }
}
.login-form .krds-step-wrap > li:last-child {
  flex: 1 !important;
}
@media screen and (max-width: 960px) {
  .login-form .krds-step-wrap > li {
    width: calc(33.3333333333% - 7px) !important;
    flex: unset !important;
  }
  .login-form .krds-step-wrap > li:last-child {
    flex: 0 !important;
  }
}
.login-form .section-title .krds-form-check label {
  font-weight: 400;
  color: var(--krds-light-color-text-bolder);
  letter-spacing: var(--krds-typo-letter-spacing-0);
}
.login-form .section-title .toggle-switch-area {
  position: unset;
  display: flex;
  align-items: center;
  gap: var(--krds-gap-2);
}
.login-form .section-title .toggle-switch-area .krds-form-toggle-switch label {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .section-title .toggle-switch-area .krds-form-toggle-switch label .switch-toggle {
  width: 32px;
  height: 20px;
}
.login-form .section-title .toggle-switch-area .krds-form-toggle-switch label .switch-toggle i {
  width: 16px;
  height: 16px;
  top: unset;
  left: 2px;
  bottom: 3.5px;
}
.login-form .section-title .toggle-switch-area .krds-form-toggle-switch label .switch-toggle i::before {
  width: 12px;
  height: 12px;
  background-size: auto !important;
}
.login-form .section-title .toggle-switch-area .krds-form-toggle-switch input:checked ~ label .switch-toggle i {
  width: 16px;
  height: 16px;
  left: 1.4rem;
}
.login-form .section-title .toggle-switch-area .krds-form-toggle-switch input:checked ~ label .switch-toggle i::before {
  width: 12px;
  height: 12px;
}
.login-form .section-title .toggle-switch-area .security-info-btn {
  width: 20px;
  height: 20px;
  background: url("../images/common/ico/ico-security.svg") no-repeat center;
}
.login-form .section-title .toggle-switch-area .security-info-btn {
  width: 20px;
  height: 20px;
  background: url("/images/common/ico/ico-security.svg") no-repeat center;
}
.login-form .section-title .security-wrap {
  border: 1px solid var(--krds-light-color-border-gray);
  border-radius: var(--krds-radius-xlarge1);
  padding: var(--krds-padding-8);
  display: none;
}
.login-form .section-title .security-wrap .security-tit {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 700;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-primary);
}
.login-form .section-title .security-wrap .security-cont {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: 400;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
  margin-top: var(--krds-gap-2);
}
@media screen and (max-width: 767px) {
  .login-form .section-title .security-wrap {
    padding: var(--krds-padding-6);
  }
}
.login-form .join-cont-wrap {
  background-color: var(--krds-light-color-surface-white-subtle);
  display: flex;
  padding: var(--krds-pc-padding-card-small) 0;
  border-top: 1px solid var(--krds-light-color-border-gray);
}
.login-form .join-cont-wrap.border {
  border: 1px solid var(--krds-light-color-border-gray-light);
  padding: var(--krds-gap-8) var(--krds-pc-padding-card-small);
  border-radius: var(--krds-radius-xlarge2);
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.login-form .join-cont-wrap .join-agree-wrap .agree-tit {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  font-weight: 700;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
  margin-bottom: var(--krds-gap-5);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .btn-conts-expand {
  width: 96px;
  height: 40px;
  background-color: var(--krds-light-color-element-primary-lighter);
  border: 1px solid var(--krds-light-color-border-primary);
  border-radius: var(--krds-radius-medium1);
  justify-content: center;
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-primary);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .btn-conts-expand::before {
  display: none !important;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .btn-conts-expand::after {
  content: "";
  display: inline-flex !important;
  width: 16px;
  height: 16px;
  background-image: url("../images/common/ico/ico-expand-arrow.svg");
  background-size: 16px;
  background-color: inherit;
  margin-left: var(--krds-disclosure--button-gap);
  transition: var(--krds-transition-base);
  transform: rotate(0);
  background-repeat: no-repeat;
  background-position: center;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area.active .btn-conts-expand::after {
  transform: rotate(-180deg);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .expand-wrap {
  margin-top: var(--krds-gap-5);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .expand-wrap .expand-in {
  padding: var(--krds-padding-9);
  background-color: inherit;
  border: 1px solid var(--krds-light-color-border-gray);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .expand-wrap .expand-in:has(.termsBox) {
  overflow: auto;
  max-height: 200px;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .expand-wrap .expand-in .termsBox {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .expand-wrap .expand-in .termsBox strong {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .expand-wrap .expand-in {
    padding: var(--krds-gap-7);
  }
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--krds-pc-padding-card-small);
  border-radius: var(--krds-radius-large1);
  background-color: var(--krds-high-contrast-color-text-basic);
  margin-top: var(--krds-gap-5);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box .agree-confirm-txt {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box .krds-check-area {
  justify-content: flex-end;
  gap: var(--krds-gap-7);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box .krds-check-area label {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-bolder);
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box .krds-check-area label::before {
  margin-top: 1.5px;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box .krds-check-area label::after {
  margin-top: -0.15rem;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box.radio-end {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .agree-radio-box {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--krds-gap-9);
  }
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .krds-info-list {
  gap: unset;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .krds-info-list > li {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
  padding-left: 1.4rem;
}
.login-form .join-cont-wrap .join-agree-wrap .krds-disclosure.conts-expand-area .krds-info-list.decimal > li::before {
  width: 0.3rem;
  height: 0.3rem;
  left: 0;
}
.login-form .join-cont-wrap .add-ex-wrap {
  margin-top: var(--krds-gap-7);
  padding-top: var(--krds-gap-7);
  border-top: 1px solid var(--krds-light-color-border-gray);
}
.login-form .join-cont-wrap .add-ex-wrap.in-ex {
  padding-top: unset;
  border-top: unset;
}
.login-form .join-cont-wrap .add-ex-wrap.in-ex .add-ex-cont p {
  color: var(--krds-light-color-text-basic);
}
.login-form .join-cont-wrap .add-ex-wrap .add-ex-tit {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  font-weight: 700;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
  line-height: 150%;
}
.login-form .join-cont-wrap .add-ex-wrap .add-ex-cont {
  margin-top: var(--krds-gap-5);
}
.login-form .join-cont-wrap .add-ex-wrap .add-ex-cont p {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-subtle);
}
.login-form .join-cont-wrap .krds-table-wrap .table.data td {
  word-break: keep-all;
}
.login-form .join-cont-wrap .krds-table-wrap .table.data thead th {
  text-align: center;
  padding: var(--krds-padding-3) var(--krds-padding-6);
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-bolder);
  background-color: #eef2f7;
  border-top: 2px solid var(--krds-light-color-divider-gray-darker);
  border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}
.login-form .join-cont-wrap .krds-table-wrap .table.data tbody td {
  padding: var(--krds-padding-3) var(--krds-padding-6);
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-subtle);
}
.login-form .join-cont-wrap .krds-table-wrap .table.data tbody td.txt-center {
  text-align: center;
}
.login-form .join-cont-wrap .krds-table-wrap .table.data tbody td.underline p {
  color: var(--krds-light-color-text-information);
  text-decoration: underline;
}
.login-form .join-cont-wrap .krds-table-wrap .table.data.non-hover tbody tr:hover td {
  background-color: inherit;
}
@media screen and (max-width: 1023px) {
  .login-form .join-cont-wrap .krds-table-wrap .table.data tbody tr {
    border-bottom: unset !important;
  }
  .login-form .join-cont-wrap .krds-table-wrap .table.data tbody td {
    padding: var(--krds-gap-2) 0;
  }
  .login-form .join-cont-wrap .krds-table-wrap .table.data tbody td.txt-center {
    text-align: left !important;
  }
}
.login-form .join-cont-wrap .krds-table-wrap + .krds-info-list {
  margin-top: var(--krds-gap-7);
}
.login-form .join-cont-wrap.certification-wrap {
  justify-content: space-between;
}
.login-form .join-cont-wrap.certification-wrap .certification-tit p {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .join-cont-wrap.certification-wrap .certification-cont {
  max-width: 690px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box {
  width: 100%;
  background-color: var(--krds-light-color-surface-gray-subtler);
  border-radius: var(--krds-radius-xlarge2);
  padding: var(--krds-padding-8);
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit {
  padding-left: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 32px;
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit p {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  font-weight: 700;
  line-height: 32px;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit .arrow {
  width: 24px;
  height: 24px;
  background: url("../images/common/ico/ico-kind-arrow.svg") no-repeat center;
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit.mobile {
  background-image: url("../images/common/ico/ico-kind-mobile.svg");
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit.joint {
  background-image: url("../images/common/ico/ico-kind-joint.svg");
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit.finance {
  background-image: url("../images/common/ico/ico-kind-finance.svg");
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit.easy {
  background-image: url("../images/common/ico/ico-kind-easy.svg");
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-tit.etc {
  background-image: url("../images/common/ico/ico-kind-etc.svg");
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-cont {
  width: calc(100% - 24px);
  padding-left: 50px;
  margin-top: var(--krds-gap-5);
}
.login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-cont p {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-subtle);
}
@media screen and (max-width: 1023px) {
  .login-form .join-cont-wrap.certification-wrap {
    flex-direction: column;
  }
  .login-form .join-cont-wrap.certification-wrap .certification-cont {
    max-width: unset;
    margin-top: var(--krds-gap-7);
    gap: var(--krds-gap-5);
  }
  .login-form .join-cont-wrap.certification-wrap .certification-cont .box .certification-kind .kind-cont {
    width: 100%;
    padding-left: unset;
    margin-top: var(--krds-gap-3);
  }
}
.login-form .fieldset .form-wrap {
  width: 100%;
}
.login-form .form-wrap > .form-hint-information {
  margin-top: var(--krds-gap-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-form .form-wrap > .form-hint-information ul {
  padding-left: 38px;
  background: url("../images/common/ico/ico-hint-information.svg") no-repeat left top;
}
.login-form .form-wrap > .form-hint-information ul li {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-element-information);
  position: relative;
  padding-left: 13px;
}
.login-form .form-wrap > .form-hint-information ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background-color: var(--krds-light-color-element-information);
  border-radius: var(--krds-radius-max);
}
.login-form .form-wrap > .form-hint-information:has(button) ul {
  width: calc(100% - 110px);
}
@media screen and (max-width: 767px) {
  .login-form .form-wrap > .form-hint-information ul {
    padding-left: 28px;
  }
  .login-form .form-wrap > .form-hint-information:has(button) {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-gap-2);
  }
  .login-form .form-wrap > .form-hint-information:has(button) ul {
    width: 100%;
  }
  .login-form .form-wrap .krds-btn {
    flex: unset;
    margin: 0 0 0 auto;
  }
}
.login-form .form-group .form-tit {
  position: relative;
}
.login-form .form-group .form-tit.non-label label {
  position: unset;
}
.login-form .form-group .form-conts {
  position: relative;
}
.login-form .form-group .form-conts .krds-input,
.login-form .form-group .form-conts .krds-form-select {
  width: 100%;
  border-radius: var(--krds-radius-medium1);
}
.login-form .form-group .form-conts .krds-input:disabled,
.login-form .form-group .form-conts .krds-form-select:disabled {
  background-color: var(--krds-light-color-input-surface-disabled) !important;
  opacity: 1;
}
.login-form .form-group .form-conts:has(.krds-btn) {
  flex-direction: row;
}
.login-form .form-group .form-hint-information,
.login-form .form-group .form-hint-invalid {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-element-information);
  align-items: flex-start;
}
.login-form .form-group .form-hint-information::before,
.login-form .form-group .form-hint-invalid::before {
  width: 20px;
  height: 20px;
}
.login-form .form-group .form-hint-information p,
.login-form .form-group .form-hint-invalid p {
  width: calc(100% - var(--krds-padding-8));
}
.login-form .form-group .form-hint-invalid {
  color: var(--krds-light-color-divider-point);
}
.login-form .join-fin {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login-form .join-fin p {
  margin: var(--krds-gap-5) 0 var(--krds-gap-7);
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: var(--krds-typo-letter-spacing-0);
  color: var(--krds-light-color-text-basic);
  text-align: center;
}
.login-form .join-fin p strong {
  font-weight: 700;
  color: var(--krds-light-color-text-primary);
}
.login-form .form-conts.non-col {
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .login-form .form-conts.non-col {
    flex-wrap: wrap;
  }
  .login-form .form-conts.non-col .krds-input {
    width: calc(100% - 122px);
  }
  .login-form .form-conts.non-col .krds-btn {
    width: 100%;
  }
}
.login-form .btn-area {
  margin-top: var(--krds-gap-8);
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
}
.login-form .btn-area.end {
  justify-content: flex-end;
}
.login-form .krds-btn.black {
  background-color: var(--krds-high-contrast-color-button-tertiary-fill-pressed);
  color: var(--krds-light-color-text-basic-inverse);
  border: var(--krds-high-contrast-color-border-gray-light);
}
.login-form ::-webkit-scrollbar {
  width: 12px !important;
  background-color: var(--krds-light-color-element-primary-lighter) !important;
  border-radius: var(--krds-radius-xsmall2) !important;
}
.login-form ::-webkit-scrollbar-track {
  background-color: var(--krds-light-color-element-primary-lighter) !important;
}
.login-form ::-webkit-scrollbar-thumb {
  width: 100%;
  background-color: var(--krds-light-color-border-primary-light) !important;
}

/*검색어 박스*/
.kwd_search {
  position: relative;
}
.kwd_search .atcmp_keyword {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  display: none;
}
.kwd_search .atcmp_keyword.on {
  display: block;
}
.kwd_search .atcmp_keyword .atcmp_container {
  width: 100%;
  background: #fff;
}
.kwd_search .atcmp_keyword .atcmp_container .kwd_list {
  display: flex;
  flex-direction: column;
  max-height: 180px;
  overflow: auto;
  border-radius: 0 0 8px 8px;
  box-shadow: var(--card-shadow);
  padding-block: 12px;
}
.kwd_search .atcmp_keyword .atcmp_container .kwd_list li {
  padding-inline: 16px;
  padding-block: 8px;
  font-size: 14px;
  transition: all 0.3s;
}
.kwd_search .atcmp_keyword .atcmp_container .kwd_list li:hover {
  background-color: var(--krds-light-color-action-primary-hover);
}
/*# sourceMappingURL=ras_login_custom.css.map */