@charset "utf-8";

/* 공통 */
.kg_input_wrap {
  flex-grow: 1;
}

.kg_input_wrap .kg_member_input {
  width: 100%;
  height: 56.5px;
  padding: 17px 44.811px 17px 21px;
  background-color: #f8fafc;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}

.kg_input_wrap .kg_member_input:focus {
  border-color: var(--pcolor);
  background-color: var(--white);
}

.kg_input_wrap .kg_member_input::placeholder {
  font-size: 15px;
  font-weight: 500;
  line-height: 22.5px;
  color: #757575;
}

/* 사업자선택 */
.bsRadio-area {
  font-size: 0;
}

.bsRadio-area .bsRadio label {
  display: inline-block;
  padding: 0 18px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #333; /* height: 50px;line-height: 50px; */
  border-radius: 5px 5px;
  text-align: center;
  cursor: pointer;
}

.bsRadio-area .bsRadio input[type="check"]:checked + label,
.bsRadio-area .bsRadio input[type="radio"]:checked + label {
  border-color: #054cff;
  color: #054cff;
}

.bsRadio-area .bsRadio + .bsRadio {
  margin-left: 10px;
}

.bsRadio-area.type1 .bsRadio label {
  width: 295px;
}

.bsRadio-area.type2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bsRadio-area.type2 .bsRadio label {
  min-width: 145px;
}

.bsRadio-area.type2 .bsRadio + .bsRadio {
  margin-left: 5px;
}

/* input */
.component {
  margin-top: 20px;
}

.component:after {
  content: "";
  display: block;
  clear: both;
}

.component:first-child {
  margin: 0;
}

.component dt {
  float: left;
  position: relative;
  width: 170px;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
}

.component dt i {
  color: #054cff;
}

.component dt .tip {
  position: absolute;
  top: 2px;
  right: 0;
  color: #054cff;
  font-size: 12px;
  font-weight: normal;
}

.component dd {
  position: relative;
  float: left;
  width: 430px;
}

.component dd input[type="text"],
.component dd input[type="password"],
.component dd input[type="number"],
.component dd select {
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  padding-left: 20px;
  font-size: 14px;
  vertical-align: top;
}

.component dd textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px;
  font-size: 14px;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.component .certify {
  display: inline-block;
  position: relative;
  width: 365px;
  margin-left: 1px;
  vertical-align: top;
}

.component .certify.full-type {
  width: 100%;
  margin-left: 0;
}

.component .certify input[type="text"] {
  padding-right: 95px;
}

.component .certify input[type="button"] {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 11px;
  min-width: 60px;
  height: 38px;
  margin-top: -19px;
  padding: 0 10px;
  color: #9e9e9e;
  text-align: center;
}

.component .certify input[type="button"][disabled="disabled"] {
  background: #054cff;
  color: #fff;
}

.component .msg {
  margin-top: 10px;
  color: #ff5a00;
  line-height: 1.2;
}

.component .sect {
  display: block;
  margin-top: 20px;
}

.component .nation-code {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 44px;
  padding: 9px 0 9px 20px;
  border-right: 1px solid #ddd;
  font-size: 14px;
  line-height: 1;
}

.component .nation-code + input[name="pcs1"] {
  padding-left: 75px;
}

/* 탭메뉴 */
.wrap-tab-cont {
  width: 100%;
  overflow: hidden;
}

.wrap-tab-cont .tab-cont {
  display: none;
}

.wrap-tab-cont .tab-cont.active {
  display: block;
}

/* 탭버튼 */
.navi-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #ddd;
  font-size: 14px;
  height: 50px;
}

