.knou_hidden_focusable{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.knou_page_user_login{align-items:center;background-color:var(--knou-bg-light);display:flex;justify-content:center;min-height:100vh;padding:80px 16px;text-align:center}.knou_page_user_login .knou_button,.knou_page_user_login .knou_text_input_value{height:55px}.knou_page_user_login .knou_text_input_value{color:var(--knou-black-1)}.knou_page_user_login .logo{margin:0 auto;max-width:250px}.knou_page_user_login .logo g:first-child path{fill:var(--knou-logo)}.knou_page_user_login_container{background-color:var(--knou-white-contrast);border-radius:16px;box-shadow:4px 4px 14px 3px var(--knou-custom-shadow-1);margin:0 auto;max-width:450px;padding:48px 32px;width:100%}.knou_page_user_login_container input{background-color:var(--knou-main-bg)}.knou_page_user_login_options{align-items:center;display:flex;gap:16px;justify-content:space-between}@media screen and (max-width:768px){.knou_page_user_login .knou_button,.knou_page_user_login .knou_text_input_value{height:45px}}.knou_login_2fa .container-main{margin:0 auto;padding:0 10px 48px}.knou_login_2fa .logo{align-self:center;display:flex;justify-content:center;margin:60px auto 28px;text-align:center;width:100%}.knou_login_2fa .logo a{align-items:center;display:inline-flex;justify-content:center}.knou_login_2fa .logo img,.knou_login_2fa .logo svg{display:block;margin:0 auto}.knou_login_2fa .total-login{background:#fff;border-bottom:1px solid #d1d1d1;margin:0 auto;max-width:880px;overflow:hidden}.knou_login_2fa .tabs{align-items:center;display:flex}.knou_login_2fa .tabs label{background:#e4e5e6;border:2px solid #e4e5e6;border-bottom-color:#1e5ba8;border-left:0;border-right:0;box-sizing:border-box;cursor:pointer;flex:1;font-size:16px;font-weight:500;padding:12px 0;text-align:center;word-break:keep-all}.knou_login_2fa .tabs input[type=radio]{opacity:0;position:absolute}.knou_login_2fa .tabs input[type=radio]:checked+label{background:#fff;border:2px solid #10489f;border-bottom-color:#fff;color:#10489f;z-index:1}.knou_login_2fa .tab-inner{min-height:330px}.knou_login_2fa .tab-panel{display:none}.knou_login_2fa .tab-panel.active{display:block}.knou_login_2fa .content{display:flex;gap:24px;justify-content:center;padding:24px}.knou_login_2fa .section{flex:1;max-width:420px;width:100%}.knou_login_2fa .mt14{margin-top:14px}.knou_login_2fa .mt12{margin-top:12px}.knou_login_2fa .mb20{margin-bottom:20px}.knou_login_2fa .mb10{margin-bottom:10px}.knou_login_2fa .min-w{max-width:50%}.knou_login_2fa .section h3{color:#1e5ba8;font-size:28px;letter-spacing:-.6px;margin-bottom:20px;margin-top:10px;text-align:center}.knou_login_2fa .input-box input{background:#ebebeb;border:1px solid #ebebeb;border-radius:4px;color:#333;font-size:16px;height:50px;margin-bottom:10px;padding-left:17px;width:100%}.knou_login_2fa .input-box input:disabled{background:#f3f4f6;border:1px solid #dcdfe4;color:#999;cursor:not-allowed}.knou_login_2fa .checkbox input[type=checkbox]{margin-right:6px}.knou_login_2fa .checkbox label{align-items:center;color:#555;cursor:pointer;display:inline-flex;font-size:15px;margin-bottom:16px}.knou_login_2fa .btn{background:#0054a7;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:18px;padding:12px 0;text-align:center;transition:.2s;white-space:nowrap;width:100%}.knou_login_2fa .btn:hover{background:#003f7d}.knou_login_2fa .btn.btn-bio{background:#fff;border:1px solid #0054a7;color:#0054a7;margin-top:10px}.knou_login_2fa .btn.btn-bio:hover{background:#f2f7fc}.knou_login_2fa .mobile-btns{display:flex;gap:10px;justify-content:center;padding:0 14%}.knou_login_2fa .mobile-btns .btn{flex:1}.knou_login_2fa .ico-align{display:flex;justify-content:center;margin:30px 0;text-align:center}.knou_login_2fa .find{align-items:center;display:flex;justify-content:center;padding:30px 0;width:100%}.knou_login_2fa .btn-id-find,.knou_login_2fa .btn-more{color:#1e1d1d;font-size:16px}.knou_login_2fa .btn-id-find{margin-right:10px;padding-right:15px;position:relative}.knou_login_2fa .btn-id-find:after{background:#9f9f9f;content:"";height:14px;position:absolute;right:0;top:6px;width:1px}.knou_login_2fa .info{border:5px solid #dde3f1;margin:0 auto;max-width:880px;padding:20px}.knou_login_2fa .info-inner{display:flex;gap:12px;padding-bottom:10px}.knou_login_2fa .info-icon{background:url(https://www.knou.ac.kr/images/guide/common/ico-notice3.png) no-repeat 50%/contain;flex-shrink:0;height:28px;width:28px}.knou_login_2fa .info-content{width:100%}.knou_login_2fa .info-title{color:#005bac;font-weight:700}.knou_login_2fa .info-text{color:#333;font-size:14px;line-height:1.6;margin-top:6px}.knou_login_2fa .auth-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.knou_login_2fa .auth-label{font-size:14px;font-weight:500;padding:4px 0}.knou_login_2fa .auth-label span{color:red}.knou_login_2fa .auth-options label{font-size:14px;margin-right:12px}.knou_login_2fa .auth-input{align-items:center;display:flex;gap:8px;margin-bottom:12px}.knou_login_2fa .auth-input input{border:1px solid #ddd;flex:1;height:48px;min-width:0;padding:0 14px}.knou_login_2fa .btn-send{background:#f9fafb;border:1px solid #d0d5dd;border-radius:4px;color:#344054;cursor:pointer;font-size:12px;font-weight:500;height:36px;padding:0 12px;white-space:nowrap}.knou_login_2fa .box-Browser{font-size:14px;margin:14px 0;padding-left:2px}.knou_login_2fa .browser-check input[type=checkbox]{margin-right:6px}.knou_login_2fa .auth-app-hint{color:#555;font-size:13px;margin:10px 0;text-align:center;white-space:nowrap}.knou_login_2fa .modal{align-items:center;background:#00000073;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:999}.knou_login_2fa .modal.active{display:flex}.knou_login_2fa .modal-card{background:#fff;border-radius:5px;box-shadow:0 20px 50px #0006;max-width:420px;padding:30px 20px;position:relative;text-align:center;width:100%}.knou_login_2fa .modal-card h2{font-size:30px;font-weight:500;padding:8px}.knou_login_2fa .modal-h4{float:left;font-size:16px;font-weight:700;padding:5px}.knou_login_2fa .modal-close{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:16px;top:14px}.knou_login_2fa .desc{color:#333;font-size:14px;font-weight:600}.knou_login_2fa .modal-body{margin:20px 0}.knou_login_2fa .Qr-img,.knou_login_2fa .modal-icon{display:flex;justify-content:center}.knou_login_2fa .Qr-img img,.knou_login_2fa .modal-icon img{max-width:200px}.knou_login_2fa .timer{align-items:center;display:flex;font-size:14px;gap:6px;justify-content:center;margin-top:10px}.knou_login_2fa .timer img{display:block}.knou_login_2fa .modal-actions{display:flex;gap:10px;margin-top:20px}.knou_login_2fa .modal-actions .btn{flex:1}.knou_login_2fa .modal-actions .light-btn{background:#0099e0}.knou_login_2fa .divider{background:#d1d1d1;height:1px}.knou_login_2fa .divider-lg{margin:20px 0}.knou_login_2fa .divider-sm{margin:6px 0}.knou_login_2fa .red{color:red}.knou_login_2fa .app-install-guide{color:#777;display:none;font-size:13px;margin-top:16px;text-align:center}.knou_login_2fa .app-install-btn{background:none;border:none;color:#0054a7;cursor:pointer;font-size:13px;font-weight:700;margin-left:6px;padding:0;text-decoration:underline}@media (max-width:760px){.knou_login_2fa .pc-only{display:none!important}.knou_login_2fa .container-main{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px 12px 32px}.knou_login_2fa .total-login{background:transparent;border:0;max-width:100%;width:100%}.knou_login_2fa .logo{margin:32px auto 20px}.knou_login_2fa .logo img,.knou_login_2fa .logo svg{height:44px}.knou_login_2fa .tabs{align-items:stretch;display:flex}.knou_login_2fa .tabs label{align-items:center;display:flex;font-size:13px;justify-content:center;line-height:1.25;padding:8px 2px}.knou_login_2fa .tab-inner{min-height:auto}.knou_login_2fa .content{align-items:stretch;flex-direction:column;gap:14px;padding:20px 16px}.knou_login_2fa .section,.knou_login_2fa .section.min-w{flex:none;max-width:100%;width:100%}.knou_login_2fa .section h3{font-size:22px;margin-bottom:16px}.knou_login_2fa .input-box input{font-size:15px;height:44px}.knou_login_2fa .btn{border-radius:12px;font-size:15px;padding:11px 0}.knou_login_2fa .btn-send{font-size:13px;height:38px;padding:0 10px}.knou_login_2fa .modal-actions .btn{font-size:15px}.knou_login_2fa .mobile-btns{flex-direction:column;gap:10px;padding:0}.knou_login_2fa .find{flex-wrap:wrap;gap:8px 0;padding:20px 0}.knou_login_2fa .app-install-guide{display:block;margin:22px 0 4px}.knou_login_2fa .info{border-width:3px;margin-top:28px;max-width:100%;padding:16px}.knou_login_2fa .modal{padding:16px}.knou_login_2fa .modal-card{max-width:92vw;padding:24px 18px}.knou_login_2fa .modal-card h2{font-size:24px}}@media (max-width:500px){.knou_login_2fa .logo{margin:24px auto 16px}.knou_login_2fa .section h3{font-size:20px}.knou_login_2fa .min-w{max-width:100%}.knou_login_2fa .mobile-hide{display:none}.knou_login_2fa .tabs label{font-size:12px;padding:7px 2px}.knou_login_2fa .auth-row{align-items:flex-start;flex-direction:column;gap:6px}.knou_login_2fa .auth-app-hint{font-size:12px}.knou_login_2fa .btn{font-size:14px;padding:10px 0}.knou_login_2fa .section h3{font-size:19px}}