@charset "UTF-8";

input[type="radio"]{
	display:none;
}
.login {
	margin:40px auto 80px;
	padding:0 15px;
	max-width:562px;
}
.login .login__sheet .login__telecom-select{
	border-radius: 6px;
	height:48px;
	overflow: hidden;
	display:flex;
	gap:1px;
}
.login .login__sheet .login__telecom-select label{
	width:33.33%;
	height:100%;
	text-align: center;
	line-height:48px;
	background:#f7f8f9;
	color:#484848;
}
.login .login__sheet .login__telecom-select input:checked + label{
	background:#006dc7;
	color:#fff;
}
.login .login__sheet .login__telecom-select input[disabled] + label{
    color:#b5b5b5;
}
.login .login__sheet .login__telecom-select input:checked[disabled] + label{
    background: #d5d6d7;
    color: #fff;
}
.login .login__phone-auth{
	margin-top:12px;
	display:flex;
	flex-direction: column;
	gap:8px;
}
.login .login__phone-auth li{
	position: relative;
	display:flex;
	gap:8px;
}
.login .login__phone-auth li#authentication-confirm{
    display:none
}
.login .login__phone-auth li#authentication-confirm.active{
    display:flex;
}
.login .login__phone-auth li#login__phone-auth{
    display:flex;
}
.login .login__phone-auth li input{
	padding-left:15px;
	width:calc(100% - 120px);
	min-width:216px;
}
.login .login__phone-auth li input#phone-num-input[disabled]{
    background-color: #f7f8f9;
}
.login .login__phone-auth li#authentication-confirm input{
    width:100%;
}
.login .login__phone-auth li span{
	position: absolute;
	right:42px;
	top:10px;
	color:#f00;
}

.login .login__phone-auth li button{
	width:120px;
}
.login .login__phone-auth li button#submit-phone-num.off{
    background-color: #f7f8f9;
    color: #aeaeae;
}

.login .login__button{
    width:100%;
    margin-top:40px;
    background-color: #f7f8f9;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1.26px;
    color: #aeaeae;
}
.login .login__button.active{
    background:#006dc7;
    color:#fff;
}
@media (min-width:1140px) {
	.login {
		margin:100px auto 120px;
		padding:0;
	}
	.login .login__sheet .login__telecom-select{
		height:56px;
	}
	.login .login__sheet .login__telecom-select label{
		font-size: 18px;
		line-height: 56px;
	}
	#login__authentication span{
        line-height:56px;
    }
    .login .login__phone-auth li span{
    	top:16px;
    }
}