.navi-tab a {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.navi-tab a {
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
  background: #f8f8f8;
  line-height: 40px;
  text-align: center;
}

.navi-tab a + a {
  border-left: 0;
}

.navi-tab a.active {
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #000;
  font-weight: 800;
}

.navi-tab a span {
  vertical-align: middle;
}

/*****************************************************
MEMBER
******************************************************/
.plan-container {
  position: relative;
  display: block;
  width: 1000px;
  margin: 0 auto;
}

.biz-desc {
  font-size: 14px;
  color: #054cff;
  font-weight: 600;
}

.btn-area {
  margin: 50px 0 0 0;
}

.page-title {
  font-size: 32px;
  color: #111;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.64px;
}

.page-sub-title {
  font-size: 28px;
  color: #333;
  line-height: 1;
  text-align: center;
}

.page-desc {
  margin-top: 20px;
  font-size: 16px;
  color: #0d0d0d;
  line-height: 22.4px;
  text-align: center;
  letter-spacing: -0.32px;
}

/* 로그인 */
.login-field {
  margin: 40px auto 0 auto;
  width: 440px;
  letter-spacing: -0.28px;
}

.login-field input[type="password"]:focus,
.login-field input[type="text"]:focus {
  border-color: #111;
}

.login-field .wrap-chkS {
  margin-top: 10px;
  margin-bottom: 35px;
  color: #0d0d0d;
  font-size: 14px;
}

.btn-login {
  display: block;
  width: 100%;
  height: 54px;
  margin: 0 0 24px;
  line-height: 48px;
  height: 48px;
  background: #054cff;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.link-login {
  font-size: 13px;
  color: #323232;
  text-align: center;
}

.login-notice {
  margin: 80px auto 0;
  width: 100%;
  font-size: 14px;
  color: #0d0d0d;
  letter-spacing: -0.28px;
}

.login-notice .notice_desc {
  padding: 14px 0;
  background-color: #f8f8f8;
  line-height: 1.4;
  text-align: center;
  font-weight: 600;
}

.login-notice .area {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  color: #323232;
  letter-spacing: -0.28px;
}

.login-notice .area + .area {
  border-top: 1px solid #e4e4e4;
}

.login-notice .join-btn {
  display: inline-block;
  width: 132px;
  line-height: 40px;
  height: 40px;
  background-color: #fff;
  border: solid 1px #054cff;
  color: #054cff;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
}

/* kdx 리뉴얼 */
.kg_member {
  background: linear-gradient(135deg, #F8FAFC 0%, #FFF 100%), #FFF;
}

.kg_member .inner {
  width: 480px;
  padding: 80px 0;
}

.kg_member--join .inner {
  width: 800px;
}

.kg_member_title {
  font-size: 40px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: -2.4px;
  color: var(--pcolor);
  text-align: center;
}

.kg_member_desc {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: var(--desc2);
  margin-top: 21px;
  text-align: center;
}

.kg_member_box {
  width: 480px;
  padding: 40px;
  border-radius: 48px;
  border: 1px solid rgba(255, 255, 255, 0.80);
  background: rgba(255, 255, 255, 0.70);
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.50) inset, 0 18px 36px -18px rgba(0, 0, 0, 0.05), 0 30px 60px -12px rgba(50, 50, 93, 0.05);
  margin-top: 40px;
}

.kg_member_row {
  margin: 32px 0;
}

.kg_member_row:first-of-type {
  margin-top: 0;
}

.kg_member_row:last-of-type {
  margin-bottom: 0;
}

.kg_member_label {
  display: block;
  font-size: 14px;
  font-weight: 900;
  line-height: 19.5px;
  letter-spacing: 0.65px;
  text-transform: uppercase;
  color: #64748B;
  margin-bottom: 8px;
}

input.kg_member_input {
  width: 100%;
  height: 57px;
  padding: 17px 21px;
  border-radius: 16px;
  border: 1px solid #E2E8F0;
  background: #F8FAFC;
}

input.kg_member_input:focus {
  border-color: var(--pcolor);
  background-color: var(--white);
}

input.kg_member_input::placeholder {
  font-size: 15px;
  font-weight: 500;
  line-height: 22.5px;
  color: #757575;
}

.kg_member_pw_wrap {
  position: relative;
}

.kg_member_pw_wrap input.kg_member_input {
  padding-right: 52px;
}

.kg_pw_toggle {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: url('/data/gst_data/bizhome_templet/kglobal500/images/bizhome/kglobal500/member/login/ic_view.png') no-repeat center / contain;
  cursor: pointer;
}

.kg_pw_toggle.active {
  background-image: url('/data/gst_data/bizhome_templet/kglobal500/images/bizhome/kglobal500/member/login/ic_view_on.png');
}

.login_quick {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 32px 0;
}

.login_quick .wrap-chkS {
  display: flex;
  align-items: center;
  gap: 12px;
}

.login_quick .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  cursor: pointer;
}

.login_quick .switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.login_quick .switch_slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E2E8F0;
  border-radius: 22px;
  transition: background-color 0.2s;
  margin: 0;
}

.login_quick .switch_slider::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
}

.login_quick .switch input:checked + .switch_slider {
  background-color: var(--pcolor);
}

.login_quick .switch input:checked + .switch_slider::before {
  transform: translateX(18px);
}

.login_quick .switch_label {
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  color: #64748B;
  cursor: pointer;
}

.kg_member_buttons {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  margin-top: 32px;
}

.kg_member_buttons--column {
  flex-direction: column;
}

.kg_member_buttons--loginBack {
  padding-top: 41px;
  margin-top: 48px;
  border-top: 1px solid rgba(241, 245, 249, 0.50);
}

.kg_member_submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(90deg, var(--pcolor) 0%, #4F46E5 100%);
  box-shadow:  0 8px 10px -6px rgba(59, 130, 246, 0.20), 0 20px 25px -5px rgba(59, 130, 246, 0.20), 0 0 0 0 rgba(0, 0, 0, 0.00), 0 0 0 0 rgba(0, 0, 0, 0.00);;
  color: #FFF;
  font-size: 17px;
  font-weight: 900;
  line-height: 25.5px;
  letter-spacing: -0.425px;
  cursor: pointer;
}

.kg_member_submit:hover {
  opacity: 0.9;
  background: linear-gradient(to right, var(--pcolor), #4f46e5);
}

.kg_member_submit--icon::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12.25px 10.5px;
  background-image: url('../images/bizhome/kglobal500/member/join_agreement/ic_arrow_right.png');
}

