@CHARSET "UTF-8";
body 		{ background-color: #f2f2f2 ; 	}


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/_mkContents/common/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(/_mkContents/common/font/NotoSansKR-Thin.woff) format('woff'),
       url(/_mkContents/common/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/_mkContents/common/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/_mkContents/common/font/NotoSansKR-Light.woff) format('woff'),
       url(/_mkContents/common/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/_mkContents/common/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/_mkContents/common/font/NotoSansKR-Regular.woff) format('woff'),
        url(/_mkContents/common/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/_mkContents/common/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/_mkContents/common/font/NotoSansKR-Medium.woff) format('woff'),
        url(/_mkContents/common/font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/_mkContents/common/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/_mkContents/common/font/NotoSansKR-Bold.woff) format('woff'),
        url(/_mkContents/common/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/_mkContents/common/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/_mkContents/common/font/NotoSansKR-Black.woff) format('woff'),
        url(/_mkContents/common/font/NotoSansKR-Black.otf) format('opentype');
 }

* {font-family: 'Noto Sans KR', sans-serif;} 

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input 		{ font-size: 9pt; }

/* #loginForm {
	width: 800px;
	height: 340px;
	margin: 135px auto auto auto;

} */

/* #loginForm > form > div {
  clear:both;
  background-color:#fff;
  width: 800px;
  height: 340px;
} 

#loginForm > form > div > div {float:left;}

#loginForm > form > div > .l_image {background-image: url(loginimg.png); width:338px; height:232px;margin:54px 30px 54px 31px;}  /*border:1px solid red;*/
/* #loginForm > form > div > .l_bar	{height:162px; border-left:1px dashed #D6D5D5; margin-top:89px; margin-right:40px;}
#loginForm > form > div > .l_logininfo {width:280px; height:162px;  margin-top:89px;} /*border:1px solid gray;*/
/* #loginForm > form > div > .l_logininfo input {clear:both; width:268px; height:38px; margin-bottom:10px;padding-left:10px;} 
#loginForm > form > div > .l_logininfo input[type="text"] {border: 1px solid #ccc;  IME-MODE:disabled;font-size:16px;color:#666;}
#loginForm > form > div > .l_logininfo input[type="button"] {margin-top:10px;margin-bottom:0px;width:280px; height:44px;background-color: #04519f;font-size:16px;color:#fff;font-weight:bold;border:1px solid #04519f;} */

body, html { 
  margin: 0;
  padding: 0;
  height: 100%;
}
body #loginForm,
body #loginForm form,
body #loginForm form .login_renew {
  height: 100%;
}
body #loginForm form .login_renew {
  border: 0;
  padding: 0;
}
body #loginForm form .login_renew .bg_login {
  height: calc(100% - 184px);
  padding: 34px 40px 150px;
  background: linear-gradient(rgba(0, 0, 0, 0.727), rgba(0, 0, 0, 0.1)),
                    url(/_mkContents/loginFormM1/bg-login.png) no-repeat 0 0;
  background-size:100% 100%;
  
}
.login_renew .bg_login .top {
  width: 100%;
}
.login_renew .bg_login .top > div {
  display: inline-block;
  width: 33%;
  vertical-align: middle;
}
.BI_MobileKeeper_wh {
  max-width: 199px;
  width: auto;
  height: 28px;
  /* margin: 0 571px 212px 0; */
  object-fit: contain;
}
.img_login_lock {
  width: 50px;
  height: 50px;
  /* margin: 0 795px 190px 30px; */
  object-fit: contain;
  margin-left: calc(50% - 25px);
}
.localization {
  width: 100px;
  height: 28px;
  /* margin: 1px 0 211px 670px; */
  padding: 4px 10px 5px 11px;
  background-color: rgba(255, 255, 255, 0.07);
  margin: 0 !important;
  float: right;
  color: #fff;
}
.localization option {
  color: #000;
}

.login_info {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 10% auto;
}
.login_info .login_text {
  width: 100%;
  height: 65px;
  font-size: 44px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}
.login_info input[type=text],
.login_info input[type=password] {
  width: calc(100% - 20px);
  height: 26px;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.07);
  border: none !important;
  margin-bottom: 10px;
  color: #fff;
}
.login_info input[type="button"] {
  width: 100%;
  height: 40px;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
  background-color: #365abd;
  border: none !important;
  color: #fff;
  cursor: pointer;
}

.disable		{ 	display: none; }
:focus-visible {
  outline: none !important;
}

@media (max-width: 50em) {
  .login_renew .bg_login .top > div {
    width: 32%;
  }

  .BI_MobileKeeper_wh {
    width: 90%;
    height: auto;
  }
}