@charset "utf-8";

body { background:#369 url(/images/admin/layout/login_bg.jpg) top center; background-attachment:fixed; background-size:cover; /*background-size:auto 100%;*/ }

div#wrap { padding:0; margin:0; width:100%; font-family:NanumGothic,sans-serif; text-shadow:0px 0px 1px #338; }
div#wrap hr { display:none; }
div#wrap fieldset { border:none; }
div#wrap fieldset legend { display:none; }

div#wrap div#header { position:absolute; width:100%; opacity:.8; }
div#wrap div#header h2.logo { display:inline-block; float:left; margin:0; padding:10px 20px; color:#fff; font-size:14px; font-weight:800; }
div#wrap div#header p.top_menu { display:block; padding:10px 20px; color:#fff; text-align:right; }
div#wrap div#header p.top_menu a { color:#fff; font-size:13px; font-weight:bold; text-decoration:none; }

div#wrap div#container div.content_body { margin:200px auto; width:400px; font-family:Noto Sans KR,sans-serif; }
div#wrap div#container div.content_body h2 { margin:0 0 20px 0; color:#fff; font-weight:700; font-size:40px; text-align:center; }
div#wrap div#container div.content_body div.form-group { position:relative; margin-bottom:15px; }
div#wrap div#container div.content_body div.form-group label { display:none; }
div#wrap div#container div.content_body div.form-group input { width:100%; height:40px; border:none; }
div#wrap div#container div.content_body div.form-group button { width:130px; font-weight:bold; }
div#wrap div#container div.content_body div.captcha label { display:inline-block; width:auto; margin:0; }
div#wrap div#container div.content_body div.captcha label img { width:150px; height:40px; }
div#wrap div#container div.content_body div.captcha input { width:250px; padding:20px 10px; }
div#wrap div#container div.content_body form div.warn_msg { padding:10px; text-align:center; }
div#wrap div#container div.content_body form div.login-button { }
div#wrap div#container div.content_body form div.login-button button { width:100%; background:#2e68b2; border:none; }
div#wrap div#container div.content_body form div.login-button button:hover { background:#1e58a2; }

div#wrap div#aside { }

div#footer { position:absolute; bottom:0; padding:10px 20px; width:100%; color:#fff; font-weight:bold; }
div#footer .left_msg { float:left; }
div#footer .copyright { text-align:right; }

ul.tlnk { position:absolute; top:10px; right:200px; padding:0; list-style:none; }
ul.tlnk li { float:left; padding:0 5px; color:#fff; cursor:pointer; }

.inner-addon { position: relative; }
.inner-addon .fas { position: absolute; top:0; padding:13px; color:#2e68b2; text-shadow:none; }
.left-addon i.fas  { left:0; pointer-events:none; }
.right-addon span.fas { right:0; color:#bbb; cursor:pointer; }
.left-addon input { padding-left:45px; }
.right-addon input { padding-right:45px; }



@media screen and (max-width:1440px) {

}


@media screen and (max-width:1366px) {

}


@media screen and (max-width:1280px) {
	body { background-attachment:unset; background-size:auto; }
}


@media screen and (max-width:1024px) {

}


@media screen and (max-width:768px) {
	div#wrap div#container div.content_body { width:95%; }
}


@media screen and (max-width:425px) {
	div#footer .left_msg { float:none; }
	div#wrap div#container div.content_body h2 { font-size:30px; }
}


@media screen and (max-width:375px) {

}


@media screen and (max-width:320px) {

}