@charset "utf-8";

/*==========================================================================  */
/*=================================[    PC    ]===================================  */
/*==========================================================================  */
.content{
	width: 500px;
	margin: 0px auto;
	padding: 50px 0px;
	box-sizing: border-box;
}

.content .logo-wrap{
	display: block;
    width: 100%;
    margin-bottom:30px;
}

.content .logo-wrap .logo{
    width: 155px;
    margin: 0 auto;
    display: block;
}	

.content .title{
	font-size: 24px;
	margin-bottom: 30px;
	text-align: center;
}

.layout{
	margin-bottom: 50px;
}

.layout .form-group #userId{
	height: 70px;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 28px;
    padding: 0px 20px;
}

.btn-wrap{
	margin-bottom: 30px;
}

.btn-wrap button{
	background: #157CF4;
    color: #fff;
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 24px;
    border: 2px solid #157CF4;
}

.btn-wrap button:hover{
	background:#fff;
	color:#157CF4;
	border:2px solid #157CF4;
	transition: all 0.3s ease;
}

.link-wrap ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-wrap ul li a{
	font-size:20px;
	color:#666666;
	padding:0px 30px;
	border-right:1px solid  #C3C3C3;
}

.link-wrap ul li:last-child a{
	border:0;
}

.modal-wrap .modal-box {
    padding: 30px 40px;
    box-sizing: border-box;
    width: 630px;
}

.modal-wrap .modal-box .modal-title {
    font-size: 26px;
    text-align: left;
}

.modal-wrap .modal-box .modal-body {
    margin-bottom: 40px;
    text-align: left;
}


.modal-wrap .modal-box .modal-body p {
    padding: 0;
}


/*==========================================================================  */
/*================================[    Mobile    ]=================================  */
/*==========================================================================  */
@media all and (min-width: 1024px) and (max-width: 1400px) {
	
}

@media all and (min-width: 640px) and (max-width: 1024px) {
	
}

@media all and (min-width: 360px) and (max-width: 640px) {
	
}