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

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

html,
body {height:100%;}
.loginWrap {position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);}

.login-logo {margin-top:-50px;}

.login-form-box { position:relative; margin:0 auto;
	text-align:center;
	box-sizing:border-box; border:30px solid transparent;
	border-image: url(../img/iborder30dark.png)30;
	outline: 1px solid #8a8a8a;
	background-color: rgba(255, 255, 255, .7);
	box-shadow:0px 0px 15px rgba(255,255,255,.5);
}
.login-form-box form { padding:10px; }

.login-form-box .inner {display:block; min-height:150px; position:relative; padding:20px; text-align:center;}
.login-form-box .inner > p{
	font-size: 15px; color:#8a8a8a;
	font-family:'Meddon', cursive;
	margin-bottom:20px;}

.login-form-box input[type="text"],
.login-form-box input[type="password"] {width:100%; height:30px; background:none; border:none; border-bottom:1px solid #a5a5a5;
border-image:linear-gradient(to right, transparent,transparent,transparent, #a5a5a5 15%, #a5a5a5 85%, transparent,transparent,transparent)10%;
font-family:'Chosunilbo_myungjo'; color:white;
}
input::placeholder { color:white; }
.login-form-box fieldset + fieldset {margin-top:5px; color:white;}

.login-form-box button { width: 30px; height: 30px;
	background: url(/img/key_30dark.png)no-repeat center;
    border: none; cursor: pointer; margin-bottom: 10px;
	transition: all 0.3s ease 0s;}
	
.login-form-box button:hover {transform:rotate(23deg);}