.kg_member_back {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: var(--pcolor);
}

.kg_member_back::before {
  content: "";
  display: inline-block;
  width: 10.5px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cg clip-path='url(%23clip0_1074_12815)'%3E%3Cpath d='M0.21 3.96C0.07 4.12 0 4.3 0 4.5C0 4.7 0.07 4.88 0.21 5.04L3.96 8.79C4.12 8.93 4.3 9 4.5 9C4.7 9 4.88 8.93 5.04 8.79C5.18 8.63 5.25 8.45 5.25 8.25C5.25 8.05 5.18 7.87 5.04 7.71L2.55 5.25H9.75C9.97 5.25 10.15 5.18 10.29 5.04C10.43 4.9 10.5 4.72 10.5 4.5C10.5 4.28 10.43 4.1 10.29 3.96C10.15 3.82 9.97 3.75 9.75 3.75H2.55L5.04 1.29C5.18 1.13 5.25 0.95 5.25 0.75C5.25 0.55 5.18 0.37 5.04 0.21C4.88 0.07 4.7 0 4.5 0C4.3 0 4.12 0.07 3.96 0.21L0.21 3.96Z' fill='%232563EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1074_12815'%3E%3Crect width='10.5' height='9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.kg_member_back--home {
  font-size: 16px;
  font-weight: 700;
  color: var(--desc2);
}

.kg_member_back--home::before {
  width: 20px;
  height: 20px;
  background-size: 16px 14px;
  background-image: url('../images/bizhome/kglobal500/member/join_agreement/ic_home.png');
}

.login_links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
}

.login_link {
  color: #FFF;
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  color: #64748B;
  position: relative;
}

.login_link:last-of-type::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #E2E8F0;
}

.login_join {
  margin: 48px 0 0;
  padding: 41px 0 0;
  border-top: 1px solid rgba(241, 245, 249, 0.50);
}

.login_join_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(191, 219, 254, 0.50);
  background: linear-gradient(90deg, rgba(239, 246, 255, 0.50) 0%, rgba(238, 242, 255, 0.50) 100%);
  position: relative;
  overflow: hidden;
}

.login_join_box::after {
  content: "";
  position: absolute;
  right: -46px;
  bottom: -3.5px;
  width: 96px;
  height: 96px;
  border-radius: 9999px;
  background: rgba(96, 165, 250, 0.10);
  filter: blur(20px);
}

.login_join_desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.login_join_desc--main {
  font-size: 11px;
  font-weight: 900;
  line-height: 16.5px;
  letter-spacing: 2.2px;
  color: var(--pcolor);
  text-transform: uppercase;
}

.login_join_desc--sub {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #334155;
}

.login_join_desc--sub::after {
  content: "→";
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: var(--pcolor);
  margin-left: 2px;
}

.login_join_link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 12px 13.25px;
  border-radius: 16px;
  border: 1px solid rgba(219, 234, 254, 0.50);
  background-color: var(--white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0.00), 0 0 0 0 rgba(0, 0, 0, 0.00);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17.5px 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1074_11815)'%3E%3Cpath d='M2.63 3.5C2.63 2.86 2.78333 2.27667 3.09 1.75C3.39667 1.22333 3.82667 0.793333 4.38 0.46C4.92667 0.153333 5.51 0 6.13 0C6.74333 0 7.32667 0.153333 7.88 0.46C8.42667 0.793333 8.85333 1.22333 9.16 1.75C9.47333 2.27667 9.63 2.86 9.63 3.5C9.63 4.14 9.47333 4.72333 9.16 5.25C8.85333 5.77667 8.42667 6.20667 7.88 6.54C7.32667 6.84667 6.74333 7 6.13 7C5.51 7 4.92667 6.84667 4.38 6.54C3.82667 6.20667 3.39667 5.77667 3.09 5.25C2.78333 4.72333 2.63 4.14 2.63 3.5ZM0 13.18C0.0333333 11.8133 0.506667 10.6633 1.42 9.73C2.35333 8.82333 3.50333 8.35 4.87 8.31H7.38C8.74667 8.35 9.89667 8.82333 10.83 9.73C11.7433 10.6633 12.2167 11.8133 12.25 13.18C12.25 13.42 12.1667 13.61 12 13.75C11.86 13.9167 11.67 14 11.43 14H0.82C0.58 14 0.39 13.9167 0.25 13.75C0.0833333 13.61 0 13.42 0 13.18ZM13.78 8.53V6.78H12.03C11.63 6.74667 11.4133 6.53 11.38 6.13C11.4133 5.72333 11.63 5.50333 12.03 5.47H13.78V3.72C13.82 3.32 14.04 3.1 14.44 3.06C14.84 3.1 15.0567 3.32 15.09 3.72V5.47H16.84C17.2467 5.50333 17.4667 5.72333 17.5 6.13C17.4667 6.53 17.2467 6.74667 16.84 6.78H15.09V8.53C15.0567 8.93 14.84 9.15 14.44 9.19C14.04 9.15 13.82 8.93 13.78 8.53Z' fill='%232563EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1074_11815'%3E%3Crect width='17.5' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  position: relative;
  z-index: 1;
}


