@Charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none;vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
body {background:#fff;}
body,th,td,input,textarea,button {font:12px/1.5 '돋움';color:#4c4c4c;}
a {color:#313131; text-decoration:none;}
a:active, a:HOVER, a:focus {text-decoration:none;}

.w_main {min-height:395px; padding-bottom:20px; overflow:hidden;}
.main {position:relative; margin:0 auto; max-width:700px; min-width:340px; min-height:240px; border:1px solid #ddd; background:#e8e8e8; overflow:hidden;}
.main .log {position:absolute; top:37px; left:210px; width:334px;}
.main .log div {width:245px; float:left; margin:0 5px 0 0;}
.main .log input {width:240px; height:27px; margin:0 0 5px 0; font-size:15px;}
.main .log img {margin:2px 0 0 0;}
.main .id {position:absolute; top:115px; left:210px;}
.main .id a {margin:0 0 0 10px; font-weight:bold; color:#00387f;}
.main .t {position:absolute; top:47px; left:125px;}
.main .t li {margin-bottom:22px; }

.main .login {position:relative; max-width:410px; padding:0 10px 10px; margin:35px auto 0;}
.main .login .box {}
.main .login .box span {display:inline-block; width:80px;}
.main .login .box input {width:240px; height:27px; line-height:27px; margin:0 0 5px 0; font-size:15px;}
.main .login .check {padding:7px 0 0 85px;}
.main .login .check a {margin:0 0 0 10px; font-weight:bold; color:#00387f;}
.main .login .btn {position:absolute; top:0px; right:0px;}

.main .text {margin:10px 30px 0px; padding:20px 0; border-top:1px solid #ddd;}
.main .text li {margin:0 0 5px 0; background:url("/hcm/login/res/img/util.png") no-repeat 0 5px; padding-left:7px; color:#252525;}
.main .text span {color:#00387f;}
.main .text a {color:#ba000c;}

@media only screen and (max-width:440px) {
	.main .login .btn {position:relative; top:auto; right:auto; padding:10px 0 0; text-align:center; display:block;}
	.main .text {margin:10px 10px 0px;}
}
@media only screen and (max-width:400px) {
	.main .login {margin:20px auto 0;}
	.main .login .box span {margin-bottom:10px;}
	.main .login .box input {width:100%; margin-bottom:10px;}
	.main .login .check {padding:0;}
}

.w_find_pw {min-height:395px; padding-bottom:20px; overflow:hidden;}
.find_pw {position:relative;margin:0 auto; max-width:700px; min-width:340px; min-height:240px; border:1px solid #ddd; background:#e8e8e8; overflow:hidden;}
.find_pw .find_id {max-width:470px; padding:0 10px 10px; margin:35px auto 0;}
.find_pw .find {position:relative; max-width:470px; padding:0 10px 10px; margin:0 auto;}
.find_pw .find .box span {display:inline-block; width:80px;}
.find_pw .find .box input {width:240px; height:27px; margin:0 0 5px 0; font-size:15px;}
.find_pw .img {position:absolute; top:0; right:0px;}

.find_pw .find2 {position:relative; max-width:530px; padding:30px 10px 10px; margin:0 auto;}
.find_pw .find2 .box span {display:inline-block; width:120px;}
.find_pw .find2 .box input {width:240px; height:27px; margin:0 0 5px 0; font-size:15px;}
.find_pw .btn2 {position:absolute; top:32px; right:0px;}
.find_pw .btn2 a {display:block; margin-bottom:5px;}

.find_pw .text {margin:10px 30px 0px; padding:20px 0; border-top:1px solid #ddd;}
.find_pw .text li {margin:0 0 5px 0; background:url("/hcm/login/res/img/util.png") no-repeat 0 5px; padding-left:7px; color:#252525;}
.find_pw .text span {color:#00387f;}

.find_pw .code {width:335px; margin:30px auto 20px;}
.find_pw .code input {height:30px; margin:0 0 5px 0;}
.find_pw .code input[type=text] {width:110px; height:30px; margin:0 0 5px 0;}

@media only screen and (max-width:540px) {
	.find_pw .btn2 {position:relative; top:auto; right:auto; padding:10px 0 0; text-align:center; display:block;}
}
@media only screen and (max-width:480px) {
	.find_pw .img {position:relative; top:auto; right:auto; padding:10px 0 0; text-align:center; display:block;}
	.find_pw .text {margin:10px 10px 0px;}
}


#remain_time {color:blue; font-weight:bold;}
.msg_body {display:table-cell; width:700px; height:140px; vertical-align:middle; text-align:center; line-height: 1.1; font-size: 50px; color: #00387f; letter-spacing: -1.5px;}
.msg_error {color:red;}