.signin-box{ height:100%;min-height:900px;}
/*로그인 버튼*/
.signin{background:url(../images/signin_bg.png) center center no-repeat;background-size:cover;width:100%;height:100%;}
.signin h1{position:absolute;top:30px;left:30px;}
.signin-wrap{width:1120px;margin:0 auto;padding-top:150px;}
.signin-contents{height:640px;border-radius: 40px;box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.1), -8px -8px 12px 0 rgba(0, 0, 0, 0.1);background-color: #ffffff;}
.signin-logo{height:640px;width:50%;float:left;background:url(../images/signin_bg3.png) 0 0 no-repeat;background-size:560px 640px;text-align:center;}
.signin-logo h2{margin-top:90px;}
.signin-logo h3{color:#fff;font-size:20px;font-weight:normal;margin-top:10px;}
.signin-form{position:relative;height:640px;width:50%;float:left;}
.signin-btn {width:380px;margin:0 auto;margin-top:53px}
.signin-btn a{display:block;height:43px;font-size:17px;text-align:center;padding-top:17px;font-weight:bold;border-radius:4px;margin-bottom:20px}
.btn-inside{color:#222}
.btn-outside{color:#fff}
.btn-faq{color:#222;background-color:#eee}
.signin-title{color:#333;font-size:23px;text-align:center;margin-top:120px;}
.btn-back{background:url(../images/signin_back.png) 0px 0 no-repeat;background-size:18px 18px;position:absolute;right:35px;top:30px;color:#555;font-size:15px;padding:0 0 0 24px;}

/*로그인 폼*/
.signin-write{display:none}
.signin-write form{margin:0 auto;width:380px;margin-top:56px;}
.signin-write input[type=text],.signin-write input[type=password]{width:320px;height:60px;margin-bottom:20px;border:1px solid #ddd;border-radius:4px;color:#333;font-size:15px;padding-left:60px;}
.signin-write input[type=text]{background:url(../images/signin_id.png) 20px center no-repeat;background-size:30px 30px;}
.signin-write input[type=password]{background:url(../images/signin_pw.png) 20px center no-repeat;background-size:30px 30px;}
.signin-write form div{position:relative;height:70px;}
.signin-write input[type=checkbox]{position:absolute;opacity:0;}
.signin-write input[type=checkbox] + span{display:block;border:1px solid #ddd;width:25px;height:25px;border-radius:4px;float:left;}
.signin-write label strong{display:block;float:left;font-size:17px;color:#333;margin:1px 0 0 10px;}
.signin-write input[type=checkbox]:checked + span{background-color:#ddd;}
.signin-write input::placeholder {color: #aaa;}
.btn-submit{clear:both;width:380px;display:block;height:60px;color:#222;font-size:17px;font-weight:bold;}
.signin-find {width:224px;margin:0 auto;padding-top:15px;}
.signin-find a {float:left;color:#666;font-size:17px;font-weight:normal;}
.signin-find .line {float:left;font-size:0;border-left:1px solid #bbb;height:9px;margin:9px 15px 0 15px}

/*아이디 찾기, 비밀번호 변경*/
.btn-password{width:180px;display:block;height:50px;font-size:15px;color:#fff;margin:30px 0 0 126px;border-radius: 4px;}
.input-form{padding:30px 30px 0 30px;}
.input-form div{position:relative;margin-bottom:20px;}
.input-form label{font-size:15px;color:#333;display:inline-block;width:120px;font-weight:bold;}
.input-form input{border:1px solid #ddd;display:inline-block;width:280px;height:50px;padding:0 15px;border-radius:4px;font-size:14px;}
.input-form input.phone{width:170px;}
.input-form input.phone-check{margin-left:125px;margin-top:10px}
.input-form a{position:absolute;right:0;width: 105px;height: 50px;line-height:50px;border-radius: 4px;background-color: #d2e3f9;font-size:13px;color:#222;text-align:center;}
.input-form .phone-time{position:absolute;right:20px;color:#645b4c;font-size:14px;bottom:19px;}
.input-form input::placeholder {color: #aaa;}
.find-id{display:block}
.find-success{display:none;text-align:center;}
.find-success span{color:#666;font-size:15px;display:block;margin-top:65px;}
.find-success strong{font-size:32px;color:#222;display:block;font-weight:normal;margin:40px 0 60px 0}
.find-success a{color:#222;font-size:16px;width:320px;height:55px;line-height:55px;border-radius:4px;display:block;margin:0 auto;margin-bottom:15px;}
.find-success .btn-change-pw{color:#fff;}


/* 24.12.13 lyr : 화면 맞춤용 css */
.signin-box {
	min-height: auto;
}
.signin {
	display: flex;
    align-items: center;
}
.signin h1 {
	position: fixed;
}
.signin .signin-wrap {
	padding-top: 0;
}
.signin .signin-btn {
	width: 420px;
	margin-top: 23px;
}
.signin .signin-btn a {
    box-sizing: border-box;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
}

.input-form input.phone-check {
	position: relative;
}
.input-form .phone-time {
	bottom: inherit;
    top: 50%;
    transform: translateY(70%);
}