/**********************/
/* ui login style */
/**********************/

body {font:normal 12px Malgun Gothic,'����',Gulim,helvetica,arial,sans-serif;font-size:12px;color:#363636;padding:0;margin:0;}
input[type='checkbox']{
	-webkit-margin-end: 2px;
	line-height: 1em;
	min-width: 13px;
	top: 0;
}

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #f1f5f7 inset;}
input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0 50px #f1f5f7 inset;}

/* background */
.halfscreen {position:fixed;top:-40%;right:0;left:0;bottom:60%;background:#4d67a0;background-size:cover;}
.halfscreen .pattern {position:absolute;top:0;left:0;right:0;height:100%;background:url(../images/login/bg-halfscreen-pattern.png) repeat 0 0;zoom:1;}
.halfscreen .section {position:absolute;bottom:0;left:0;right:0;height:4px;background:url(../images/login/bg-halfscreen-section.png) repeat-x 0 0;zoom:1;}

/* logo */
/* h1.logo {height:40px;margin-left:4px; background:url(../images/login/login5/img_logo_wigo.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;margin-bottom:22px} */
h1.logo {
	height:80px; background:url(../images/login/login4/img_logo.png) no-repeat 50% 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

/* login */
.login-body{width:100%;height:100%;background:#545c6c url(../images/login/login5/bg_pattern.jpg) no-repeat 0 0/cover;}
.login-wrap {position:absolute;left:50%;top:50%;width:867px; height:525px; background: url(../images/login/login5/bg_box_login.png) no-repeat 0 0;border-radius:3px;box-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.login-wrap .txt {width:710px;height:15px;font:normal 11px '����',Dotum,helvetica,arial,sans-serif;color:#5a5a5a;margin:65px auto 0;text-align:center;}
.login-wrap .txt em {font:normal 12px Malgun Gothic,'����',Gulim,helvetica,arial,sans-serif;}
.login-wrap .txt strong {color:#ba9440;}

#login-form {position:relative; margin-left:370px; padding:124px 59px 0 84px;}
#login-form label {display:none;}
#login-form .family {float:left;width:190px;height:30px;margin-right:7px;}
#login-form .familyLink {border:1px solid #c4c4c4;color:#363636;font:normal 12px Malgun Gothic,'����',Gulim,helvetica,arial,sans-serif;height:28px;line-height:27px;margin-top:1px;padding-left:10px;width:190px;background:#fff url(../images/login/familyLinkOpen.gif) no-repeat top right;display:block;}
#login-form .familyLink:hover {text-decoration:underline;}
#login-form .familyLinkLayer {position:absolute;width:190px;background:#FFF;border:1px solid #c4c4c4;padding:0 10px;z-index:1;cursor:pointer;}
#login-form .familyLinkLayer li {border-top:1px solid #e9ebf1;height:28px;line-height:28px;}
#login-form .familyLinkLayer li:first-child {border-top:none;}
#login-form .logForm {height:47px;border-bottom:1px solid #d2d2d2;}
#login-form .logForm label{vertical-align:middle;font-size:0;line-height:0;overflow:hiddenl;text-indent:-9999px;margin:0 10px}
#login-form .username label{display:inline-block;width:21px;height:21px;background:url(../images/login/login4/ico_id.png) no-repeat 0 0;}
#login-form .password label{display:inline-block;width:21px;height:21px;background:url(../images/login/login4/ico_pw.png) no-repeat 0 0;}
#login-form .logForm input:-ms-input-placeholder{color:#a7a7a7;font-weight:bold; font-size:14px;} 
#login-form .logForm input::-ms-input-placeholder{color:#a7a7a7;font-weight:bold; font-size:14px;}
#login-form .logForm input::-moz-placeholder {color:#a7a7a7;font-weight:bold; font-size:14px;}
#login-form .logForm input::-webkit-input-placeholder {color:#a7a7a7;font-weight:bold; font-size:14px;}
#login-form .logForm input::placeholder {color:#a7a7a7;font-weight:bold; font-size:14px;}
#login-form .logForm input{width:80%;height:46px;border:0 none;line-height:33px;color:#363636; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#login-form .submit {width:353px;height:43px; margin-top:23px;  border:0; background:#3B77E8;}
#login-form .submit:link {border:0;background:url(../images/login/btn-login.png) no-repeat top left;}
#login-form .submit span {display:block;color:#FFF;font-size:15px; font-weight:bold;cursor:pointer;}

#login-form .checkforms {margin-top:16px;}
#login-form .checkforms .idcheck input {bottom:2px;height:13px;width:13px;position:relative;vertical-align:middle;}
#login-form .checkforms .idcheck label {color:#333; font-size:14px; display:inline-block;white-space:nowrap;text-overflow:ellipsis;line-height:1em;margin-left:3px;vertical-align: middle;cursor:pointer;}
.check-box span {display:inline-block; width:12px; height:12px; border:1px solid #3B77E8;    vertical-align: middle; background:#3B77E8;}
.check-box input {display:none;}
.check-box input:checked + span {background:#3B77E8 url(../images/login/login4/ico_arr_check.png) no-repeat 50% 50%; background-size:7px auto;}
#login-form .initial {display:block;font:normal 12px Malgun Gothic,'����',Dotum,helvetica,arial,sans-serif;color:#fff;cursor:pointer;margin-top:30px;border-top:1px solid #353840;padding-top:15px;text-align:center}

/* footer */
.footer {position:fixed;width:100%;bottom:0;height:46px;}