@charset "UTF-8";
@font-face {
    font-family: 'Inter';
    src: url('../font/Inter-Regular.ttf') format('truetype');
}

html, body{margin:0; padding:0; height:100%; width:100%; font-family:'Inter'; background-color:#E6E6E6; min-height:472px}
.content{max-width:1440px; background-color:#fff; margin:0 auto; height:100%}
.loginFrm{ position: relative; width: 400px;height: 472px;left: calc(50% - 400px/2);top: calc(50% - 472px/2); padding-top:40px}
.logImg{width: 252px;height: 48px; margin:0 auto; background: url('../images/nemo/login/img_login_logo.svg'); background-position:center; background-repeat:no-repeat; }
.loginTxt{position: absolute; width: 400px;height: 48px;left: 0px;top: 138px; font-weight: 700;font-size: 20px;line-height: 24px;text-align: center;color: #000000;}
.loginErr{position: absolute; width: 100%; height: 30px; top:180px; font-weight: 700; font-size: 16px; line-height: 24px;color: #0086FF; text-align: center;}
.fWrap{position: absolute;width: 400px;height: 48px;left: 0px; background: #F5F5F5; }
.idWrap{top: 216px; }
.pwdWrap{top: 282px; }

.txtBar{position: absolute;width: 6px;height: 48px;left: 0px;top: 0px;background: #0086FF}
.fInput{position: absolute;width: 333px; height: 48px;left: 68px;top: 0px; padding:0; border:none; background-color:#F5F5F5; font-size: 14px;line-height: 17px;display: flex;align-items: center; color:#333; font-weight:400; size:14px; }
.fInput:focus{ outline: none;}
.fInput::placeholder{color: #A5A5A5;}

.saveIdWrap{position: absolute; width: 95px;height: 17px;left: 0px;top: 359px;}
.idSaveCheck{width:14px; height:14px; margin:0; margin-right:6px}
#idSave{font-weight: 500;font-size: 14px;line-height: 17px;}
.findPwWrap{position: absolute; width: 90px;height: 17px;left: 319px;top: 359px; font-size:14px; cursor:pointer}
.findPw{text-align:right}

.btn{position: absolute;width: 180px;height: 48px;background: #0086FF;border: 1px solid #0086FF;border-radius: 23.5862px; color:#fff; text-align:center;font-size: 14px;line-height: 48px; cursor:pointer}
.btn:hover{font-weight:bold}
.loginBtn{top: 424px; width:400px} 
.idIcon{position: absolute;width: 18px;height: 20px;left: 20px;top: 14px;}


/*패스워드 찾기*/
.findPwdFrm{position: absolute;width: 400px;height: 537px;left: calc(50% - 400px/2);top: calc(50% - 537px/2 + 0.5px);}

.p_idWrap{top: 199px; }
.p_uNmWrap{top: 265px; }
.p_telWrap{top: 331px}
.p_emailWrap{top: 397px}

.p_phone, .p_email{width:60px; border:none; background-color: #F5F5F5;height: 48px; width:70px}
.p_email{width:119px; border:none; background-color: #F5F5F5;height: 48px;}
.p_email2{width:146px; border:none; background-color: #F5F5F5;height: 48px;}
.p_phone:focus, .p_email:focus, .p_email2:focus{ outline: none;}
.p_phone::placeholder{color: #A5A5A5;} 
.p_email::placeholder{color: #A5A5A5;} 
.p_hyphen{width:40px; height:48px; line-height:48px; text-align:center; color:#A5A5A5}

.p_btn{top:489px; }

.f_p_btn{left:209px; }
.c_p_btn{left:10px; }


/*비밀번호 변경 */
.chgPwdFrm{ position: absolute;width: 482px;height: 537px;left: calc(50% - 482px/2);top: calc(50% - 537px/2 + 0.5px);}
.chgPwdLogo{margin:0 auto; width: 280px; height: 88px; background: url('../images/nemo/login/img_login_logo.svg'); background-position:center; background-repeat:no-repeat; margin-bottom:30px}
.pwdCgTxt{width:482px;height: 48px;left: 0px;top: 100px;  font-weight: 700;   font-size: 18px;  line-height: 24px;text-align: center;color: #000000; margin-bottom:20px}
.pwdCgSubTxt{color:#0086FF; font-size:12px; text-align:center}
.chgfWrap{position: absolute;width: 400px;height: 48px;left: calc(50% - 400px/2); background: #F5F5F5; }
.chgp_wrap1{top:235px}
.chgp_wrap2{top:300px}
.chgp_wrap3{top:365px}
.p_txt{top:150px; font-size:13px; background-color:#fff; line-height:24px}
.p_btn{top:470px}

.chgf_p_btn{left:255px; }
.chgc_p_btn{left:52px; }