@charset "utf-8";

/* CSS Document Reset */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul,label,button,a,div{
	margin:0;
	padding:0;
	vertical-align: top;
	background-color: transparent;
	-webkit-text-size-adjust:none;
}
body {font-family: "Noto Sans KR",'Nanum Gothic',arial, Dotum, '돋움'; font-size:14px; font-weight:300;letter-spacing:-0.075em;overflow: hidden;word-break: break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
ol,ul{list-style:none;}
table{border-collapse:separate; border-spacing:0;}
th, td{ vertical-align:middle;}
a {text-decoration:inherit;color:inherit;}

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 로그인 컨텐츠 */
.login_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
.login_wrap:before {position:fixed; background:rgba(0,0,0,0.5); left:0; top:0; right:0; bottom:0; content:""; display:block;}
.login_con {width:360px; padding:40px 30px 80px; background:#Fff; position:absolute; top:50%; left:50%; margin:-360px 0 0 -180px; border-radius:5px; box-shadow:4px 4px 8px rgba(0,0,0,0.3);} 
.login_con h1 {margin:60px auto; text-align:center;}
.login_con ul {}
.login_con li {background:#efefef; margin-bottom:15px; padding:15px 0; position:relative; border-radius:4px}
.login_con li span { width:20px; height:22px; position:absolute; top:50%; left:20px; margin:-11px 0 0; background: url('https://image.r114.co.kr/images/rich/icon_login.png') no-repeat;}
.login_con li span.ico_id {background-position:0 0}
.login_con li span.ico_pw {background-position:0 -22px}
.login_con li input {width:75%; height:30px; margin-left:15%; padding-left:18px; line-height:30px; border:0; border-left:1px solid #ccc;}
.login_con p {display:block; margin-bottom:50px; padding-left:1px;}
.login_con p input {width:20px; height:20px;}
.login_con p label {padding-left:8px; cursor:pointer}
.login_con > a { display:block; line-height:65px; background:#eb0e2a; color:#fff; font-size:20px; font-weight:400; text-align:center; text-decoration:none; border-radius:4px}
.login_con > a:hover { background:#d00f00}
.login_con .admin_mail {margin:10px 0 0}
.login_con .admin_mail span { float:right}
.login_con .r114_logo { width:90px; position:absolute; bottom:20px; left:50%; margin-left:-45px}
.login_con .r114_logo img {width:100%; height:auto}