/* id/pw 찾기 */
.wrap-idpw-search {
  width: 520px;
  margin: 0 auto;
  padding: 80px 0 200px;
  background: #fff;
}

.wrap-idpw-search .page-title {
  margin-bottom: 40px;
}

.wrap-idpw-search .navi-tab {
  height: auto;
}

.wrap-idpw-search .navi-tab a {
  position: relative;
  background: #fff;
  color: #888;
  font-size: 16px;
  line-height: 60px;
}

.wrap-idpw-search .navi-tab a.active {
  color: #3e3e3e;
  font-weight: 400;
}

.wrap-idpw-search .navi-tab a.active:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  padding: 0 1px;
  height: 3px;
  background: #054cff;
}

.wrap-idpw-search .wrap-tab-cont {
  padding: 40px;
  border: 1px solid #ddd;
  border-top: 0;
  box-sizing: border-box;
}

.wrap-idpw-search .wrap-type-select {
  display: block;
  margin-bottom: 20px;
  font-size: 0;
}

.wrap-idpw-search .wrap-type-select:after {
  content: "";
  display: block;
  clear: both;
}

.wrap-idpw-search .type-select {
  display: inline-block;
  position: relative;
  width: 214px;
  height: 50px;
  margin-left: 10px;
  color: #3e3e3e;
  font-size: 16px;
  vertical-align: top;
}

.wrap-idpw-search .type-select:nth-child(1) {
  margin-left: 0;
}

.wrap-idpw-search .type-select input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.wrap-idpw-search .type-select label {
  display: table-cell;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 214px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #3e3e3e;
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
  text-align: center;
}

.wrap-idpw-search .type-select input[type="radio"]:checked + label {
  border: 2px solid #054cff;
  color: #054cff;
  font-weight: bold;
}

.wrap-idpw-search .field.m-type2 {
  display: none;
}

.wrap-idpw-search .field + .field {
  margin-top: 10px;
}

.wrap-idpw-search .field input[type="text"] {
  border: 1px solid #ddd;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  padding-left: 20px;
  font-size: 14px;
  vertical-align: top;
}

.wrap-idpw-search .field input[type="text"]:focus {
  border-color: #111;
}

.wrap-idpw-search ::-webkit-input-placeholder {
  color: #9e9e9e;
}

.wrap-idpw-search ::-moz-placeholder {
  color: #9e9e9e;
}

.wrap-idpw-search :-ms-input-placeholder {
  color: #9e9e9e;
}

.wrap-idpw-search :-moz-placeholder {
  color: #9e9e9e;
}

.wrap-idpw-search .btn-area {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0;
}

.wrap-idpw-search .btn-area input[type="submit"] {
  display: block;
  position: relative;
  width: 100%;
  height: 48px;
  background: #054cff;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

.wrap-idpw-search .btn-area input[type="submit"]:hover {
  background: #247dff;
}

.wrap-idpw-search .search-desc {
  margin-bottom: 30px;
  color: #3e3e3e;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.wrap-idpw-search .result-area {
  padding: 20px;
  background: #f6f6f6;
  line-height: 1;
  text-align: left;
}

.wrap-idpw-search .result-area li {
  color: #3e3e3e;
  font-size: 14px;
  font-weight: 600;
}

.wrap-idpw-search .result-area li + li {
  margin-top: 15px;
}

.wrap-idpw-search .result-area li i {
  display: inline-block;
  width: 82px;
  color: #666;
  font-weight: 400;
}

.wrap-idpw-search .result-area .no-result {
  padding: 15px 0;
  text-align: center;
}

.wrap-idpw-search .desc-result {
  margin-top: 15px;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.025em;
}

/* kdx 리뉴얼 */
.search_idpw {
  
}

.search_idpw .kg_member_box {
  padding: 0;
}

.search_idpw .navi-tab {
  border-top: none;
}

.search_idpw .navi-tab a {
  border: none;
  font-size: 15px;
  font-weight: 800;
  line-height: 22.5px;
  color: var(--desc2);
  line-height: 63px;
  background-color: var(--white);
  border-bottom: 2px solid #F1F5F9;
}

.search_idpw .navi-tab a:first-of-type {
  border-radius: 48px 0 0 0;
}

.search_idpw .navi-tab a:last-of-type {
  border-radius: 0 48px 0 0;
}

.search_idpw .navi-tab a.active {
  color: var(--pcolor);
  border-bottom: 2px solid var(--pcolor);
}

.idpw_contents {
  padding: 49px;
}

.idpw_result .idpw_result_desc {
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  color: #1E293B;
  text-align: center;
  margin-bottom: 48px;
}

.idpw_result .idpw_result_desc::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background-color: #EFF6FF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-bottom: 24px;
}

.idpw_result .idpw_result_desc--id::before {
  background-image: url('../images/bizhome/kglobal500/member/search_id_pop/ic_founded_id.png');
  background-size: 30px 19.5px;
}

