/* =========================
   가입동의
========================= */
.jv-join {width:min(100%,920px);margin:0 auto;padding:36px 0 20px;}
.jv-join__section {display:grid;gap:16px;}

/* step */
.jv-join__step {margin-bottom:28px;}
.jv-join__step-list {display:flex;justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;}
.jv-join__step-item {display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border:1px solid #dfe5ec;border-radius:8px;background:#fff;color:#667085;font-size:16px;font-weight:600;line-height:1;}
.jv-join__step-item.is-active {border-color:rgba(23,47,204,.18);background:#eef4ff;color:#00194a;box-shadow:0 8px 20px rgba(0,25,74,.06);}
.jv-join__step-num {font-weight:700;letter-spacing:-0.02em;}
.jv-join__step-text {letter-spacing:-0.02em;}

/* card */
.jv-join-card {border:1px solid #dfe5ec;border-radius:10px;background:#fff;overflow:hidden;}
.jv-join-card__head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);}
.jv-join-card__title {margin:0;font-size:22px;line-height:1.35;font-weight:700;color:#00194a;letter-spacing:-0.03em;}
.jv-join-card__body {padding:22px 24px 24px;}
.jv-join-card__scroll {min-height:170px;max-height:220px;padding-right:8px;overflow-y:auto;font-size:16px;line-height:1.8;color:#333;word-break:keep-all;}
.jv-join-card__scroll::-webkit-scrollbar {width:8px;}
.jv-join-card__scroll::-webkit-scrollbar-thumb {background:#cfd8e3;border-radius:999px;}
.jv-join-card__scroll::-webkit-scrollbar-track {background:#f5f7fb;border-radius:999px;}

/* check */
.jv-join-check {display:inline-flex;align-items:center;gap:10px;cursor:pointer;flex:0 0 auto;}
.jv-join-check__input {position:absolute;opacity:0;pointer-events:none;}
.jv-join-check__box {position:relative;width:20px;height:20px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;flex:0 0 auto;transition:all .2s ease;}
.jv-join-check__input:checked + .jv-join-check__box {background:#172fcc;border-color:#172fcc;}
.jv-join-check__input:checked + .jv-join-check__box::after {content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);}
.jv-join-check__text {font-size:15px;line-height:1.5;font-weight:600;color:#667085;word-break:keep-all;}
.jv-join-check--all {justify-content:center;width:100%;}

/* table */
.jv-join-table__scroll {overflow-x:auto;-webkit-overflow-scrolling:touch;}
.jv-join-table__table {width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed;background:#fff;}
.jv-join-table__table th,.jv-join-table__table td {padding:16px 14px;border:1px solid #e5e7eb;font-size:15px;line-height:1.75;color:#374151;text-align:center;vertical-align:middle;word-break:keep-all;}
.jv-join-table__table thead th {background:#f7faff;color:#111827;font-weight:700;}

/* all agree */
.jv-join-all {padding:18px 20px;border:1px solid #dfe5ec;border-radius:8px;background:#f8fbff;}

/* actions */
.jv-join-action {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.jv-join-action__btn {display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 20px;border-radius:8px;border:1px solid transparent;font-size:17px;font-weight:700;text-decoration:none;transition:all .2s ease;cursor:pointer;}
.jv-join-action__btn--ghost {background:#fff;border-color:#d5dbe3;color:#344054;}
.jv-join-action__btn--ghost:hover {background:#f8fafc;}
.jv-join-action__btn--primary {background:#00194a;color:#fff;box-shadow:0 12px 24px rgba(0,25,74,.14);}
.jv-join-action__btn--primary:hover {background:#172fcc;}

/* responsive */
@media (max-width:768px){
.jv-join {padding:20px 0 12px;}
.jv-join__step {margin-bottom:20px;}
.jv-join__step-list {flex-wrap:wrap;gap:8px;}
.jv-join__step-item {min-height:42px;padding:0 14px;font-size:13px;}
.jv-join-card {border-radius:8px;}
.jv-join-card__head {flex-direction:column;align-items:flex-start;padding:16px 16px 14px;}
.jv-join-card__title {font-size:18px;}
.jv-join-card__body {padding:16px;}
.jv-join-card__scroll {min-height:120px;max-height:180px;font-size:14px;line-height:1.7;}
.jv-join-check__text {font-size:13px;}
.jv-join-check__box {width:18px;height:18px;border-radius:5px;}
.jv-join-check__input:checked + .jv-join-check__box::after {left:5px;top:1px;width:4px;height:9px;}
.jv-join-table__table {min-width:560px;}
.jv-join-table__table th,.jv-join-table__table td {padding:12px 10px;font-size:13px;line-height:1.6;}
.jv-join-all {padding:14px 16px;border-radius:8px;}
.jv-join-action {gap:10px;}
.jv-join-action__btn {min-height:52px;border-radius:8px;font-size:15px;}
}



/* =========================
    가입하기
========================= */

.jv-join,.jv-join * {box-sizing:border-box;}

/* card */
.jv-join-card__desc {margin:0;font-size:14px;line-height:1.6;color:#667085;}

/* certify */
.jv-join-card--certify {border-color:#d9e2f2;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);}
.jv-certify {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.jv-certify__btn {min-height:54px;border:1px solid #d5dbe3;border-radius:10px;background:#fff;color:#344054;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;}
.jv-certify__btn:hover {border-color:#172fcc;color:#172fcc;}
.jv-certify__btn--primary {background:#00194a;border-color:#00194a;color:#fff;}
.jv-certify__btn--primary:hover {background:#172fcc;border-color:#172fcc;color:#fff;}
.jv-certify__note {margin:12px 0 0;font-size:13px;line-height:1.6;color:#667085;}

/* form */
.jv-form-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:18px;}
.jv-form-grid--2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.jv-form-field {min-width:0;}
.jv-form-field--full {grid-column:1 / -1;}
.jv-form-field__label {display:block;margin-bottom:8px;font-size:15px;line-height:1.5;font-weight:700;color:#111827;word-break:keep-all;}
.jv-form-field__required {color:#f04438;}
.jv-form-field__input {display:block;width:100%;min-width:0;height:54px;padding:0 16px;border:1px solid #d5dbe3;border-radius:12px;background:#fff;font-size:15px;color:#111827;}
.jv-form-field__input::placeholder {color:#98a2b3;}
.jv-form-field__input:focus {outline:none;border-color:#172fcc;box-shadow:0 0 0 4px rgba(23,47,204,.08);}

/* check list */
.jv-check-list {display:grid;gap:14px;}
.jv-join-check {display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;min-width:0;}
.jv-join-check__input {position:absolute;opacity:0;pointer-events:none;}
.jv-join-check__box {position:relative;width:20px;height:20px;margin-top:1px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;flex:0 0 auto;transition:all .2s ease;}
.jv-join-check__input:checked + .jv-join-check__box {background:#172fcc;border-color:#172fcc;}
.jv-join-check__input:checked + .jv-join-check__box::after {content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);}
.jv-join-check__text {font-size:15px;line-height:1.6;font-weight:500;color:#475467;word-break:keep-all;}

/* captcha */
.jv-captcha {margin-top:22px;padding-top:18px;border-top:1px solid #eef2f7;}
.jv-captcha__label {margin-bottom:10px;font-size:15px;line-height:1.5;font-weight:700;color:#111827;}
.jv-captcha__row {display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.jv-captcha__image {flex:0 0 160px;height:52px;border:1px solid #d5dbe3;border-radius:10px;background:#f8fafc;overflow:hidden;}
.jv-captcha__image img {display:block;width:100%;height:100%;object-fit:cover;}
.jv-captcha__controls {display:flex;align-items:center;gap:8px;}
.jv-captcha__iconbtn {width:52px;height:52px;border:1px solid #d5dbe3;border-radius:10px;background:#fff;font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;}
.jv-captcha__iconbtn:hover {border-color:#172fcc;color:#172fcc;}
.jv-captcha__input-wrap {max-width:460px;}
.jv-captcha__desc {margin:10px 0 0;font-size:13px;line-height:1.6;color:#667085;}


/* responsive */
@media (max-width:768px){
.jv-join {padding:20px 0 12px;}
.jv-join__step {margin-bottom:20px;}
.jv-join__step-list {flex-wrap:wrap;gap:8px;}
.jv-join__step-item {min-height:42px;padding:0 14px;font-size:13px;}
.jv-join-card {border-radius:8px;}
.jv-join-card__head {flex-direction:column;align-items:flex-start;padding:16px 16px 14px;}
.jv-join-card__title {font-size:18px;}
.jv-join-card__body {padding:16px;}
.jv-certify {grid-template-columns:1fr;}
.jv-form-grid--2 {grid-template-columns:1fr;}
.jv-form-field__label {font-size:14px;}
.jv-form-field__input {height:48px;font-size:14px;border-radius:8px;}
.jv-join-check__text {font-size:14px;}
.jv-join-check__box {width:18px;height:18px;border-radius:5px;}
.jv-join-check__input:checked + .jv-join-check__box::after {left:5px;top:1px;width:4px;height:9px;}
.jv-captcha__row {flex-wrap:wrap;}
.jv-captcha__image {flex:0 0 100%;width:100%;max-width:220px;height:48px;border-radius:8px;}
.jv-captcha__iconbtn {width:48px;height:48px;border-radius:8px;font-size:18px;}
.jv-captcha__input-wrap {max-width:none;}

}



/* =========================
   가입완료
========================= */

.jv-join-complete {padding:44px 32px 32px;border:1px solid #dfe5ec;border-radius:10px;background:#fff;text-align:center;}
.jv-join-complete__icon {display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 20px;border-radius:999px;background:#eef4ff;color:#172fcc;font-size:34px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(23,47,204,.08);}
.jv-join-complete__title {margin:0;font-size:30px;line-height:1.35;font-weight:700;color:#00194a;letter-spacing:-0.03em;}
.jv-join-complete__desc {margin:16px 0 0;font-size:16px;line-height:1.8;color:#475467;word-break:keep-all;}
.jv-join-complete__info {margin-top:28px;}
.jv-join-complete__meta {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;}
.jv-join-complete__meta-item {padding:18px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fbff;text-align:left;}
.jv-join-complete__meta-item dt {margin:0 0 6px;font-size:14px;line-height:1.5;font-weight:700;color:#667085;}
.jv-join-complete__meta-item dd {margin:0;font-size:16px;line-height:1.6;font-weight:600;color:#111827;}
.jv-join-complete__notice {margin-top:22px;padding:20px 22px;border-radius:8px;background:#f8fafc;text-align:left;}
.jv-join-complete__notice p {margin:0;font-size:14px;line-height:1.75;color:#667085;word-break:keep-all;}
.jv-join-complete__notice p + p {margin-top:6px;}
.jv-join-complete .jv-join-action {margin-top:28px;}

@media (max-width:768px){
.jv-join-complete {padding:28px 18px 20px;border-radius:8px;}
.jv-join-complete__icon {width:58px;height:58px;margin-bottom:16px;font-size:28px;}
.jv-join-complete__title {font-size:22px;}
.jv-join-complete__desc {font-size:14px;line-height:1.7;}
.jv-join-complete__meta {grid-template-columns:1fr;}
.jv-join-complete__meta-item {padding:14px 16px;border-radius:8px;}
.jv-join-complete__meta-item dt {font-size:13px;}
.jv-join-complete__meta-item dd {font-size:14px;}
.jv-join-complete__notice {margin-top:18px;padding:16px;border-radius:8px;}
.jv-join-complete__notice p {font-size:13px;line-height:1.7;}
.jv-join-complete .jv-join-action {margin-top:22px;}
}




/* =========================
   로그인
========================= */
.jv-login {width:min(100%,640px);margin:0 auto;padding:40px 0 20px;}
.jv-login,.jv-login * {box-sizing:border-box;}
.jv-login__panel {border:1px solid #dfe5ec;border-radius:10px;background:#fff;overflow:hidden;}
.jv-login__tabs {display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eef2f7;background:#f8fafc;}
.jv-login__tab {display:flex;align-items:center;justify-content:center;min-height:58px;padding:0 16px;font-size:20px;font-weight:700;color:#667085;text-decoration:none;background:#f8fafc;transition:all .2s ease;}
.jv-login__tab + .jv-login__tab {border-left:1px solid #eef2f7;}
.jv-login__tab.is-active {background:#fff;color:#00194a;}
.jv-login__body {padding:34px 26px 28px;}
.jv-login__notice {margin-bottom:28px;text-align:center;}
.jv-login__notice-icon {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-bottom:10px;border-radius:999px;background:#eef4ff;color:#00194a;font-size:13px;font-weight:700;}
.jv-login__notice-text {margin:0;font-size:16px;line-height:1.75;color:#667085;word-break:keep-all;}
.jv-login-form {display:grid;gap:12px;}
.jv-login-form__field {min-width:0;}
.jv-login-form__label {display:none;}
.jv-login-form__control {position:relative;}
.jv-login-form__icon {position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.55;}
.jv-login-form__input {display:block;width:100%;height:54px;padding:0 42px 0 46px;border:1px solid #d5dbe3;border-radius:8px;background:#fff;font-size:15px;color:#111827;}
.jv-login-form__input::placeholder {color:#98a2b3;}
.jv-login-form__input:focus {outline:none;border-color:#172fcc;box-shadow:0 0 0 4px rgba(23,47,204,.08);}
.jv-login-form__required {position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#f04438;font-size:18px;line-height:1;}
.jv-login-form__meta {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;}
.jv-login-check {display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.jv-login-check__input {position:absolute;opacity:0;pointer-events:none;}
.jv-login-check__box {position:relative;width:18px;height:18px;border:1px solid #cfd8e3;border-radius:4px;background:#fff;flex:0 0 auto;}
.jv-login-check__input:checked + .jv-login-check__box {background:#172fcc;border-color:#172fcc;}
.jv-login-check__input:checked + .jv-login-check__box::after {content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);}
.jv-login-check__text {font-size:15px;color:#475467;line-height:1.5;word-break:keep-all;}
.jv-login-form__link {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid #d5dbe3;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#667085;text-decoration:none;transition:all .2s ease;}
.jv-login-form__link:hover {border-color:#172fcc;color:#172fcc;}
.jv-login-form__submit {margin-top:10px;min-height:56px;border:0;border-radius:8px;background:#00194a;color:#fff;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px rgba(0,25,74,.14);transition:all .2s ease;}
.jv-login-form__submit:hover {background:#172fcc;}

@media (max-width:768px){
.jv-login {padding:20px 0 12px;}
.jv-login__tab {min-height:50px;font-size:16px;}
.jv-login__body {padding:22px 16px 18px;}
.jv-login__notice {margin-bottom:20px;}
.jv-login__notice-text {font-size:14px;line-height:1.7;}
.jv-login-form__input {height:48px;padding:0 38px 0 42px;font-size:14px;}
.jv-login-form__icon {left:14px;font-size:16px;}
.jv-login-form__meta {margin-top:8px;}
.jv-login-check__text {font-size:14px;}
.jv-login-form__link {min-height:32px;padding:0 12px;font-size:13px;}
.jv-login-form__submit {min-height:50px;font-size:16px;}
}


/* =========================
   정보찾기
========================= */

.jv-recover {width:min(100%,920px);margin:0 auto;padding:36px 0 20px;}
.jv-recover,.jv-recover * {box-sizing:border-box;}
.jv-recover__panel {border:1px solid #dfe5ec;border-radius:10px;background:#fff;overflow:hidden;}
.jv-recover__head {padding:22px 24px 18px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);}
.jv-recover__title {margin:0;font-size:28px;line-height:1.3;font-weight:700;color:#00194a;letter-spacing:-0.03em;}
.jv-recover__desc {margin:10px 0 0;font-size:16px;line-height:1.8;color:#667085;word-break:keep-all;}
.jv-recover__body {padding:24px;}
.jv-recover-form {display:grid;gap:22px;}
.jv-recover-form__field {min-width:0;}
.jv-recover-form__label {display:block;margin-bottom:8px;font-size:15px;line-height:1.5;font-weight:700;color:#111827;}
.jv-recover-form__required {color:#f04438;}
.jv-recover-form__input {display:block;width:100%;min-width:0;height:54px;padding:0 16px;border:1px solid #d5dbe3;border-radius:12px;background:#fff;font-size:15px;color:#111827;}
.jv-recover-form__input::placeholder {color:#98a2b3;}
.jv-recover-form__input:focus {outline:none;border-color:#172fcc;box-shadow:0 0 0 4px rgba(23,47,204,.08);}

/* captcha */
.jv-recover-captcha {padding-top:4px;}
.jv-recover-captcha__label {margin-bottom:10px;font-size:15px;line-height:1.5;font-weight:700;color:#111827;}
.jv-recover-captcha__row {display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.jv-recover-captcha__image {flex:0 0 160px;height:52px;border:1px solid #d5dbe3;border-radius:12px;background:#f8fafc;overflow:hidden;}
.jv-recover-captcha__image img {display:block;width:100%;height:100%;object-fit:cover;}
.jv-recover-captcha__controls {display:flex;align-items:center;gap:8px;}
.jv-recover-captcha__iconbtn {width:52px;height:52px;border:1px solid #d5dbe3;border-radius:12px;background:#fff;font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;}
.jv-recover-captcha__iconbtn:hover {border-color:#172fcc;color:#172fcc;}
.jv-recover-captcha__input-wrap {max-width:460px;}
.jv-recover-captcha__desc {margin:10px 0 0;font-size:13px;line-height:1.6;color:#667085;}
.jv-recover__action {display:flex;justify-content:center;padding-top:6px;}
.jv-recover__submit {min-width:220px;min-height:56px;padding:0 24px;border:0;border-radius:8px;background:#00194a;color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px rgba(0,25,74,.14);transition:all .2s ease;}
.jv-recover__submit:hover {background:#172fcc;}

@media (max-width:768px){
.jv-recover {padding:20px 0 12px;}
.jv-recover__head {padding:18px 16px 14px;}
.jv-recover__title {font-size:22px;}
.jv-recover__desc {font-size:14px;line-height:1.7;}
.jv-recover__body {padding:16px;}
.jv-recover-form {gap:18px;}
.jv-recover-form__label {font-size:14px;}
.jv-recover-form__input {height:48px;border-radius:10px;font-size:14px;}
.jv-recover-captcha__row {flex-wrap:wrap;}
.jv-recover-captcha__image {flex:0 0 100%;width:100%;max-width:220px;height:48px;border-radius:10px;}
.jv-recover-captcha__iconbtn {width:48px;height:48px;border-radius:10px;font-size:18px;}
.jv-recover-captcha__input-wrap {max-width:none;}
.jv-recover__submit {width:100%;min-width:0;min-height:50px;font-size:15px;}
}