#page-login-index #page{min-width: 320px;min-height: 700px;position: relative;height: 100%;background: url(/theme/coursemosv2/pix/login/loginpage_1.jpg) no-repeat;background-size: cover;}
.loginpage #region-main{margin: 0 auto !important;padding-top: 6%;box-sizing: border-box;width: 100% !important;}
.login-bx.two-bx {width: 100%;max-width: 900px;margin: 0 auto;box-sizing: border-box;}
.login-bx.two-bx:after{content: "";display: block;clear: both;}
.login-bx.two-bx>.l-bx{background: #fff;width: calc(50% - 10px);float: left;padding: 30px 40px;text-align: left;min-height: 320px;}
.login-bx.two-bx>.l-bx:first-child{margin-right: 20px;}
.login-bx.two-bx>.l-bx:last-child .tit{margin-bottom: 36px;}
.login-bx.two-bx>.l-bx .tit{font-size: 20px;color: #404040;padding-left: 37px;background: url(/theme/coursemosv2/pix/login/icon_login_tit02.png) no-repeat left top;background-size: 30px auto;line-height: 40px;font-weight: 600;margin-bottom: 15px;}
.login-bx.two-bx>.l-bx input[type=text], .login-bx.two-bx>.l-bx input[type=password]{border: 1px solid #d3d8e1;height: 45px;border-radius: 0;width: 100%;margin-bottom: 10px;max-width: 100% !important;font-size: 16px;box-shadow: none;}
.login-bx.two-bx>.l-bx input[type=password]{background: #e9f1ff;}
.login-bx.two-bx>.l-bx .btn{background: #2464b2;height: 50px;border-radius: 0;border: 0;color: #fff;width: 100%;font-size: 18px;font-weight: 600;margin: 0 0 10px !important;}
.login-bx.two-bx .checkbox{width: auto;float: left;margin-bottom: 0;}
.login-bx.two-bx .loginfind{margin-top: 5px;letter-spacing: -1px;float: right;}
.login-bx.two-bx .loginfind a{display: inline-block;border: 1px solid #ddd;float: right;padding: 5px 5px;border-radius: 20px;color: #333;}
.login-bx.two-bx .loginfind a:hover{text-decoration: none;}
.login-bx.two-bx input[type=checkbox]{background: #fff;border: solid 1px #d5d5d5;appearance: none;-webkit-appearance: none;position: relative;width: 18px;height: 18px;vertical-align: text-top;margin-top: -2px;}
.login-bx.two-bx input[type='checkbox']:checked:after{content: "";display: block;background: #707070;position: absolute;top: 3px;left: 3px;right: 3px;bottom: 3px;}
.login-bx form {overflow: hidden; font-family: "Noto Sans KR"; margin: 0; width: 100%;}
.login-bx form * {font-family: inherit;}
.loginpage #page-footer{background: transparent !important;text-align: center !important;position: absolute !important;bottom: 20px;}
.loginpage #page-footer>*{display: inline-block !important;float: none !important;font-size: 14px !important;opacity: 0.5 !important;text-align: center;}
.login-bx #motpForm input#userOtp {height: 40px; line-height: 38px; padding: 0 10px; box-sizing: border-box; border-radius: 0;}
.login-bx #motpForm label.noti2 {font-size: 14px; color: #5f5f5f; letter-spacing: -0.025em;}
.login-bx #motpForm button {cursor: pointer; font-size: 15px; font-weight: 400; line-height: 1.571429; padding: .429rem 15px !important; border-radius: 0; color: #013780; border: 1px solid #3971c3; opacity: 1;}

@media screen and (max-width:1024px){
    .login-bx.two-bx>.l-bx{padding: 20px 25px;}
    .login-bx.two-bx .loginfind a{padding-left: 7px;padding-right: 7px;}
}
@media screen and (max-width:768px){
    .loginpage #page-header{padding: 20px 15px 0;}
    .loginpage #region-main{padding: 0 15px 15px;}
    .loginpage #page-content{margin-top: 0;}
    .login-bx.two-bx>.l-bx{width: 100%;min-height: 0;}
    .login-bx.two-bx>.l-bx:first-child{margin: 0 0 10px;}
    .login-bx.two-bx>.l-bx .tit{font-size: 18px;background-size: 24px auto;line-height: 27px;padding-left: 32px;margin-bottom: 15px !important;}
    .login-bx.two-bx>.l-bx input[type=text], .login-bx.two-bx>.l-bx input[type=password]{height: 40px;font-size: 15px;}
    .login-bx.two-bx>.l-bx .btn{height: 45px;}
    .loginpage #page-footer{bottom: 15px;padding: 15px;}
    .loginpage #page-footer>*{font-size: 12px !important;}
}