@CHARSET "utf-8";   
/*@import url('default.css');*/

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;}

.login_wide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.loginbox{
	height:530px;
	margin: 0 auto;
	padding: 0 20px;
	width:430px;
}

.inputTitle{
	font-size: 34px;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

.leftTitle{
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 2px;
	bottom: 0;
	display: inline-block;
	vertical-align: bottom;
}

.subTitle{
	font-size: 16px;
	font-weight: 700;
	right: 0;
	float: right;
	bottom: 0;
	margin-top: 7px;
	letter-spacing: 0px;
	text-align: right;
	line-height: 14px;
}

.loginhead{
	padding: 130px 0 8px 0;
}

.loginhead img{
	vertical-align: middle;
	padding: 0;
}

.loginmiddle{
	margin: 0 auto;
	padding: 25px 24px 48px;
	border: 1px solid #919191;
	background: #fff;
	box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
}

.loginsubtitle{
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	padding-top: 3px;
}

.loginfooter{
	padding-top: 25px;
	margin: 0 auto;
	text-align: center;
}

.loginfooter ul{
	padding-bottom: 2px;
}

.loginfooter li{
	display:inline-block;
}

.loginfooter li+li {
	position: relative;
	padding-left: 19px;
}

.loginfooter li+li::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 9px;
	top: 3px;
	left: 8px;
	background-color: #333;
}
/****************************************************************
로그인창 반응형
****************************************************************/
/*height:0~600px*/
@media screen and (max-height: 620px) {
	.loginbox{
		margin-top:-130px;
	}
	.loginbox .loginmiddle h1 img {width:151px;}
}
/****************************************************************/

h1{
	text-align:center;
	font-size: 34px;
	letter-spacing: 1px;
}
form {margin-left: 0;padding:0;}
#nav {margin: 24px 0 0;}
.login #nav {font-size: 13px;padding: 0 24px;}
form .input, .login form input[type=checkbox], .login input[type=text] {background: #fbfbfb;}
form .input, 
.login input[type=text] {font-size:14px !important;width:100% !important;height:45px !important;background:#fff;padding: 3px;margin: 5px 0 0;color:#919191;text-indent:13px;box-sizing: border-box !important;border-radius: 2px;}
.inputDiv{margin:12px 0 0;}
.inputDiv strong {font-size: 14px;}
.divbar{color: #ddd;display: inline-block;zoom: 1;padding: 0 5px;}

.sec_check{text-align:center;font-size: 13px;}
.sec_check a{display:inline-block;padding:0 13px;text-align:center;}

input[type=text], input[type=search], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], select, textarea {
    border: 1px solid #ddd;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

.button.button-large {width:100%;height:51px;background:#6e82f3; line-height:28px;color:#fff;cursor:pointer;font-size: 15px;font-weight: 600;margin-top:28px;border-radius: 2px;}
.button.button-large:hover{background:#4051AD;}
.button {vertical-align: baseline;}

.lyr_pos1{padding-top: 28px;}

.keybox_wrap{position:relative;}
.img_key{position:absolute;top:0;left:0;}
.sec_txt{z-index: 10;top: 0;left: 0;vertical-align: middle;height: 45px;width: 30%;display: inline-block;border: 1px solid #ddd;user-select: none;box-sizing: border-box;}
.sec_txt span.txt{display:block;padding:3px 0 3px 0;text-align:center;}
.sec_txt strong{display:inline-block;font-size:23px;font-weight:200;font-family:NanumGothicB;color:#ff8401;vertical-align:middle;}
.sec_txt .bar{display:inline-block;width:19px;height:18px;background: url(/static/img/login/bul_arrow-c33fca19c7c890459efdb11b684d573d.png) no-repeat 0 0;vertical-align:middle;margin:0 3px;}
.sec_txt .input_code{width:91px;height:30px;vertical-align:middle;-webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px;text-align:center;font-family:NanumGothicB;font-size:23px;}
.wrap_code{padding:8px;display:block;text-align: center;}
/* 
.footer{position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    padding: 60px 0 24px;
    max-width: 400px;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
} */

#numKeySection {
	display: block;
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
	align-content: center;
	text-align: center;
	border: 1px solid #ddd;
	border-top: 0px;
}
.numKey, .clearKey, .backKey{
	background-color: #fff !important;
	margin: 5px 10px;
	width: 38px;
	height: 37px;
	font-weight: 700;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

.backKey {
	background: url(/static/img/backspace-0e2e203134c18e09ee9c18011e002323.png) center no-repeat;
	top: 25px;
	vertical-align: bottom;
}