@font-face {  font-family: 'NotoSansKR Medium';  src: url("/fonts/NotoSansKRMedium.otf");  font-weight: normal;  font-style: normal;  }
@font-face {  font-family: 'NotoSansKR Regular';  src: url("/fonts/NotoSansKRRegular.otf");  font-weight: normal;  font-style: normal;  }
@font-face {  font-family: 'NotoSansKR Black';  src: url("/fonts/NotoSansKRBlack.otf");  font-weight: normal;  font-style: normal;  }
@font-face {  font-family: 'NotoSansKR Bold';  src: url("/fonts/NotoSansKRBold.otf");  font-weight: normal;  font-style: normal;  }
@font-face {  font-family: 'NotoSansKR Thin';  src: url("/fonts/NotoSansKRThin.otf");  font-weight: normal;  font-style: normal;  }
@font-face {  font-family: 'NotoSansKR Light';  src: url("/fonts/NotoSansKRLight.otf");  font-weight: normal;  font-style: normal;  }

*{ margin:0; padding:0; font-family: "NotoSansKR Light",sans-serif; font-weight: bold; box-sizing: border-box; webkit-touch-callout: none; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; -webkit-text-fill-color: black !important; }

body{ width:100%; height:100%; min-width:1200px; min-height: 700px; display:flex; align-items:center; justify-content:center; background-color:#fff; position:relative; }
#login-form{ display:flex; flex-direction: column; align-items: center; width: 420px; text-align: center; padding: 40px 50px; border: 1px #E6E6E6 solid; }
#login-logo{ width:300px; height:40px; }
#login-logo-text{ width:100%; height:30px; font-size:22px; color:#0300A0; font-weight: 600; display: flex; justify-content: center; align-items: flex-start; font-family: "NotoSansKR Regular", sans-serif; }
#login-id{ margin:73px 0 0 0; padding:7px 12px; box-sizing:border-box; height:56px; width:100%; border:1px #C0C0C0 solid;  }
#login-pw{ margin:17px 0 22px 0; padding:7px 12px; box-sizing: border-box; height:56px; width:100%; background:#F3F3F3; border:1px #C0C0C0 solid; }
input:-ms-input-placeholder { color: #A0A0A0; font-weight: 400; font-size: 16px; }
input::placeholder{ font-style: normal; font-weight: 400; font-size: 16px; color: #A0A0A0;  }
input{ outline: none; display:flex; align-items:center; font-size:16px; color:black; font-weight:500; }
#login-btn{ background: #0300A0; display:flex; align-items:center; width:100%; justify-content:center; font-weight:bold; font-size:16px; color:#fff; height:56px; cursor:pointer; box-sizing: border-box; }

#login-save-area{ width:100%; display:flex; align-items: center; height:21px; margin:11px 0 43px 0; }
#login-checkbox{ width:21px; height:21px; cursor:pointer; }
#login-label{ margin-left:5px; display:flex; align-items: center; font-size:14px; color:#A0A0A0; }
.width-line{ width:100%; height:1px; background-color: #C4C4C4; transform: scaleY(0.5); }

#find-btn-box{ width:100%; height:46px; box-sizing: border-box; display:flex; justify-content: space-between; margin-top:16px; }
#find-btn-box div{ width:156px; height:46px; display: flex; justify-content: center; align-items: center; font-size:15px; cursor:pointer; }
#find-id-btn{ color:#FFF; background-color: #C4C4C4; }
#find-pw-btn{ color:#9B9B9B; border:1px #C4C4C4 solid; }

.find-id-popup-background, .find-pw-popup-background{ position:fixed; width:100vw; height:100vh; background-color: rgba(255,255,255,.85); font-family: 'NotoSansKR Medium', sans-serif; }
.find-id-popup, .find-pw-popup{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; padding:40px 30px; width:464px; background-color: #FFF; mix-blend-mode: normal; box-shadow: 0 4px 16px rgba(35, 37, 62, 0.25); }
.find-popup-title{ width:100%; height:30px; font-size:22px; font-family: 'NotoSansKR Medium', sans-serif; }
.find-popup-info{ width:100%; letter-spacing: -.5px; color:#A0A0A0; font-size:14px; margin:12px 0 2px 0; font-family: 'NotoSansKR Light', sans-serif; }
.find-popup-input{ width:100%; height:50px; box-sizing: border-box; border:1px #C4C4C4 solid; outline: none; font-size:16px; background-color:#F3F3F3; margin:15px 0 0 0; padding:0 20px; }
.find-id-popup input, .find-pw-popup input{ font-family: "NotoSansKR Light",sans-serif; font-weight: bold; color:#000; }
.find-popup-input::placeholder{ color:#6C6C6C; font-family: "NotoSansKR Light",sans-serif; font-weight: bold; }
.find-popup-btns-box{ width:100%; margin-top:45px; display:flex; justify-content: center; }