.loginForm {display: flex; height: 100vh; position: relative; overflow: hidden; -webkit-box-align: center; align-items: center;}
.loginForm .login_wrap {display: flex; flex-direction: column; width: 400px; position: relative; margin: 0 auto; max-height: 92vh; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.15); gap: 60px; padding: 50px 40px; overflow-y: auto;}
.loginForm .login_wrap .login_text {font-size: 2.8rem;}
.loginForm .login_wrap .login_logo {align-self: center;}
.loginForm .login_wrap .login_logo img {width: 280px;}
.loginForm .panel_wrap {display: flex; flex-direction: column; width: 100%; margin: 0 auto; gap: 30px;}
.loginForm .panel_wrap .id_pw_wrap {display: flex; flex-direction: column; width: 100%; gap: 20px;}
.loginForm .panel_wrap .id_pw_wrap .input_title {width: 100%; display: flex; font-size: 1.6rem; font-weight: 300; margin-bottom: 5px;}
.loginForm .panel_wrap .login_input {display: flex; width: 100%; height: 55px; -webkit-box-align: center; align-items: center; font-size: 1.6rem; padding: 0 20px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; box-sizing: border-box; background-color: rgb(255, 255, 255); cursor: text;}
.loginForm .panel_wrap .login_input:hover {border: 1px solid rgba(0, 0, 0, 0.4);}
.loginForm .panel_wrap .login_input:focus {border: 1px solid var(--mainColor);}
.loginForm .panel_wrap .login_input::placeholder {font-size: 1.6rem;}
.loginForm .panel_wrap .login_btn_wrap {display: flex; flex-direction: column; width: 100%; gap: 15px;}
.loginForm .panel_wrap .login_btn_wrap .general_login_btn_wrap {width: 100%; display: block;position: relative; border-radius: 7px; overflow: hidden;}
.loginForm .panel_wrap .login_btn_wrap .general_login_btn_wrap .login_btn {display: flex; justify-content: center; align-items: center; height: 55px; font-size: 1.8rem; color: #fff !important; background: var(--mainColor);}
.loginForm .panel_wrap .login_btn_wrap .general_login_btn_wrap .login_btn:hover {background: var(--mainonColor);}
.loginForm .panel_wrap .copy {position: relative;text-align: center; font-size: 1.2rem; font-weight: 300; color: #c2c2c2;}
.google_login_btn_wrap {display: flex; width: 100%; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0.15); height: 55px; margin: 0 auto; cursor: pointer;}
.google_login_btn_wrap > img {display: block; width: 50%; margin: auto;}
.google_login_btn_wrap:hover > img {content:url("/static/images/common/btn_google_signin_light_pressed.png");}
.google_login_btn_wrap:hover {background: #eeeeee;}

@media screen and (max-width: 560px) {
    .loginForm .login_wrap {border: none; padding: 50px 30px;}
}