.login-wrap {background: url(../img/common/bg-account.jpg) no-repeat center center; background-size: cover;height: 100vh;width: 100%;position: relative;}
.login-inner {border-radius: 24px;padding: 32px;background: rgba(255,255,255,0.8);}

.login-body-box {display: flex;align-items: center;}
.login-body-box .left-box {width: 408px;box-sizing: border-box;text-align:center;}
.login-body-box  h1 {font-family: Paperlogy;font-weight:700;font-size:32px;line-height:110%;text-align:center;margin: 0 0 40px 0;color: #222222;}
.login-body-box .right-box {width:488px;padding: 16px;box-sizing: border-box;}
.login-body-box .login-top {margin: 0 0 20px 0;}
.login-body-box .login-head > p {font-weight: 500;font-size: 16px;line-height: 140%;color: #222222;margin:7px 0 28px 0;} 
form .inner-form {margin: 0 0 16px 0;}
form label{display: none;}
form input {width: 100%;box-sizing: border-box;background: #fff;border: 1px solid #DCDCDC;border-radius: 6px !important;padding:11px 16px;outline: none;font-weight: 400;font-size:16px; color: #A9A9A9;line-height: 1;}
form input::placeholder  {font-size:16px; color: #A9A9A9;line-height: 1;font-family: Paperlogy;}
form button {width: 100%;background:#0068B7;font-family: Pretendard GOV;font-weight: 700;font-size: 22px;line-height: 1;color: #fff;border:none;padding: 17px 20px;border-radius:36px;cursor:pointer;}
.login-body-box form .inner-form {position: relative;}
.login-body-box form .inner-form .eye-off, 
.login-body-box form .inner-form .eye-on {width: 24px; height: 24px;position: absolute;top: 50%;transform: translatey(-50%);right: 16px;}
.login-body-box form .inner-form .eye-off {background: url(../img/common/ico-eye-off.png) no-repeat center;background-size: contain;}
.login-body-box form .inner-form .eye-on {background: url(../img/common/ico-eye-on.png) no-repeat center;background-size: contain;}
.login-body-box .login-middle {margin: 0 0 40px 0;}
.login-body-box .login-middle > ul {display:flex;align-items:center;justify-content:center;}
.login-body-box .login-middle > ul > li {position: relative;}
.login-body-box .login-middle > ul > li > a {display: inline-block;position: relative;font-weight: 400;font-size: 16px;line-height: 1;letter-spacing: -0.2px;color: #808080;padding: 0 8px;}
.login-body-box .login-middle > ul > li + li a:before {content: ""; position: absolute;top:0;left:0;width:1px;height: 100%;background:#808080;}

.login-bottom {padding:16px 0 5px 24px;background:rgba(0, 104, 183, 0.1)}
.login-bottom dl {display:flex;flex-wrap: wrap;gap: 0px;margin-bottom: 0;}
.login-bottom dt {flex: 1;min-width: 104px;font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: -0.2px;color: #404040;}
.login-bottom dd {width: calc(100% - 120px);font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing:-0.2px;color: #404040;}

//find-password
.find-password {}
.find-password-inner {display: none;padding: 40px;background: rgba(246, 246, 246, 1);border-radius: 16px;}
.find-password h2 {text-align: center;margin: 0 0 40px 0;}
.find-password h2 span {display: inline-block;padding: 16px 0;font-family: Paperlogy;font-weight: 700;font-size: 32px;line-height: 110%;vertical-align: middle;color: #222; border-bottom: 3px solid #C0C0C0;}
.find-password form .inner-form {display: flex;align-items:center;}
.find-password form label {display: block;font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: 0.2px;color:#222222;min-width: 120px;}
.find-password form .inner-form input {width: calc(100% - 120px);}
.find-password form .btn-login {text-align: center;}
.find-password .login-bottom {background:#EEEEEE;border-radius:6px;margin: 0 0 40px 0;}
.find-password .login-bottom dl {margin: 0 0 13px 0;}
.find-password .login-bottom dt,
.find-password .login-bottom dd{color: #696969;}
.find-password .login-bottom > p {font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.2px;color: #696969;}
.find-password .login-bottom > p + p {margin: 13px 0 0 0;}
.find-password form button {width: auto;min-width: 144px;}
.find-password .btn-close {position:absolute;top: 24px;right: 24px;width: 24px;height: 24px;background:url(../img/common/ico-x-close.png) no-repeat 0 0/100%;cursor:pointer;}
.find-password .show-password {display:flex;align-items:center;gap: 16px;background: #fff;border-radius: 6px;padding: 24px;margin: 0 0 40px 0;}
.find-password .show-password p {font-size: 26px;line-height: 140%;color:#404040;}
.find-password .show-password p.t1 {min-width: 104px;letter-spacing:-0.2px;font-weight: 600;}
.find-password .show-password p.t2 {width: calc(100% - 120px);font-weight: 400;}
@media (min-width: 1025px) {
	.login-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.find-password{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.find-password-inner {max-width: 560px;}
}
@media (max-width: 1024px) {
	.login-wrap {overflow-y: auto;overflow-x:hidden;}
	.login-body-box {flex-direction: column;}
	.find-password form label {margin-bottom: 10px;}
	.find-password form .inner-form input {width: 100%};
	.login-body-box .left-box {width: 100%;}
	.login-body-box .right-box {width: 100%;padding: 16px 0;}
	.login-inner {padding: 32px 16px; margin: 32px 16px;}
	.login-body-box .login-bottom {padding: 16px;}
	.find-password{margin: 32px 16px;}
	.find-password-inner {padding: 32px 16px;}
	.find-password .btn-close {top: 48px;right: 32px;}
}
@media (max-width: 768px) {
	.login-body-box .login-bottom {padding: 16px 8px;}
	.login-body-box .login-bottom dl {gap: 8px;}
	.login-bottom {padding: 16px;}
	.find-password h2 span {font-size: 28px;}
	.find-password form .inner-form {flex-direction: column;align-items: flex-start;}
}
@media (max-width:480px) {
	.find-password .show-password,
	.login-bottom dl {flex-direction: column;}
	.login-bottom dt,  .login-bottom dd {width: 100%}
	.find-password .show-password p {font-size: 22px;}
}