@charset 'UTF-8';

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; background: url('/template/cms/sign/image/a_sign_bg.jpg') center center/cover no-repeat; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size:15px;}
.sign_wrapper {position:relative; z-index:1; min-width:1024px; height:100%; font-size: 0; text-align: center;}
.sign_wrapper:after {content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.login_form {display: inline-block; font-size: 15px; vertical-align: middle;}
.login_form_tit {margin-bottom:100px; color:#fff; font-size: 50px; font-weight: 500;}
.login_form .input_box {width: 450px; margin-bottom: 30px;}
.login_form .input_box .row {margin-bottom:45px; padding-left: 60px; background: transparent url('/template/cms/sign/image/a_sign_mem_ico.png') 15px center no-repeat; border-bottom:2px solid #e0e0e0;}
.login_form .input_box .row.pwd {background-image: url('/template/cms/sign/image/a_sign_lock_ico.png');}
.login_form_input {width: 100%; height: 45px; padding:  0 10px; background-color: transparent; border:0 none; color: #d5d5d5; font-size: 18px;}
.error_space {height:40px; color:#eee;}
.login_btn {display: inline-block; position: relative; overflow: hidden; width: 200px; height: 60px; line-height: 60px; background-color: #448aff; 
color: #fff; font-family: inherit; font-size: 24px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.login_btn:hover, .login_btn:focus {background-color: #1162ea;}
.login_btn:before {content:""; display:block; position: absolute; left: -100%; top: 0; width: 100%; height:3px; background-color: #67a0ff;}
.login_btn:after {content:""; display:block; position: absolute; left: 100%; bottom: 0; width: 100%; height:3px; background-color: #67a0ff;}
.login_btn:hover:before, .login_btn:focus:before {-webkit-animation: login_btn_ani1 0.3s ease; animation: login_btn_ani1 0.3s ease;}
.login_btn:hover:after, .login_btn:focus:after {-webkit-animation: login_btn_ani2 0.3s ease; animation: login_btn_ani2 0.3s ease;}

@-webkit-keyframes login_btn_ani1{
	50% {left:0;}
	100% {left:100%;}
}
@keyframes login_btn_ani1{
	50% {left:0;}
	100% {left:100%;}
}
@-webkit-keyframes login_btn_ani2{
	50% {left:0;}
	100% {left:-100%;}
}
@keyframes login_btn_ani2{
	50% {left:0;}
	100% {left:-100%;}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #e0e0e0;}
::-moz-placeholder { /* Firefox 19+ */ color: #e0e0e0;}
:-ms-input-placeholder { /* IE 10+ */ color: #e0e0e0;}
:-moz-placeholder { /* Firefox 18- */ color: #e0e0e0;}