@charset "UTF-8";.login-container{max-width:1100px;margin:40px auto;background:#f4f9fc;padding:40px;border-radius:10px;border:1px solid #0000000d;box-shadow:0 3px 6px #0000000d}.login-container .login-header{border-bottom:2px solid #000}.login-container .login-title{font-weight:700;font-size:1.5rem;padding-bottom:10px}.login-container .nav-tabs.find-id-title{font-weight:700;font-size:1.5rem;border-bottom:2px solid #444444}.login-container .nav-tabs.find-id-title .nav-link.active{color:#444;background-color:#fff;border-top:2px solid #444444;border-left:2px solid #444444;border-right:2px solid #444444;margin-bottom:-2px;pointer-events:none}.login-container .nav-tabs.find-id-title .nav-link{color:#8c8c8c}.login-container .login-subtitle{color:#007bff;font-weight:700}.login-container .form-section-title{color:#007bff;font-weight:700;margin-bottom:15px}.login-container .form-section-explain{color:#9ea0a1;font-weight:400;margin-bottom:15px}.login-container .input-box{border:1px solid #ccc;border-radius:8px;padding:5px 14px;margin-bottom:5px;cursor:text;flex:1;background:#fff;position:relative}.login-container .input-box label{display:block;font-size:1rem;font-weight:700;color:#a6a4a4;margin-bottom:3px}.login-container .input-box input{border:none;outline:none;width:100%;padding:0 3px}.login-container .input-box input::placeholder{text-align:right;position:absolute;right:20px;color:#d3d1d1;pointer-events:none}.login-container .explain-text{color:#999}.login-container .custom-input{position:relative;background-color:transparent}.login-container .custom-input:not(:placeholder-shown)+.placeholder-text,.login-container .custom-input:focus+.placeholder-text{opacity:5}.login-container .custom-input.filled+.placeholder-text{opacity:0}.login-container .login-btn{background-color:#007bff;color:#fff;border-radius:8px;padding:10px 20px;font-weight:700;white-space:nowrap}.login-container .link-btn{font-size:.9rem;color:#007bff;text-decoration:none;margin-left:10px}@media (max-width: 992px){.login-container .input-group-box,.login-container .certificate-login-buttons,.login-container .id-row{flex-direction:column;align-items:stretch}.login-container .login-btn{width:100%}.login-container .id-create-wrapper{justify-content:flex-start}.login-container .input-box{margin-left:10px;margin-right:10px}html:not(.pc-mode) .quick-access h5 br{display:none}html:not(.pc-mode) .quick-access h5{padding-left:1rem!important}html:not(.pc-mode) .page-header .breadcrumb-wrapper{display:none}html:not(.pc-mode) .login-explain br{display:none}}@media (max-width: 767.98px){#idBox .form-section-title,#authBox .form-section-title{display:none}#idBox .login-btn-div{margin-right:10px!important}#idBox #loginBtn{min-width:75px}#authBox .form-section-explain{width:100%;padding-right:10px;display:flex;justify-content:flex-end}#loginTab button{color:#6c757d;font-weight:400}#loginTab button.active{color:#007bff;font-weight:700}#idBox{padding-top:30px!important}#idBox,#authBox{display:none;width:100%;max-width:100%;background:#fff}#idBox.active,#authBox.active{display:block}#userIdBox .explain-text-no-css br{display:none}}