@charset "utf-8";

@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 100; src: local('Noto Sans Thin'), local('NotoSans-Thin'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300; src: local('Noto Sans Light'), local('NotoSans-Light'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 350; src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400; src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 900; src: local('Noto Sans Black'), local('NotoSans-Black'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype'); } 

*{
	margin: 0;
	padding: 0;
}

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

input{ font-family:'Montserrat' font-size:13px;}
select,textarea{ font-family:'Montserrat' 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;}
.bg_top{ position:fixed; top:0px; left:0px; width:100%; height:50%; z-index:200; background-color:#fff; opacity:0.3;}
.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:16px; color:#000000; letter-spacing:-1px; margin-bottom:10px; font-weight:600;} 
.login_wrap .top .logo{ font-size:12px; letter-spacing:-1px; font-weight:bold;}
.login_wrap .top img{ vertical-align:middle; margin:0 3px 8px 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:#0097a7; 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%;}
	}