@charset "utf-8";
/* -----------------------------------------------
	* 로그인 화면 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 : 
	- 최종 수정자 : 
--------------------------------------------------*/

/****************************************************
	Login Style
****************************************************/

html,
body {height:100%;}
.loginWrap {display:table; width:100%; height:100%;}
.login-inner {display:table-cell; vertical-align:middle; text-align:center;}
.login-form-box {position:relative; box-sizing:border-box; margin:0 auto; padding:35px; width:414px;height:600px;background:url('https://i.imgur.com/Jv1bBgn.png')top center no-repeat;}
.login-form-box::after {content:"";display:block;position:absolute;width:330px;height:188px;bottom:90px;right:-100px;background:url('https://i.imgur.com/7eNegIR.png')no-repeat;pointer-events: none;}
.login-form-box .inner {display:block; position:relative;margin: 0 auto; max-width:280px;height:100%;}
.login-form-box h4 {margin-right:-30px;margin-left:-31px;margin-top:8px;}
.login-form-box h4 p {display:none;}
.login-form-box .login-form {padding:10px 10px 75%;}
.login-form-box button {display:block;width:100%;margin-top:5px; border-radius:0;}
.login-form-box fieldset + fieldset {margin-top:5px;}
.login-form-box input {width:100%;}
.login-form-box .copy {position:absolute;width:100%;bottom:20px;left:0;font-size:11px;opacity:}

@media all and (max-width:640px) {
	.login-form-box {width:auto;height:auto;max-width:414px;min-height:450px; background-size:contain;}
	.login-form-box::after{display:none;}
	.login-form-box .copy {top:350px;bottom:auto;}
}
@media all and (max-width:420px) {
	.login-form-box h4 {margin:0; padding:30px 0 10px;}
	.login-form-box h4 img {display:none;}
	.login-form-box h4 p {display:block;}
	.login-form-box fieldset + fieldset {margin-top:2px;}
	.login-form-box .copy {top:340px;}
}