/* 헤더와 푸터 관리자 로그인영역 */
.li_admin_state{color:#8b8b8b; font-size:14px; font-weight:400;}
.btn_logout{margin-left:5px; background:#a082c8; color:#fff; padding:5px 10px; border-radius:30px; cursor:pointer;}
.btn_logout_formo{display:none;}

.footer_menu{width:30%;}
.li_admin_login a{color:#c5c5c5;}



/* 로그인 영역*/
.login_wrap{margin: 100px auto; width: 50%;}
	.login_wrap h2 {margin-bottom:30px; font-size:20px; color:#212121; font-weight:400;}
	.login_wrap h2 > p{margin-top:20px; font-size:60px; color:#a082c8; font-weight:bold;}

	.login_wrap label{margin-bottom:10px; color:#999999; font-size:15px;}
	.login_wrap input{border:none !important; padding:0; border-bottom:1px solid #ddd !important;}
	.input_wrap > p{position:relative;}
	.input_wrap img{position: absolute; right: 0; top: 5px; /* transform: translateY(-50%); */ width: 30px;}
	input[type=checkbox]:checked + label span.checkmark { background-color: #a082c8;}
	.btn_login button{background: #262626; color: #fff; width: 100%; height: 60px; line-height: 60px;font-size: 22px; border-radius: 5px;}



@media screen and (max-width:1566px){
	.li_admin_state b, .li_admin_state__time{display:none;}
}

@media screen and (max-width:1439px){
	.footer_menu{width:50%;}
}

@media screen and (max-width:1200px){
	.gnb > li > a{margin-right:45px;}
}

@media screen and (max-width:1023px){
	.footer_menu{width:80%;}
	.btn_logout_formo{display:block; margin-right:50px;}
}

@media screen and (max-width:860px){
	.gnb{display:none;}
}

@media screen and (max-width:767px){
	.login_wrap{width: 70%;}

	.footer_menu{width:100%;}
}

@media screen and (max-width:479px){
	 .login_wrap{width: calc(100% - 40px);}

	.footer_menu{flex-wrap:wrap; justify-content:center;}
	.footer_menu li{margin:5px 10px;}
}





