body{display: flex; justify-content: center; align-items: center;}
#loginBody{padding:40px 28px; position: relative; height: 100vh; }
#loginBody > div.loginhead{text-align: center; margin:90px 0 70px 0;}
#loginBody > div.loginhead > h1{ margin-bottom: 15px;}
#loginBody > div.loginhead > p{font-size: 16px;}

#loginInput input{border:none; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding:14px 10px;}

#btnLogin{margin-bottom: 40px;}

#sns_login > a{margin: 5px 0; line-height: 24px;}
#sns_login > a.kakao_login{background-color: #FAE24C;}
#sns_login > a.naver_login{background-color: #6AA947; color:#fff}
#sns_login > a.google_login{background-color: #fff; border:1px solid #ccc;}

#member{text-align: center; margin: 20px 0;}

/* 아이디저장 이미지 변경 css */
#loginInput > div{position: relative; }
#loginInput > div input[type=checkbox]{position:absolute;top:0;left:0;margin:0;width:24px;height:24px; display: none;}
#loginInput > div label{display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:url(/resources/images/login/check_box.png) 0 0 no-repeat;background-position:-29px 0; background-size: 1; cursor:pointer;}
#loginInput > div label::before{display: block; content: '자동 로그인'; width: 100px; position: absolute; right:-110px; top:5px;}
#loginInput > div input[type=checkbox]:checked+label{background-position:0;}

#loginFoot {padding-bottom: 20px;}

/** 로딩중 **/
.loading-layer { display: none; position: absolute; top: 0; left: 0; width: 100%;  height: 100%; z-index: 9999; }
.loading-layer .loadingBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 5.0; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }
.loading-layer .loadingImg { position: absolute; top: 50%;  left: 50%; transform: translate(-50%,-50%);}
/* .loading-layer .loadingImg img {animation: rotate_image 3s ease-out infinite;transform-origin: 50% 50%;}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
} */