@charset "utf-8";

.login-wrap {width:100%; margin-top:calc((100vh - 161px) / 2 - 75px)}
.login-wrap h1 {width:400px; height:30px; margin:0 auto; line-height:30px; font-size:22px;}
.login-wrap h2 {width:400px; height:45px; margin:0 auto; line-height:30px; color:#999;}
.login-wrap .content {background-color:#333;}
.login-wrap .content form {position:relative; width:400px; padding:50px 0; margin:0 auto; }
.login-wrap .content form:after {clear:both; display:block; content:'';}
.login-wrap .content form fieldset {display:flex; align-items:center; justify-content:center;}
.login-wrap .content form .input-area {float:left;}
.login-wrap .content form .input-area dl {display:flex; align-items:center; justify-content:center; margin-top:5px;}
.login-wrap .content form .input-area dl:first-child {margin-top:0px;}
.login-wrap .content form .input-area dl dt {width:100px; color:#fff; font-weight:bold; font-size:16px; line-height:17px;}
.login-wrap .content form .input-area dl dd input {display:block; width:200px; height:28px; padding:0 5px; line-height:180%; background:#fff; border-style:none; box-sizing:border-box; border-radius:3px 0 0 3px;}
.login-wrap .content form .submit-area {margin-left:5px;}
.login-wrap .content form .submit-area input {width:95px; height:61px; color:#fff; font-weight:bold; font-size:16px; line-height:17px; border-style:none; background:#888; border-radius:0 3px 3px 0; cursor:pointer;}
.login-wrap .content form .request {position:absolute; left:0; bottom:-36px; width:100%; text-align:right;}
.login-wrap .content form .request a {display:inline-block; padding:0 12px; line-height:26px; color:#fff; text-align:center; text-decoration:none; background-color:#333; border-radius:3px;}

.login-wrap .content form .input-area dl.off {display:none;}
.login-wrap .content form .input-area dl.certNo > dd {position:relative;}
.login-wrap .content form .input-area dl.certNo > dd > em {position:absolute; right:6px; top:0; line-height:28px;}
.login-wrap .content form .submit-area.certNo input {height:94px;}

/* 휴대전화등록 */
.celNo-layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#fff; background-color:rgba(255, 255, 255, 0.5); z-index:999;}
.celNo-layer.on {display:block;}
.celNo-layer .input-form {
	display:block;
	width:400px;
	height:260px;
	padding:0;
	margin:0 auto;
	margin-top:calc((100vh - 260px) / 2);
	background-color:#fff;
	border:1px solid #000;
	box-sizing:border-box;
	border-radius:3px;
}
.celNo-layer .input-form h2 {width:unset; height:unset; padding:0 15px; font-size:18px; line-height:50px; background-color:#333; color:#fff; z-index:998; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:50px;}
.celNo-layer .input-form form {padding:15px;}
.celNo-layer a.close {position:absolute; right:15px; top:15px; line-height:20px;}