@charset "utf-8";

header, footer, nav, section, article, aside {display:block;}
* {padding:0; margin:0;}

h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;}
li {list-style:none;}
img,fieldset {border:0;vertical-align:top;}
em {font-style:normal;}
input.radio {width:13px; height:13px; vertical-align:middle;}
address,em,i {font-style:normal;}
.hdn, legend,table caption{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
table caption{font-size:0; height:0; overflow:hidden; position:static;visibility:hidden; width:0; line-height:0;}
a {text-decoration:none; color:inherit;}

html { height:100%; }

body {
	font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	font-size: 12px;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-color:#f7f7f7;
	line-height:1.4;
}


.user-ico { width:20px; height:20px; background:url(../images/login-user.png) center center no-repeat; position:absolute; top:14px; right:15px; }
.pw-ico { width:20px; height:20px; background:url(../images/login-pw.png) center center no-repeat; position:absolute; top:14px; right:15px; }


.wrap { position:relative; width:100%; height:100%; margin:0; padding:0; }


.login-wrap { max-width:460px; width:auto; min-height:400px; background:#fff; margin:0 auto; box-shadow:rgba(0, 0, 0, 0.03) 0 10px 30px; border-radius:20px; position:relative; top:220px; }
.login-innerwrap { padding:40px 70px 50px; letter-spacing:0; }
.login-innerwrap h1 { font-size:20px; text-align:left; display:block; color:#222; }
.login-innerwrap h1 span { color:#999; font-weight:300; }
.login-innerwrap h2 { font-size:12px; text-align:left; display:block; color:#999; font-weight:300; position:relative; }
.login-innerwrap h3 { font-size:12px; text-align:center; display:block; color:#ccc; font-weight:100; margin:30px 0 0; }

.login-box-area { display:block; margin:20px 0 0; }
.login-box-area .input-boxsize { display:block; margin:25px 0 0; height:50px; position:relative; border-radius:6px; left:-2px; }
.login-box-area .input-boxsize label { padding:0 5px; background:#fff; color:#749de1; position:absolute; top:-10px; left:10px; }

.input-style { background:#fff; border-radius:6px; border:1px #749de1 solid; width:100%; height:50px; text-indent:15px; color:#222; font-size:12px;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.input-style:focus { box-shadow:rgba(0, 0, 0, 0.1) 0 10px 20px; outline:none; }

.frg-type { margin:20px 0 0; height:50px; padding:0 10px 0; font-size:14px; color:#0078ff; cursor:pointer; background:none; border:0; outline:none; display:inline-block; }
.lgb-type { margin:20px 0 0; height:50px; padding:0 30px 0; font-size:14px; color:#fff; cursor:pointer; background:#0078ff; border:0; outline:none; display:inline-block; text-align:center; border-radius:6px; float:right; line-height: 48px;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.lgb-type:hover { background:#0070d8; color:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0 10px 20px; }

@media screen and (max-width: 640px) 
{
	
.smartbiz { position:absolute; width:50px; height:50px; background:url(../images/sbimg.png) center center no-repeat; top:20px; left:50%; margin-left:-25px; }
.login-wrap { max-width:460px; width:auto; min-height:400px; background:#fff; margin:0 20px 0; box-shadow:rgba(0, 0, 0, 0.03) 0 10px 30px; border-radius:20px; position:relative; top:100px; }
.login-innerwrap { padding:40px 30px 50px; letter-spacing:0; }
.login-innerwrap h1 { font-size:20px; text-align:left; display:block; color:#222; }
.login-innerwrap h1 span { color:#999; font-weight:300; }
.login-innerwrap h2 { font-size:12px; text-align:left; display:block; color:#999; font-weight:300; position:relative; }
.login-innerwrap h3 { font-size:11px; text-align:center; display:block; color:#ccc; font-weight:100; margin:30px 0 0; letter-spacing:-0.05em; }

.input-style { background:#fff; border-radius:6px; border:1px #749de1 solid; width:100%; height:50px; text-indent:15px; color:#222; font-size:12px;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.input-style:focus { box-shadow:rgba(0, 0, 0, 0.1) 0 10px 20px; outline:none; }

.frg-type { margin:20px 0 0; height:50px; padding:0 10px 0; font-size:12px; color:#0078ff; cursor:pointer; background:none; border:0; outline:none; display:inline-block; }
.lgb-type { margin:20px 0 0; height:50px; padding:0 30px 0; font-size:12px; color:#fff; cursor:pointer; background:#0078ff; border:0; outline:none; display:inline-block; text-align:center; border-radius:6px; float:right;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.lgb-type:hover { background:#0070d8; color:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0 10px 20px; }

}