.idpw_result .idpw_result_desc--pw::before {
  background-image: url('../images/bizhome/kglobal500/member/search_id_pop/ic_founded_password.png');
  background-size: 30px 24px;
}

.idpw_result .idpw_result_desc--noResult {
  margin: 40px 0;
}

.idpw_result .idpw_result_desc--noResult::before {
  display: none;
}

.idpw_result .result_box {
  padding: 25px 33px;
  background: rgba(248, 250, 252, 0.50);
  border-radius: 24px;
  border: 1px solid #F1F5F9;
}

.idpw_result .result_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 16px 0;
}

.idpw_result .result_list:first-of-type {
  padding-bottom: 16px;
  border-bottom: 1px solid #F1F5F9;
}

.idpw_result .result_list:last-of-type {
  padding-top: 16px;
}

.idpw_result .result_list_title {
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  color: #94A3B8;
}

.idpw_result .result_list_content {
  font-size: 15px;
  font-weight: 900;
  line-height: 22.5px;
  color: #334155;
}

.idpw_result .no-result {
  padding: 15px 0;
  text-align: center;
}

.kg_member_noti {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 17px;
  border-radius: 16px;
  background: var(--bg-blue);
  border: 1px solid var(--bg-blue-hover);
  margin-top: 31px;
}

.kg_member_noti::before {
  content: "";
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 16C9.46 15.98 10.7933 15.6267 12 14.94C13.2067 14.2333 14.1867 13.2533 14.94 12C15.6467 10.7267 16 9.39333 16 8C16 6.60667 15.6467 5.27333 14.94 4C14.1867 2.75333 13.2067 1.77333 12 1.06C10.7933 0.373333 9.46 0.02 8 0C6.54 0.02 5.20667 0.373333 4 1.06C2.79333 1.77333 1.81333 2.75333 1.06 4C0.353333 5.27333 0 6.60667 0 8C0 9.39333 0.353333 10.7267 1.06 12C1.81333 13.2533 2.79333 14.2333 4 14.94C5.20667 15.6267 6.54 15.98 8 16ZM6.75 10.5H7.5V8.5H6.75C6.29 8.46 6.04 8.21 6 7.75C6.04 7.29 6.29 7.04 6.75 7H8.25C8.71 7.04 8.96 7.29 9 7.75V10.5H9.25C9.71 10.54 9.96 10.79 10 11.25C9.96 11.71 9.71 11.96 9.25 12H6.75C6.29 11.96 6.04 11.71 6 11.25C6.04 10.79 6.29 10.54 6.75 10.5ZM8 4C8.29333 4 8.53333 4.09333 8.72 4.28C8.90667 4.46667 9 4.70667 9 5C9 5.29333 8.90667 5.53333 8.72 5.72C8.53333 5.90667 8.29333 6 8 6C7.70667 6 7.46667 5.90667 7.28 5.72C7.09333 5.53333 7 5.29333 7 5C7 4.70667 7.09333 4.46667 7.28 4.28C7.46667 4.09333 7.70667 4 8 4Z' fill='%233B82F6'/%3E%3C/svg%3E");
}

.kg_member_noti_desc {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  color: #4B5563;
}

/* 약관동의 */
.wrap-member {
  padding: 80px 0 160px;
}

.wrap-member .info {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.32px;
  color: #0d0d0d;
  text-transform: none;
}

.status {
  display: block;
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 0;
  text-align: center;
}

.status li {
  display: inline-block;
  font-size: 14px;
  color: #888;
}

.status li .ico {
  display: inline-block;
  width: 54px;
  height: 54px;
  background: url("../images/bizhome/status_spr.png") no-repeat;
  background-size: 199px auto;
  vertical-align: middle;
}

.status li > span {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  line-height: 1;
  text-align: left;
  font-weight: 600;
}

.status li > span > em {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 800;
}

.status li.on {
  color: #222;
}

.status li + li:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 33px;
  margin: 0 25px;
  background: url("../images/bizhome/biz_sprite.png") no-repeat -49px -85px;
  vertical-align: middle;
}

.status li.step02 .ico {
  background-position: -72px 0;
}

.status li.step03 .ico {
  background-position: -145px 0;
}

.status li.step01.on .ico {
  background-position: 0 -58px;
}

.status li.step02.on .ico {
  background-position: -72px -58px;
}

.status li.step03.on .ico {
  background-position: -124px -50px;
}

.agreement {
  margin: 0px auto 40px;
  width: 600px;
}

.agreement .agreement-box {
  background: #fff;
  text-align: left;
}

.agree-txt {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
}

.agreement-box > .agree-txt {
  padding: 29px 20px;
  border: 1px solid #e4e4e4;
  background: #f8f8f8;
  letter-spacing: -0.32px;
}

.agreement-box > .agree-txt .chkS > span {
  text-transform: none;
}

.agree-txt label {
  font-size: 16px;
  color: #3e3e3e;
  font-weight: 600;
}

