@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'NanumBarunGothic', sans-serif;
	font-size: 12px;
	color:#5b616e;
	background-color:#ecf0f5;
	font-weight:300;
}

input{ font-family: 'NanumBarunGothic', sans-serif; font-size:13px;}
select,textarea{ font-family: 'NanumBarunGothic', sans-serif; font-size:13px;}
img{ border:0px;}



body,ul,dl,ol,hi,li{margin:0px; padding:0px; list-style-type:none;}

a{ text-decoration:none; color:#5b616e;}



/*공통*/

.fend{clear:both;}
html{ overflow-y:hidden;}
img{ vertical-align:top; border:0px;}



.bg{ position:fixed; top:0px; left:0px; width:100%; background-color:#eef2f5; z-index:100; opacity:0.9;}
.bg.movie video{ height:100%;}
.bg_dot{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../images/common/bg_dot.png); z-index:210; opacity:0.5;}
.bg_top{ position:fixed; top:0px; left:0px; width:100%; height:50%; z-index:200; background-color:#fff; opacity:0.1;}
.login_wrap{ position:fixed; top:calc(50% - 135px); left:calc(50% - 250px); width:500px; height:270px; background-color:#fff; box-shadow:0px 0px 5px rgba(0, 0, 0, .1); z-index:1000; border-radius:5px; opacity:1;}
.login_wrap .top{ font-family: 'Noto Sans Korean'; width:400px; margin:0 auto; padding-top:20px; font-size:18px; color:#000000; letter-spacing:-1px; margin-bottom:10px; font-weight:600;}
.login_wrap .top .logo{ font-size:14px; letter-spacing:-1px; font-weight:bold;}
.login_wrap .top img{ vertical-align:middle; margin:0 0px 10px 0;}
.login_wrap .inp_wrap{ width:400px; font-size:12px; font-weight:bold; margin:0 auto; position:relative; height:44px; line-height:44px; color:#444; background-color:#eff3f6; margin-bottom:5px; text-indent:15px; letter-spacing:-1px; position:relative; border-radius:5px; overflow:hidden;}
.login_wrap .inp_wrap input{ background-color:#eff3f6; height:44px; border:0px; width:320px; position:absolute; top:0px; right:0px; outline:none; color:#444; letter-spacing:0px; font-size:13px;}
.login_wrap .inp_wrap input:-ms-input-placeholder { color:#999; letter-spacing:-1px; font-size:12px;}
.login_wrap .inp_wrap input::-webkit-input-placeholder { color:#999; letter-spacing:-1px; font-size:12px;}
.login_wrap .btn{ font-family: 'Noto Sans Korean'; width:400px; margin:0 auto; position:relative; height:44px; line-height:44px; color:#fff; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px; cursor:pointer; background-color:#3d9fe4; border-radius:3px;}
.login_wrap .copy{ text-align:center; padding-top:20px; color:#999; font-size:12px;}

.login_wrap{ animation:login_wrap 1s}
@keyframes login_wrap {
	0%{ top:50%; opacity:0;}
	100%{ top:calc(50% - 135px); opacity:1;}
	}

.bg_top{ animation:bg_top 1s}
@keyframes bg_top {
	0%{ height:0%;}
	100%{ height:50%;}
	}