/* Matches the production CI login template. */
html, body{margin:0;padding:0}
		body *{box-sizing:border-box;}
		body#admin{background-color:#fff}
		a,a:visited,a:active{color:#000;transition:linear all .1s}
		a:hover{color:#555}

		/********************************************************** LOGIN **********************************************************/
		body#login{background-color:#0261ea}
		body#login > section#content{width:100%;height:100%;position:relative}
		div.login{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:650px;width:580px;max-width:100%}
			div.login > div.logo {width:100%;text-align:center;margin-bottom:50px}
			div.login > div.login-form {height:530px;width:580px;background-color:#eee;border-top:1px solid #222;border-bottom:1px solid #ccc;padding:50px;max-width:100%}
				div.login > div.login-form > form > input{border:0; border-bottom:1px solid #222;padding:20px 0;font-size:16px;font-family:'NanumSquare',sans-serif;height:16px;width:475px;background-color:#eee;color:#222;transform:rotate(0.03deg);max-width:100%;}
				div.login > div.login-form > form > #passwd{font-family:inherit;transform:rotate(0.03deg)}
				div.login > div.login-form > form > div{margin-top:25px;font-family:'NanumSquare', sans-serif;font-size:12px;color:#787878;line-height:20px;height:20px}
					div.login > div.login-form > form > div > label{color:#222;font-weight:600;padding-left:25px}
				button{width:335px;height:45px;border:4px solid #222;font-family:'Lato', sans-serif;font-size:14px;font-weight:bold;background-color:#eee;margin-top:25px;cursor:pointer;max-width:100%}
				div.login-form > div.member-selector-wrap{display:flex;}
				div.login-form > div.member-selector-wrap > button.active{color:#fff;background:#222}
				button#btn-guest,button#btn-member{margin-top:0;word-break:keep-all}
				button#btn-guest{border-left:0}
			div.login > div.copyright {font-family:'Noto Sans', sans-serif; font-size:16px;font-weight:bold;color:#fff;text-align:center;margin-top:50px;}
		#member-login{text-align:center;}
		#guest-login{display:none;text-align:center;}
		span.sml{font-size:0.8em;display:inline-block;font-weight:600;text-align:center;margin-top:12px;margin-bottom:-13px;word-break:keep-all}
		@media screen and (min-width:0\0){
			div.login > div.login-form > form > input{height:50px}
		}

/* CI renders this logo in quirks mode without the inline image baseline gap. */
body#login .login > .logo img { vertical-align: bottom; }
/* Preserve CI's quirks-mode inline baseline space in the member form. */
body#login #member-login { padding-bottom: 2px; }