@charset "UTF-8";
.mainContainer { height: 100%; }

#loginWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; max-width: 400px; margin: 0 auto; }

.mainLogoArea { position: relative; width: 326px; height: 102px; margin: 0 auto 32px; background: url(/resources/img/LKDC_SIMBOL_withtitle.svg) center no-repeat; text-align: center; }

.btnArea { width: 100%; }

.btnArea #sel_temp_comp_login { width: 100%; margin: 20px 0; }

.inputArea #sh_comp_cd { width: 100%; margin: 10px 0; }

.btnArea button { margin: 5px 0 20px; width: 100%; height: 50px; color: #fff; background-color: #313b44; border-radius: 10px; font-family: 'Arial'; font-size: 13px; cursor: pointer; }

/* 하단 로고 영역 220729 */
.loginFooter { width: 100%; }

.l-btmArea ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 70px; }

.l-btmArea ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.l-btmArea ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; }

.l-btmArea ul li:nth-child(1) a { width: 285px; height: 50px; background: url("/resources/img/logo/btm_logo_01.png") no-repeat; background-size: 285px 50px; }

.l-btmArea ul li:nth-child(2) a { width: 285px; height: 50px; background: url("/resources/img/logo/btm_logo_02.png") no-repeat; background-size: 285px 50px; }

.l-btmArea ul li:nth-child(3) a { width: 285px; height: 50px; background: url("/resources/img/logo/btm_logo_03.png") no-repeat; background-size: 285px 50px; }

.l-btmArea ul li + li { margin-left: 50px; }

/* Together to the sky 슬로건 */
.logBtmText { margin-top: 30px; }

.logBtmText img { width: 342px; height: 32px; margin-bottom: 17px; }

/* 로그인페이지 하단 파트너사 로고 영역 추가 220721 */
.ptnLogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; }

.ptnLogo ul { height: auto; }

.ptnLogo ul li { display: inline-block; width: 100%; height: 91px; margin: 0 5%; background: url(/resources/img/logo/partners_logo.png) no-repeat center; background-size: contain; }

/* 로그인 디자인 수정 220728 */
/* login */
.login-con { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: #f8f9fa; }

.login-con .login-box { max-width: 400px; width: 100%; }

.login-con .login-box h1 { margin-bottom: 40px; font-size: 34px; text-align: center; line-height: 1; }

.login-con .login-box .gud_txt { margin-bottom: 14px; font-family: 'Roboto', 'NotoSansKR', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: -0.5px; color: #c33333; line-height: 1; }

.login-con .login-box .logo-inw { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.login-con .login-box .logo-inw dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5px; width: 61px; height: 55px; background-color: #fafafa; border: 1px solid #ccc; border-width: 1px 0 1px 1px; border-radius: 10px 0 0 10px; }

.login-con .login-box .logo-inw dt .ico { width: 20px; height: 20px; }

.login-con .login-box .logo-inw dt.ic1 .ico { background-position: -377px 0; }

.login-con .login-box .logo-inw dt.ic2 .ico { background-position: -337px 0; }

.login-con .login-box .logo-inw dd { margin-bottom: 5px; width: calc(100% - 61px); background-color: #fff; border: 1px solid #ccc; border-radius: 0 10px 10px 0; }

.login-con .login-box .logo-inw dd input { padding: 0 15px; width: 100%; height: 100%; border: 0; border-radius: 0 10px 10px 0; font-family: 'Arial'; font-size: 16px; }

.login-con .login-box .logo-txt1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }

.login-con .login-box .logo-txt1 label, .login-con .login-box .logo-txt1 a { font-family: 'Roboto', 'NotoSansKR', sans-serif; font-weight: 300; font-size: 14px; color: #000; letter-spacing: -0.5px; }

.login-con .login-box .logo-txt2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; border-top: 1px solid #999; }

.login-con .login-box .logo-txt2 p { font-family: 'Roboto', 'NotoSansKR', sans-serif; font-weight: 300; font-size: 14px; letter-spacing: -0.5px; }

.login-con .login-box .btnArea .loginBtn { font-family: 'Roboto'; }

.login-con .loading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.login-con .lds-dual-ring { margin: 0 5px 2px 0; }

.login-con .txt { margin-top: 1px; font-size: 16px; }