html{height:100% !important;}
body{height:100% !important; min-height:100% !important; background:#f3f2f0 !important;  }
.black{fill:black;}
.layout_center{display:table; margin:0 auto; width:500px; height:100%;}
.layout_center .content {display:table-cell; vertical-align:middle;  }
.container {width:100%; background:#FFF; padding:50px 100px 150px; border-radius:30px; border:1px solid #d0d0d0;}

.layout_center.v2 {display:table; margin:0 auto; width:600px; height:100%; letter-spacing:-1.3px;}
.layout_center.v2 .content {display:table-cell; vertical-align:middle; }
.layout_center.v2 .content .container {background:#FFF; padding:80px 50px; text-align:center; border-radius:30px; border:1px solid #d0d0d0;}

.content .id input, .content .pwd input {border:0 !important; margin:0; }
.content .logo {text-align:center; margin:77px 0;}
.content .id {border-bottom:1px solid #e6e6e6;}
.content .id input {width: calc(100% - 25px);}
.content .pwd input {width: calc(100% - 50px);}
.content .pwd {border-bottom:1px solid #e6e6e6; background:url('../../images/login/i_pw.svg') 0 center no-repeat; background-size:auto;}}
.content .pwd > input {width:75%;}
.content .pwd .passwordToggleBtn {cursor:pointer; padding:5px 10px; background:url('../../images/login/i_pw_view.svg') 0 center no-repeat; background-size:auto;}

.content .pwd > input[type="password"] + .passwordToggleBtn {background:url('../../images/login/i_pw_code.svg') 0 center no-repeat;}

.content .btn_login{background:#ebebeb; color:#9f9f9d; width:100%; padding:10px; margin:20px 0;}
.content .btn_login.complete {background:#06f; color:#FFF;}
.content .resp_checkbox{color:#2b3038;}

.content .error_mess{color:#ec3e3d; letter-spacing:-1px; padding:10px 0 15px;}
.captcha_wrap {border:1px solid #dfdfdf; }
#login-captcha #captcha { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; box-shadow: none; }

@media screen and (max-width:768px) {
    .layout_center{display:table; margin:0 auto; width:90%; height:100%;}    
	.container{ border:0;}
}

@media screen and (max-width:500px) {
	body{background:#FFF !important;}
    .layout_center{width:calc(100% - 60px);} 
	.container{padding:0; border:0;}
	.content .logo {margin: -100px 0 50px;}

	.layout_center.v2 {width:calc(100% - 60px);}
	.layout_center.v2 .content .container {padding: 0; border:0;}
}