.agree-txt label strong {
  font-size: 13px;
  color: #054cff;
  font-weight: normal;
  margin-left: 3px;
}

.agree-txt .txt {
  display: block;
  font-size: 14px;
  color: #323232;
  font-weight: normal;
  text-transform: none;
}

.agree-txt .btn-type1 {
  /*  position: absolute; top: 50%; right: 0; */
  height: 32px;
  margin-top: -16px;
  padding: 0 16px;
  border-color: #ccc;
  border-radius: 0;
  background: #f8f8f8;
  font-size: 13px;
  border: 1px solid #ddd;
  color: #0d0d0d;
}

.custom-checkbox .agree-txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 29px 0px 20px;
  letter-spacing: -0.28px;
}

.custom-checkbox .agree-txt .agree_left {
  padding-left: 20px;
  max-width: 80%;
}

.custom-checkbox .agree-txt .agree_left .chkS > span {
  display: block;
  text-transform: none;
}

.custom-checkbox .agree-txt label {
  margin-bottom: 17px;
}

.wrap-member .btn-area .btn_submit {
  display: inline-block;
  width: 160px;
  line-height: 48px;
  font-size: 14px; /* vertical-align: middle; */
  border-radius: 3px;
  text-align: center;
  background: #054cff;
  color: #fff;
}

.wrap-member .btn-area .btn_submit:hover {
  background: #6994ff;
  cursor: pointer;
}

/* 회원가입 정보입력 */
.kg_join_section {
  display: block;
  width: 100%;
  margin: 40px 0;
}

.kg_join_section:first-of-type {
  margin-top: 0;
}

.kg_join_section:last-of-type {
  margin-bottom: 0;
}

.kg_join_section.last {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.kg_join_section h2 {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #9e9e9e;
}

.kg_join_section .kg_section_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  color: var(--black);
  margin-bottom: 24px;
}

.kg_join_section .kg_section_title::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.kg_join_section .kg_section_title--blind::before {
  display: none;
}
 
.kg_join_section .kg_section_title--user::before {
  background-image: url("../../images/bizhome/kglobal500/member/join_input/ic_account.png");
  background-size: 22.5px 18px;
}

.kg_join_section .kg_section_title--business::before {
  background-image: url("../../images/bizhome/kglobal500/member/join_input/ic_company.png");
  background-size: 13.5px 18px;
}

.kg_join_section .component {
  margin-top: 20px;
}

.kg_join_section .component:after {
  content: "";
  display: block;
  clear: both;
}

.kg_join_section .component:first-child {
  margin: 0;
}

.kg_join_section .component dt {
  float: none;
  position: relative;
  width: 100%;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0px;
}

.kg_join_section .component dt i {
  color: #054cff;
}

.kg_join_section .component dt .tip {
  position: absolute;
  top: 2px;
  right: 0;
  color: #054cff;
  font-size: 12px;
  font-weight: normal;
}

.kg_join_section .component dd {
  position: relative;
  float: none;
  width: 100%;
}

.kg_join_section .component dd input[type="text"],
.kg_join_section .component dd input[type="password"],
.kg_join_section .component dd input[type="email"],
.kg_join_section .component dd input[type="number"],
.kg_join_section .component dd select {
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  padding-left: 20px;
  font-size: 14px;
  vertical-align: top;
  box-sizing: border-box;
}

.kg_join_section .component dd textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px;
  font-size: 14px;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.kg_join_section ::-webkit-input-placeholder {
  color: #9e9e9e;
}

.kg_join_section ::-moz-placeholder {
  color: #9e9e9e;
}

.kg_join_section :-ms-input-placeholder {
  color: #9e9e9e;
}

.kg_join_section :-moz-placeholder {
  color: #9e9e9e;
}

.kg_join_section .component dd input[type="text"]:focus,
.kg_join_section .component dd input[type="password"]:focus,
.kg_join_section .component dd input[type="email"]:focus,
.kg_join_section .component dd input[type="number"]:focus {
  border-color: #111;
}

.kg_join_section .component .certify {
  display: inline-block;
  position: relative;
  width: 365px;
  margin-left: 1px;
  vertical-align: top;
}

.kg_join_section .component .certify.full-type {
  width: 100%;
  margin-left: 0;
}

.kg_join_section .component .certify input[type="text"] {
  padding-right: 95px;
}

.kg_join_section .component .certify input[type="button"] {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 11px;
  min-width: 60px;
  height: 38px;
  margin-top: -19px;
  padding: 0 10px;
  color: #fff;
  background: #054cff;
  text-align: center;
  cursor: pointer;
}

.kg_join_section .component .certify input[type="button"]:hover {
  background: #247dff;
}

.kg_join_section .component .certify input[type="button"][disabled="disabled"] {
  background: #888;
  color: #9e9e9e;
}

.kg_join_section .component .certify .btn_certify {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 11px;
  min-width: 60px;
  height: 38px;
  margin-top: -19px;
  padding: 0 10px;
  color: #fff;
  background: #054cff;
  text-align: center;
}

