#sectionLogin_Member .container { max-width: 500px; }
#sectionLogin_Member .container .form-floating { margin-bottom: 1rem; }
#sectionLogin_Member .container .form-check { margin-bottom: 1rem; }
#sectionLogin_Member .container #btnLogin { width: 100%; padding: 1rem 1.5rem; margin-bottom: 0.5rem; }
#sectionLogin_Member .container .links { display: flex; align-items: center; font-size: 1rem; }
#sectionLogin_Member .container .links a { margin: 0 0.5rem; }
#sectionLogin_Member .container .links a:first-child { margin-left: 0; }
#sectionLogin_Member .container .links a:last-child { margin-right: 0; }
#sectionLogin_Member .container .links .split { height: 0.6rem; border-left: 1px solid var(--color-gray-light); }
#sectionLogin_Member .container .snslogin { margin: 1.5rem 0; }
#sectionLogin_Member .container .snslogin .split { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
#sectionLogin_Member .container .snslogin .split .line { flex: 1; height: 1px; border-top: 1px dashed var(--color-gray-light); }
#sectionLogin_Member .container .snslogin .split .text { font-size: 0.9rem; font-weight: 300; color: var(--color-text-light); }
#sectionLogin_Member .container .snslogin .list { display: flex; justify-content: center; gap: 1rem; }
#sectionLogin_Member .container .snslogin .list .item { width: 50px; cursor: pointer; transition: 0.4s; }
#sectionLogin_Member .container .snslogin .list .item:hover { opacity: 0.6; }
#sectionLogin_Member .container .snslogin .hidden { display: none; }

#sectionLogin_Anonymous .container { max-width: 500px; }
#sectionLogin_Anonymous .container .form-floating { margin-bottom: 1rem; }
#sectionLogin_Anonymous .container button { width: 100%; padding: 1rem 1.5rem; }





#sectionJoin_Input .container { max-width: 500px; }
#sectionJoin_Input .container .form-floating:not(.form-id) { margin-bottom: 1rem; }
#sectionJoin_Input .idtip { margin-top: 0.25rem; padding-left: 1.5rem; font-size: 0.875rem; color: var(--color-text-light); }
#sectionJoin_Input .idtip li span { position: relative; left: -0.25rem; }
#sectionJoin_Input .container .snslogin { margin: 1.5rem 0; }
#sectionJoin_Input .container .snslogin .split { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
#sectionJoin_Input .container .snslogin .split .line { flex: 1; height: 1px; border-top: 1px dashed var(--color-gray-light); }
#sectionJoin_Input .container .snslogin .split .text { font-size: 0.9rem; font-weight: 300; color: var(--color-text-light); }
#sectionJoin_Input .container .snslogin .list { display: flex; justify-content: center; gap: 1rem; }
#sectionJoin_Input .container .snslogin .list .item { width: 50px; cursor: pointer; transition: 0.4s; }
#sectionJoin_Input .container .snslogin .list .item:hover { opacity: 0.6; }

#sectionJoin_Agree .container { max-width: 500px; }
#sectionJoin_Agree .container .tab-content { margin-bottom: 1rem; }
#sectionJoin_Agree .container .tab-content .tab-pane { height: 150px; padding: 0.5rem; overflow: auto; white-space: pre-wrap; border: 1px solid #dee2e6; border-top: 0;  }
#sectionJoin_Agree .container .form-check { text-align: right; cursor: pointer; }
#sectionJoin_Agree .container .form-check > * { cursor: pointer; }
#sectionJoin_Agree .container .form-check .form-check-input { float: none; margin-left: 0; margin-right: 0.25rem; }
/*sm*/ @media (max-width: 575px) {
    #sectionJoin_Agree .container .nav-tabs .nav-item .nav-link { padding: 0.5rem; }
}

#sectionJoin_Button .container { max-width: 500px; }
#sectionJoin_Button .container button { width: 100%; padding: 1rem 1.5rem; }





#sectionResetPassword .container { max-width: 500px; }
#sectionResetPassword .container .form-floating { margin-bottom: 1rem; }
#sectionResetPassword .container button { width: 100%; padding: 1rem 1.5rem; }
#sectionResetPassword .container .description { margin-bottom: 1rem; color: var(--color-text-light); }