@charset "utf-8";

html,body{height:100%;}
#wrap{height:100%;width:100%;}
#topspacer{height:20%;}

#login-wrap{margin:0 auto;width:396px;font-family: "Noto Sans KR", sans-serif;text-align:center;color:#fff;}
#login-wrap strong{display:block;margin-top:15px;font-weight:700;font-size:25px;color:#ff9900;letter-spacing:2px;}
#login-wrap h2{margin:30px 0 20px;font-weight:500;font-size:50px;}
#login-wrap form > div{margin-top:10px;}
.f-control{
	width:100%;
	height:48px;
	padding:10px 20px;
	font-weight:700;
	font-size:15px;
	color:#000 !important;
	border:2px solid rgba(255,255,255,.5);
	background-color:transparent;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	transition:all ease-in-out .25s;
}
.f-control:hover{border-color:rgba(255,255,255,1);transition:all ease-in-out .25s;}
.f-control:focus{outline:none;border-color:rgba(187,255,91,1);background-color:rgba(255,255,255,.2);transition:all ease-in-out .25s;}

#login-wrap form > div a{text-decoration:none;display:block;height:48px;line-height:48px;background-color:#ff9900;font-weight:500;color:#fff;}
#login-wrap form > div a:hover{background-color:#ff6600;transition:all ease-in-out .3s;}
#login-wrap p{margin-top:30px;font-weight:500;font-size:13px;}