.kg_join_section .component .certify .btn_certify:hover {
  background: #247dff;
}

.kg_join_section .component .msg {
  margin-top: 10px;
  color: #ff5a00;
  line-height: 1.2;
}

.kg_join_section .component .sect {
  display: block;
  margin-top: 20px;
}

.kg_join_section .component .nation-code {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 44px;
  padding: 9px 0 9px 20px;
  border-right: 1px solid #ddd;
  font-size: 14px;
  line-height: 1;
}

.kg_join_section .component .nation-code + input[name="pcs1"] {
  padding-left: 75px;
}

.kg_join_section .component .list-type1 li {
  text-transform: none;
}

#checkAuthMailArea {
  padding-top: 10px;
}

.kg_join_section .list-type3 {
  margin-top: 30px;
}

.kg_join_section.margin_top_70 {
  margin-top: 70px;
}

.kg_join_section .sub-section h3 {
  display: block;
  margin: 30px 0 15px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  font-size: 18px;
}

.kg_join_section.kg_join_section--marketing {
  margin: 48px 0 40px;
}

.wrap-member .btn-area {
  display: flex;
  justify-content: center;
}

.wrap-member .btn-area a.biz2 {
  background: #065cff;
  border-color: #065cff;
  color: #fff;
}

.wrap-member .btn-area input[type="submit"].biz2 {
  display: block;
  width: 160px;
  height: 48px;
  background: #065cff;
  border: 1px solid #065cff;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.28px;
  color: #fff;
  font-weight: 500;
  margin-right: 0;
}

.wrap-member .btn-area a + a {
  margin-left: 8px;
}

.wrap-member .btn-area .btn_next {
  margin-left: 8px;
}

.agreement_check {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 16px;
}

.agree_radio_wrap .chkS:last-of-type {
  margin: 0;
}

/* 회원가입 완료 */
.join-complete {
  margin-top: 40px;
}

.join-complete .complete-msg {
  width: 800px;
  margin: 0 auto;
  padding: 40px 0;
  background: #f2f6ff;
  text-align: center;
}

.join-complete .complete-msg p strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 33.6px;
  letter-spacing: -0.48px;
  color: #0d0d0d;
  text-transform: none;
}

.join-complete .complete-msg p strong.pcolor {
  color: #054cff;
}

.join-complete .complete-msg strong:last-child {
  padding-bottom: 30px;
}

.join-complete .complete-msg p .pcolor {
  color: #054cff;
}

.join-complete .complete-msg .msg_desc {
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: -0.28px;
  color: #0d0d0d;
  padding-top: 30px;
  position: relative;
  text-transform: none;
}

.join-complete .complete-msg .msg_desc::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 57px;
  height: 1px;
  background: #e4e4e4;
}

.join-complete .btn-area {
  display: flex;
  justify-content: center;
}

.join-complete .btn-area a {
  display: block;
  width: 160px;
  line-height: 48px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.28px;
  color: #0d0d0d;
  font-weight: 500;
}

.join-complete .btn-area a.biz2 {
  background: #065cff;
  border-color: #065cff;
  color: #fff;
  margin-right: 0;
}

.join-complete .btn-area a.biz2:hover {
  background: #247dff;
}

.company-info {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding-top: 70px;
}

/* 사업 유형 선택 */
.wrap-biz-plan {
  padding: 80px 0;
}

.biz-plan-select {
  display: block;
  width: 1160px;
  margin: 60px auto 0;
  font-size: 0;
}

.biz-radio {
  display: inline-block;
  margin-right: 40px;
  line-height: 1.2;
  vertical-align: top;
}

.biz-radio:nth-child(4n) {
  margin-right: 0;
}

.biz-radio:nth-child(4) ~ .biz-radio {
  margin-top: 40px;
}

.biz-radio label {
  display: block;
  width: 260px;
  height: 230px;
  border-radius: 30px;
  padding: 32px 15px 0;
  border: 1px solid #d3dae1;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  background-size: 258px 140px !important;
  background-position: center bottom !important;
  background-repeat: no-repeat;
}

.biz-radio label > span {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -1px;
  color: #1f4583;
  font-weight: 600;
  text-align: center;
}

.biz-radio.shop label {
  background-image: url("../images/bizhome/@main_plan_01.png");
}

.biz-radio.global label {
  background-image: url("../images/bizhome/@main_plan_02.png");
}

.biz-radio.domestic label {
  background-image: url("../images/bizhome/@main_plan_03.png");
}

.biz-radio.overseas label {
  background-image: url("../images/bizhome/@main_plan_04.png");
}

.biz-radio.fashion label {
  background-image: url("../images/bizhome/@main_plan_05.png");
}

.biz-radio.franchise label {
  background-image: url("../images/bizhome/@main_plan_06.png");
}

.biz-radio.marketing label {
  background-image: url("../images/bizhome/@main_plan_07.png");
}

.biz-radio.wholesaler label {
  background-image: url("../images/bizhome/@main_plan_08.png");
}

.biz-radio.shop input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_01.png");
}

