.items-start {align-items: flex-start !important;}
/*Login*/
.tabs{display:flex;flex-wrap:wrap;position: relative;}
.tabs .tab-a{order:1;padding: 16px 0;background: #dcdcdc;width: 50%;text-align: center;font-size: 20px;line-height: 160%;color: #696969;font-weight: 500;box-sizing: border-box;border-radius: 0 6px 6px 0;margin: 0 0 40px 0;font-family: 'Pretendard GOV';}
.tabs .tab-a:first-child {border-radius: 6px 0 0 6px;}
.tabs .tab-con{order:99;width:100%;display:none;border-top: none;}
.tabs a.active {background: #0F3783;border-bottom: none;color: #fff;}
.tabs a.active + .tab-con{display:block;}
.tabs .tab-a:focus-visible{border: 2px solid #000;}

.tabs.login02 .tab-con{order:99;width:100%;display:block;background:#fff;border-radius:15px;border: 2px solid #0078AD;padding: 25px 20px;}
/*login */
.login-wrap {background: #f4f8fc;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 3333;display: none;overflow: hidden;}
.login-wrap .login-logo { margin-bottom: 30px;text-align: center;}
.login-wrap .login-inner { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100vh;}
.login-inner .login-body-box {max-width: 600px;margin: 0 auto;border-radius: 16px;padding: 40px;box-sizing: border-box;background: #f5f5f5;}
.login-inner .btn-close {position: absolute; top: 50px;  right: 50px;}
.login-inner .btn-close img {width: 60px;height: 60px;}
.login-box .inner-form {position: relative;margin-bottom: 24px;}
.login-box .inner-form:last-of-type {margin-bottom: 25px;}
.login-box .inner-form label {font-size: 16px;font-weight: 500;line-height: 20.8px;text-align: left;margin: 0 0 8px 0;display:none;}
.login-box .inner-form label span {color: #0078AD;}
.login-box .inner-form input {width: 100%;border-radius: 6px;border: 1px solid rgba(0,0,0,0.15);background: #FFFFFF;font-size: 14px;font-weight: 400;line-height: 24px;padding: 11px 20px;box-sizing: border-box;color: #808080;outline:none;font-family: 'Pretendard GOV';}
.login-box .inner-form input.pw {padding: 11px 48px;}
.login-box .inner-form input:focus {border: 2px solid #000;}
.login-box .inner-form input::placeholder {color: #A0A0A0;}
.login-box .inner-form .lock {width: 24px;height: 24px;position: absolute;top: 50%;left: 16px;transform: translateY(-50%);background: url(../img/common/ico-lock.png) no-repeat center;background-size: contain;text-indent: -10000px;}
.login-box .inner-form .eye-off,.login-box .inner-form .eye-on {width: 24px;height: 24px;position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
.login-box .inner-form .eye-off {background: url(../img/common/ico-eye-off.png) no-repeat center;background-size: contain;}
.login-box .inner-form .eye-on {background: url(../img/common/ico-eye-on.png) no-repeat center;background-size: contain;}
.btn-login {padding: 19px 20px;border-radius: 6px;background: #0F3783;font-size: 22px;line-height: 1;font-weight: 700;color: #FFFFFF;width: 100%;cursor: pointer;border: 0;font-family: 'Pretendard GOV';}
.btn-login.mg-b15{margin:0 0 15px 0}
.btn-login.find-pw{background-color:#55585E}
.login-bottom {margin: 0 auto;max-width: 1200px;box-sizing: border-box;margin: 40px 0 0 0;}
.login-box .login-bottom ul {display: flex;justify-content: center;text-align: center;flex-wrap: wrap;}
.login-box .login-bottom ul li {}
.login-box .login-bottom ul li a {position: relative;font-size: 16px;line-height: 1;font-weight: 400;color: #808080;text-align: center;display: block;padding: 0 16px;}
.login-box .login-bottom ul li + li a:before {content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#808080;}
.login-box .login-bottom ul li a span {	position: relative;display: inline-block;}
.login-box .login-bottom ul li a span:before {content: "";position: absolute;display: block;margin: 0 15px 0 0;top: 50%;transform: translateY(-50%);}

.bottom-header-wrap.zIndex {z-index: 0;}

@media screen and (max-width: 768px) {
	/*.login-wrap-mini {	padding:0 20px;	}*/
	.tab-content {padding: 15px;}
	.tabs .tab-a {font-size: 16px; margin: 0 0 20px 0;}
	/*login popup*/
	.login-wrap {overflow: auto;}
	.login-inner .btn-close {top: 20px;right: 20px;}
	.login-inner .btn-close img {width: 50px;height: 50px;}
	.login-wrap .login-inner {padding: 112px 20px;display: block;}
	.login-inner .login-body-box {width: auto;padding: 20px;}
	.login-box .inner-form:last-of-type {margin-bottom: 20px;}
	.login-box .btn-login {padding: 14.5px 20px;font-size: 16px;line-height: 1;}
	
	.login-box .login-bottom ul li a {font-size: 16px;padding: 14.5px 0 !important}
	.login-inner .login-body-box h2 { font-size: 20px;  line-height: 30px; }
	.login-inner .login-body-box p {font-size: 14px;line-height: 21px;}
	.login-box .inner-form label { font-size: 14px;line-height: 18.2px;}
	.login-box .inner-form input {padding: 10px 20px;font-size: 14px;}
	.login-bottom {margin: 20px 0 0 0;}
	.login-box .login-bottom ul {position: relative;}
	.login-box .login-bottom ul:before {content:"";position:absolute;top: 50%;left: 0;transform: translatey(-50%);width: 100%;height: 1px;background: #808080;}
	.login-box .login-bottom ul li {flex:auto;width: 50%;}
	.login-box .login-bottom ul li + li a:before  {display:none;}
	.login-box .login-bottom ul li:nth-child(odd) a {border-right: 1px solid #808080;}
}
/*Register*/
.terms-box {max-width: 1280px;margin: 0 auto;box-sizing: border-box;padding: 24px;}
.step-wrapper {display: flex;justify-content: center;margin-bottom: 20px;}
.step {text-align: center;flex: 1;position: relative; max-width: 160px;}
.step .number {display: inline-block;width: 32px;height: 32px;line-height: 32px;border-radius: 6px;background: #d3d3d3;color: #fff;font-family: Pretendard GOV;font-weight: 400;font-size: 15px;}
.step .label {display: block;font-weight: 600;font-size: 18px;line-height: 160%;vertical-align: middle;margin: 16px 0 0 0;}
.step.active .number {background: #0066B3;}
.step::after {content: "";position: absolute;top: 15px;right: -50%;width: 100%;height: 1px;background: #DCDCDC;z-index: -1;}
.step:last-child::after {display: none;}
.step-content .content {display: none;}
.step-content .content.active {display: block;}

.step-content .check-all {background: #E6F0F7;border-radius: 6px;padding: 14px 16px;width: 100%;box-sizing:border-box;margin: 0 0 16px 0;}
.b-chk { position: absolute;left: -99999px;opacity: 0;}
.b-chk + label { display: inline-block;position: relative;margin: 0;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer;font-family: Pretendard GOV;font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;color:#222;}
.b-chk + label:before {content: "";position: absolute;top: 0;left: 0;width: 20px;height: 20px;border: 1px solid #667085;box-sizing: border-box;border-radius: 6px;background: #fff;}
.b-chk:checked + label:before {background: #E6F0F7 url(../img/common/ico-check.png) no-repeat 50% 50%/70%;border-color:#0066B3;}

.block-term + .block-term {margin-top: 16px;}
.block-term .title {padding: 0 24px;font-family: Pretendard GOV;font-weight: 600;font-size: 18px;line-height: 100%;letter-spacing: -0.2px;color: #696969;margin: 0 0 16px 0;}
.block-term .body {padding: 24px;border-radius: 6px;background:#F5F5F5;margin: 0 0 16px 0;max-height:315px;overflow-y: auto;box-sizing:border-box;}
.block-term .body::-webkit-scrollbar {width: 8px;height: 100%;position: absolute;}
.block-term .body::-webkit-scrollbar-track {background: #c0c0c0;border-radius: 50px;}
.block-term .body::-webkit-scrollbar-thumb {background: #696969;border-radius: 50px;}
.block-term .body .txt-art {font-family: Pretendard GOV;font-weight: 600;font-size: 18px;line-height: 100%;letter-spacing: -0.2px;color: #696969;margin: 0 0 13px 0;}
.block-term .body .chapter {font-family: Pretendard GOV;font-weight: 600;font-size: 20px;line-height: 100%;letter-spacing: -0.2px;color: #696969;margin: 0 0 13px 0;}
.block-term .body div + div {margin-top: 13px;}
.block-term .body p,
.block-term .body ul li {font-family: Pretendard GOV;font-weight: 400;font-size: 16px;line-height: 140%;color: #696969;}
.block-term .body p.mark {font-size: 14px;font-weight: 500;}
.block-term .body ul li > ol {list-style-type: auto!important;padding: 10px 0 10px 45px;}
.block-term .body ul li + li  {} 
.check-is {text-align: right;}
.check-is .b-chk + label {color: #696969;}

.btn-box {display:flex;gap:24px;align-items:center;justify-content:center;margin: 64px 0 0 0;}
.terms-box .btn-step {min-width: 240px;box-sizing:border-box;border: 2px solid #696969;color:#696969;font-family: Pretendard GOV;font-weight: 700;font-size: 22px;line-height: 1;text-align:center;padding: 15px 0;cursor:pointer;background: #fff;border-radius: 6px;}
.terms-box .btn-primary {background:#0F3783;border-color:#0F3783;color:#fff;}

.completed {padding: 40px;border-radius: 6px;background: #F5F5F5;}
.completed {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.completed img {display:block;margin: 0 0 37px 0;}
.completed p {font-family: Pretendard GOV;font-weight: 500;font-size: 28px;line-height: 130%;color:#222;}
.completed p span {font-size: 16px;font-weight: 400;display:block;}

/*form*/
.register-box {padding: 24px 104px;background:#F5F5F5;border-radius: 24px;}
.register-box .inner-form {position: relative;margin-bottom: 24px;display:flex;align-items:center;gap: 18px;}
.register-box .inner-form > label {width: 160px;font-family: Pretendard GOV;font-weight: 600;font-size: 18px;line-height: 1;letter-spacing: -0.2px;color: #222;}
.register-box .inner-form label span {color: #E00000;}
.register-box .inner-form input,
.register-box .inner-form select{flex:1;width: 100%;border-radius: 6px;border: 1px solid rgba(0,0,0,0.15);background: #FFFFFF;font-size: 14px;font-weight: 400;line-height: 24px;padding: 11px 20px;box-sizing: border-box;color: #808080;outline:none;font-family: 'Pretendard GOV';}
.register-box .inner-form .b-select { position: relative;min-width: 120px;width: 100%;height: 48px;background: #fff url(../img/common/ico-selectbox.png) no-repeat right 15px center;font-family: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.register-box .inner-form input.pw {padding: 11px 48px;}
.register-box .inner-form > div {display:flex;align-items:center;gap:9px;}
.register-box .inner-form > .criteria {display:block;}
.register-box .inner-form > .criteria p + p {margin-top: 16px;}
.register-box .inner-form > .criteria .b-chk + label {font-weight: 400;font-size: 17px;line-height: 140%;}
.register-box .inner-form > div span {font-family: Pretendard GOV;font-weight: 600;font-size: 18px;line-height: 1;letter-spacing: -0.2px;}
.register-box .inner-form > div input,
.register-box .inner-form > div select{max-width: 120px;}
.register-box .inner-form > div .identity {font-family: Pretendard GOV;font-weight: 600;font-size: 16px;line-height: 1;background:#0066B3;padding: 16px 24px;border-radius:6px;color:#fff}
.register-box .inner-form input:focus {border: 2px solid #000;}
.register-box .inner-form input::placeholder {color: #A0A0A0;}
.register-box .inner-form .lock {width: 24px;height: 24px;position: absolute;top: 50%;left: 16px;transform: translateY(-50%);background: url(../img/common/ico-lock.png) no-repeat center;background-size: contain;}
.register-box .inner-form .eye-off,.register-box .inner-form .eye-on {width: 24px;height: 24px;position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
.register-box .inner-form .eye-off {background: url(../img/common/ico-eye-off.png) no-repeat center;background-size: contain;}
.register-box .inner-form .eye-on {background: url(../img/common/ico-eye-on.png) no-repeat center;background-size: contain;}
.txt-note {font-family: Pretendard GOV;font-weight: 400;font-size: 16px;line-height: 100%;color:#E00000;}

.find-box {padding: 0;}
.find-box .inner-form > label {width: 116px;}

.find-box .login-bottom {margin: 0;}
.find-box .login-bottom .myId {background: #fff;padding: 40px 20px;border-radius: 6px;display:none;opacity: 0;transition: opacity 0.3s ease;}
.find-box .login-bottom .myId.show {display:block;opacity:1;margin: 40px 0 0 0;}
.find-box .login-bottom .myId p {font-family: Pretendard GOV;font-weight: 700;font-size: 20px;line-height: 140%;text-align: center;color: #696969;}
.find-box .login-bottom .myId p span {font-size:28px;}

@media (max-width: 1024px) {
	.register-box {padding: 24px;}
	.register-box .inner-form {flex-direction: column;align-items: flex-start;gap: 15px;}
	.register-box .inner-form > .criteria {flex-direction: column;align-items: flex-start;}
	.register-box .inner-form .eye-off, .login-box .inner-form .eye-on {top: calc(50% + 15px);}
}
@media (max-width: 768px) {
	.register-box {padding: 24px 12px;}
	.find-box {padding: 0;}
	.register-box .inner-form > div .identity {padding: 16px 12px;font-size: 14px;}
	.register-box .inner-form .b-select {background: #fff url(../img/common/ico-selectbox.png) no-repeat right 5px center;}
	.btn-box {gap: 12px;margin: 40px 0 0 0;}
	.terms-box {padding: 0;}
	.block-term .title {padding: 0;}
	.block-term + .block-term {margin-top: 24px;}
	.block-term .body {padding: 15px;}
	.block-term .body::-webkit-scrollbar {width: 4px;}
	.register-box .inner-form > div input, .register-box .inner-form > div select {max-width: 100%;}
	.register-box .inner-form .b-select {max-width: 100%;min-width:auto;padding:11px;}
	.register-box .inner-form > label {font-size: 14px;}
	.register-box .inner-form > div {width: 100%;}
	.register-box .inner-form > div span {font-size:16px;}
	.terms-box .btn-step {font-size: 18px;padding: 15px 0;min-width: 150px;}
	.register-box .inner-form > .criteria .b-chk + label {font-size: 14px;}
	.txt-note {line-height: 1.2;font-size: 14px;}
	.completed p {font-size:24px;}
	.register-box .inner-form:last-of-type {margin-bottom: 0;}
	.find-box .inner-form:last-of-type {margin-bottom: 20px;}
	.find-box .login-bottom .myId {padding: 20px;}
	.find-box .login-bottom .myId p {font-size: 16px;}
	.find-box .login-bottom .myId p span {font-size: 22px;}
	.find-box .login-bottom .myId.show {margin: 24px 0 0 0;}
}