@charset "utf-8";
/* common */
html, body{padding:0; margin:0;}
body, td, th, p, dt, dl, dd,  div, h1, h2, h3, h4, h5, h6, input, select, radio {font-family:'Open Sans','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum' sans-serif; font-size:12px; color:#494949; padding:0; margin:0; font-weight:normal;}
img {border:0; vertical-align:top;}
em {font-style:normal;}
a {overflow:hidden;}
@font-face {
	font-family:'NanumBarunGothicLight';
	font-style:normal;
	font-weight:300;
	src:url('../../font/NanumBarunGothicLight.eot');
	src:url('../../font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
		url('../../font/NanumBarunGothicLight.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url('../../font/NanumBarunGothic.eot');
	src:url('../../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../../font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothicBold';
	font-style:normal;
	font-weight:700;
	src:url('../../font/NanumBarunGothicBold.eot');
	src:url('../../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../../font/NanumBarunGothicBold.woff') format('woff');
}
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);  /*font-family: 'Nanum Gothic Coding', monospace;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);   /*font-family: 'Nanum Gothic', sans-serif;*/


/* ===========
컨텐츠
=========== */
a:link, a:visited, a:active {color:#7e8490; text-decoration:none;}
a:hover {text-decoration:none; color:#b0b1ba;}
.hid {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
/* LOGIN */
.login_con {width:800px; height:500px; display:block; margin:150px auto 0;}
.login {display:block; position:relative; width:100%; height:100%; background:url('../../img/login/top_img.png') no-repeat 0 40px;}
.logo {background:url('../../img/login/logo.png') no-repeat 10px 1px; height:40px; padding-left:50px; font-family:'NanumBarunGothic'; font-size:18px; letter-spacing:-.5px; color:#666; line-height:34px;}
.logo em {color:#e0200c;}
.info {position:absolute; top:240px; margin-left:15px; font-size:13px; font-family:'NanumBarunGothic'; color:#666; line-height:1.6em; text-align:justify; width:385px;}
.info em {color:#e0200c;font-size:16px;}
.info span {font-size:12px; color:#888;}
.info p {font-size:13px; color:#444; margin-top:13px; height:20px; line-height:20px; right:0; position:absolute;}
input[type=checkbox].chkbox1 {position:absolute; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].chkbox1 + label.label1 {padding-left:22px; line-height:19px; height:20px; display:inline-block; background-repeat:no-repeat; background-size:20px; background-position:left top; vertical-align:top; cursor:pointer;}
input[type=checkbox].chkbox1:checked + label.label1 {background-position: 0 -20px; color:#654cff;}
.label1 {background:url('../../img/login/chkbox.png'); }

.input_wrap {display:block; position:absolute; top:240px; right:20px; margin:0 auto;}
.input_wrap input[type="text"], .input_wrap input[type="password"] {display:block; width:310px; height:47px; line-height:46px; background:none; border:none; padding-left:10px; color:#747e87;}
.input_wrap p:first-child {border-bottom: none;}
.input_wrap .input {height:46px; width:320px; background:#fff; border:1px solid #cdcdcd;}
.input_wrap input {position:relative; display:block; color:#444; line-height:1;}
.btn_login {position:relative; top:18px;}
.btn_login a {display:block; width:320px; height:40px; line-height:40px; font-size:18px; font-family:'NanumBarunGothic'; color:#fff; text-align:center; letter-spacing:-1px; background:#e0200c; margin-top:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #c10004;}
.footer {background:#555; height:35px; width:100%; border-radius:3px; color:#aaa; font-family:Verdana; font-size:10px; line-height:33px; text-align:center; bottom:0; position:absolute;}
input{vertical-align:middle;}