.biz-radio.global input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_02.png");
}

.biz-radio.domestic input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_03.png");
}

.biz-radio.overseas input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_04.png");
}

.biz-radio.fashion input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_05.png");
}

.biz-radio.franchise input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_06.png");
}

.biz-radio.marketing input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_07.png");
}

.biz-radio.wholesaler input[type="radio"]:checked + label {
  background-image: url("../images/bizhome/@main_plan_ov_08.png");
}

.biz-radio input[type="radio"]:checked + label {
  border-color: #3e6db3;
  background-color: #3e6db3 !important;
}

.biz-radio input[type="radio"]:checked + label > span {
  color: #fffd43;
}

.biz-plan-msg {
  width: 740px;
  padding: 60px 0 70px;
  margin: 80px auto 0;
  border-top: 1px solid #ddd;
  text-align: center;
}

.biz-plan-msg .plan-msg {
  font-size: 22px;
  color: #333;
  line-height: 1.2;
}

.biz-plan-msg .plan-msg strong {
  display: block;
  margin-top: 15px;
  font-size: 28px;
  color: #333;
}

.biz-plan-msg .btn-area {
  margin-top: 30px;
}

.biz-info-box {
  width: 790px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #e0e9ee;
  background: #f5fbff;
  border-radius: 5px 5px;
  font-size: 14px;
  color: #333;
  text-align: center;
}

.biz-info-box > a {
  text-decoration: underline;
}

/**************************join-input htm*************************/
.btn-small {
  display: inline-block;
  min-width: 200px;
  padding: 5px 20px;
  margin-top: 10px;
  background: #4abfff;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.kg_join_section .list-type3.second {
  margin-top: 10px;
}

.business-infomation .list-type3 li:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #3e3e3e;
}

.business-infomation .list-type3 li:before {
  display: none;
}

.document-infomation .list-type3 li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #3e3e3e;
}

.kg_join_section .fileUpload dt {
  line-height: 30px;
}

.kg_join_section .file-find {
  display: inline-block;
  padding: 7px 10px;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #4abfff;
  cursor: pointer;
}

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

.fileUpload .upload-name {
  display: none;
  max-width: 150px;
  margin-left: 10px;
  background-color: transparent;
  line-height: 30px;
  cursor: pointer;
}

.fileUpload .upload-name.on {
  display: inline-block;
}

.fileUpload .fileNameDelete {
  display: none;
  width: 15px;
  height: 30px;
  background: url("../images/bizhome/EX.png") no-repeat center;
  background-size: 100%;
  font-size: 0;
}

.fileUpload .fileNameDelete.on {
  display: inline-block;
  vertical-align: top;
}

/* 휴면계정 안내 */
.member_sleep_info_wrap {
  width: 750px;
  min-height: 50vh;
  padding: 150px 0;
  margin: 0 auto;
  color: #222;
}

.member_sleep_info_wrap h3 {
  font-size: 40px;
  text-align: center;
}

.member_sleep_info_wrap .info {
  margin-top: 40px;
  font-size: 17px;
}

.member_sleep_info_wrap .info li {
  position: relative;
  margin-top: 5px;
  padding-left: 10px;
}

.member_sleep_info_wrap .info li span {
  color: #247dff;
}

.member_sleep_info_wrap .info li::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #222;
  border-radius: 100%;
}

.member_sleep_info_wrap .page_move_btn {
  margin-top: 50px;
  text-align: center;
}

.member_sleep_info_wrap .page_move_btn:after {
  display: none;
}

.kg_member_box--join {
  position: relative;
  width: 800px;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 48px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 32px 64px -16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.kg_box_header {
  padding: 48px 80px 41px;
  border-bottom: 1px solid #f3f4f6;
}

.kg_status_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}

.kg_status_list::before {
  display: none;
}

.kg_status_list .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 45px;
  position: relative;
  z-index: 1;
}

.kg_status_list .step .step_number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 2px solid #e2e8f0;
  background: #fff;
  font-family: 'Pretendard', sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 21px;
  color: #94a3b8;
}

.kg_status_list .step .step_text {
  font-family: 'Pretendard', sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 19.5px;
  color: #94a3b8;
  white-space: nowrap;
}

.kg_status_list .step.on .step_number {
  background: var(--pcolor);
  border-color: var(--pcolor);
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(37, 99, 235, 0.3);
}

.kg_status_list .step.on .step_text {
  color: var(--pcolor);
}

.kg_status_list .step.step02::before,
.kg_status_list .step.step03::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 40px;
  width: 261px;
  height: 4px;
  background: #f1f5f9;
  z-index: -1;
}

.kg_status_list .step.step02.on::before {
  background: var(--pcolor);
}
.kg_status_list .step.step03.on::before {
  background: linear-gradient(90deg, #2563EB 0%, #7C3AED 100%);
}

.kg_status_list .step > span:not(.step_number):not(.step_text) {
  display: none;
}

/* 카드 본문 */
.kg_box_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 64px 65px;
}

.kg_join_form {
  width: 100%;
}