@charset "UTF-8";

.b-login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:url(/_res/yonsei_rc/_share/img/common/bg-login.jpg) no-repeat center center/cover;text-align:center;}
.b-login-box{padding:10rem 2rem;max-width:72rem;width:100%;box-sizing:border-box;}
.b-login-logo-box{margin:0 auto;padding:0 0 4rem;max-width:29.4rem;}
.b-login-con-box{position:relative;padding:6.4rem 10rem;}
.b-login-con-box:before{content:'';position:absolute;top:0;left:0;border-radius:2rem;width:100%;height:100%;background:rgba(255, 255, 255, 0.04);backdrop-filter:blur(1.5rem);-webkit-backdrop-filter:blur(1.5rem);box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.1);box-sizing:border-box;}

.b-login-con{margin:0 auto;width:100%;max-width:48rem;}
.b-login-title{position:relative;z-index:10;padding:0 0 4rem;font-weight:var(--font-weight-bold);font-size:3.2rem;line-height:4.8rem;color:var(--white100);}
.b-login-con-box .b-login-info:first-of-type{padding:0 0 1.6rem;}
.b-login-con-box .b-login-info input{position:relative;z-index:10;padding:2rem 2.4rem;width:100%;border:1px solid var(--color89);border-radius:8px;background:var(--white100);font-weight:var(--font-weight-regular);font-size:1.6rem;line-height:2.4rem;color:var(--black06);letter-spacing:-0.02em;box-sizing:border-box;}
.b-login-con-box .b-login-info input::placeholder{color:var(--black06);}
.b-login-btn-box{padding:3.2rem 0 0;width:100%;}
.b-login-btn{position:relative;padding:1.7rem 2.4rem;border-radius:8px;width:100%;background:var(--white10);font-weight:var(--font-weight-regular);font-size:2rem;line-height:3rem;color:var(--white100);letter-spacing:-0.02em;box-sizing:border-box;backdrop-filter: saturate(1.5);box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.1);}
.b-login-etc-box{padding:3.2rem 0 0;}
.b-login-etc-box > ul > li{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 4px;font-size:1.4rem;line-height:2.1rem;color:var(--color39);opacity:0.8;}
.b-login-etc-box > ul > li span:before{content:'';display:inline-flex;margin:0 8px;width:1px;height:8px;background:var(--color39);opacity:0.4;}

@media screen and (max-width:1024.98px) {
	.b-login-box{padding:5rem 1rem;max-width:100%;}
	.b-login-logo-box{max-width:20rem;}
	.b-login-title{padding:0 0 2rem;font-size:2rem;line-height:2.4rem;}
	.b-login-con-box{padding:3rem 2rem;}
	.b-login-con-box .b-login-info input{padding:1.2rem;font-size:1.4rem;line-height:2rem;}
	.b-login-btn-box{padding:2rem 0 0;}
	.b-login-btn{padding:1.2rem;font-size:1.4rem;line-height:2rem;}
	.b-login-etc-box > ul > li{justify-content:center;}
	.b-login-etc-box > ul > li span{width:100%;}
	.b-login-etc-box > ul > li span:before{display:none;}
}