#app { background-color: #fff; }
.app_login { padding: 46px 2rem; display: flex; flex-direction: column; grid-gap: 46px; padding-top: 84px;}
.app_login-logo { display: flex; justify-content: center; }
.app_login-cont { display: flex; flex-direction: column; grid-gap: 28px; }
.login_input_box { display: flex; flex-direction: column; grid-gap: 22px; }
.login_chk_box { display: flex; justify-content: space-between; align-items: center; color: var(--gray-50, #778083); font-family: Pretendard; font-size: 12px; font-style: normal; font-weight: 400; }
.login_chk_box a { color: var(---primary, #0D3D48);     /* sub/re12 */ font-size: 12px; font-weight: 400; text-decoration-line: underline; }
.login_chk_box .cmn_checkbox .cmn_checkbox_text { color: var(--gray-50, #778083); font-weight: 400; }
.login_btn_box { display: flex; flex-direction: column; grid-gap: 16px; justify-content: center; }
.login_btn_box p { text-align: center; color: var(--gray-50, #778083); font-size: 12px; font-style: normal; font-weight: 400; }
.login_btn_box a { color: var(---primary, #0D3D48); font-size: 12px; font-style: normal; font-weight: 400; text-decoration-line: underline; }
.app_login .checkin_box .cmn_btn_submit { background-color: #fff; color: #0D3D48; border: 1px solid #0D3D48; }


.app_login-chkin { padding-top: 84px; }
.app_login-chkin > .title { color: var(--gray-80, #282D2F); font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 500; line-height: 150%;     /* 33px */ letter-spacing: -0.44px; }
.app_login-chkin .cmn_login_input_box > label { color: #0D3D48; }