.sign .wrap {
	overflow:hidden;
	height:100vh;
}
.login_area {
	width:100%;
	text-align:center;
	position:relative;
	margin: 100px 0px;
}
.login_area .logo_login {
	margin:25px 0px 35px 0px;
}
.login_area .logo_company {
	width:138px;
	height:22px;
	background:url('../images/common/logo.png');
	margin:auto;
	display:block;
}
.login_area .login_box {
	width: 30%;
    margin: auto;
    border-radius: 20px;
    box-shadow: 3px 3px 10px rgba(0,0,0,.1);
    padding: 50px 30px;
}
.login_area .login_box .stit_page, .error_page .stit_page{
	font-size:35px;
	font-weight:700;
	margin-bottom:15px;
}
.login_area .login_box .stit_page span, .error_page .stit_page span {
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding: 0 4px;
    color:var(--primary-color);
}
.login_area .login_box .stit_page span:before, .error_page .stit_page span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 0.5em;
	background: rgba(74, 135, 235, .2);
    z-index: -1;
}
.login_area .login_box .loginContents {
	display: flex;
	flex-direction: column;
}
.login_area .login_box .loginContents .loginFormArea {
	margin-top:10px;
	position:relative;
}
.login_area .login_box .loginContents .loginFormArea .ico_input {
	position:absolute;
	top:17px;
	left:20px;
	width:15px;
	height:15px;
}
.login_area .login_box .loginContents .loginFormArea .ico_input .ico_id {
	display:inline-block;
	width:15px;
	height:15px;
	background:url('../images/input_id.png');
}
.login_area .login_box .loginContents .loginFormArea .ico_input .ico_pw {
	display:inline-block;
	width:15px;
	height:15px;
	background:url('../images/input_pw.png');
}
.login_area .login_box .loginContents .loginFormArea .ico_input .ico_email {
	display:inline-block;
	width:15px;
	height:15px;
	background:url('../images/input_email.png');
}
.login_area .login_box .loginContents .loginFormArea .input_text {
	width:100%;
	padding:15px 20px 15px 45px;
	font-size:15px;
}
.login_area .login_box .loginContents .bottomBtn {
	display: grid;
    column-gap: 10px;
    grid-template-columns: 1fr;
}
.login_area .login_box .loginContents .bottomBtn li .btn_login {
	width: 100%;
	margin-top:25px;
	display: inline-block;
}
.login_area .login_box .box_save {
	margin-top:15px;
	overflow:hidden;
}
.login_area .login_box .box_save p label .inputChk {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    background: url(../images/input_check.png) center no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}
.login_area .login_box .box_save p label:hover .inputChk {
    background: url(../images/input_check.png) center no-repeat;
}
.login_area .login_box .box_save p label .inputChk.active {
    background: url(../images/input_check_active.png) center no-repeat;
}
.login_area .login_box .pwSrch a {
	text-decoration:underline;
}
.login_area .login_box .box_save .btn_medium {
	width:49%;
	margin-right:2%;
}
.login_area .login_box .box_save .btn_medium:last-child {
	margin-right:0%;
}
.login_area .login_infoMsg {
	background:#ECF3FD;
	padding:20px;
	clear:both;
	border-radius:5px;
	text-align:left;
	color:#999;
	margin-top:40px;
	text-align: center;
}
.login_area .login_infoMsg p {
	font-weight:700;
	color:#333;
}
.login_area .login_infoMsg p:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: #555;
    position: relative;
    top: -2px;
    margin-right: 8px;
}
.login_area .login_infoMsg p.pw {
	margin-top:10px;
}
.login_area .login_infoMsg span {
	color:var(--primary-color);
	text-decoration: underline;
}
/* error_page */
.error_page {
	text-align:center;
	width:100%;
	height:100%;
	margin-top:150px;
	margin-bottom:70px;
}
.error_page .img_error {
	width:608px;
	height:359px;
	background:url('../images/img_error.png') center no-repeat;
	margin:30px auto;
}
.error_page .img_error404 {
	width:608px;
	height:359px;
	background:url('../images/img_error404.png') no-repeat;
	margin:30px auto;
}
.error_page .img_error405 {
	width:608px;
	height:359px;
	background:url('../images/img_error405.png') no-repeat;
	margin:30px auto;
}
.error_page .img_error500 {
	width:608px;
	height:359px;
	background:url('../images/img_error500.png') no-repeat;
	margin:30px auto;
}
.error_page .content_error {
	width:608px;
	margin:auto;
}
.error_page .txt_error h5 {
	font-weight:700;
	font-size:25px;
}
.error_page .txt_error span {
	font-weight:400;
	font-size:18px;
	display:block;
	margin:10px 0px 30px;
}
.find_area {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 20px;
}
.find_area dl {
	display: flex;
	align-items: center;
}
.find_area dl dt {
	font-weight: 700;
	width: 80px;
}
.find_area dl.phone .input_text {
	width: 80px;
}
@media all and (max-width: 1024px) {
	.banner_login {
		display:none;
	}
	.login_area {
		width:100%;
		height:100%;
		text-align:center;
		position:relative;
	}
}
@media all and (max-width: 768px) {
	.login_area {
	    margin: 30px 0px;
	}
	.login_area .login_box {
		width: 90%;
		margin: auto;
		position: inherit;
    	transform: translate(-0%, -0%);
	}
}