:root{
    --lightgray-color:#E5E7EB;
    --darkgray-color:#666666;
    --gray-color:#B2B3BD;
    --black-color:#1F2937;
    --red-color:#DC2626;
    --lightred-color:#F1A8A8;
    --green-color:#239C3E;
    --lightgreen-color:#A7D7B2;
    --white-color:#FFFFFF;
    --blue-color:#566AE5;
    --local-chart-background-gray:#f0f0f0;
    --lightblue-color:#EFF1FD
}

.t1{color:var(--black-color);font-size:36px;line-height:50px;font-weight:700}
.text-center{text-align:center}
/*login*/
.login.ui-wrap{width:400px;padding-top:150px;padding-bottom:80px;position:absolute;left:50%;transform:translateX(-50%)}
.login .ic-logo{width:32px;height:32px;background:url("//s3.ap-northeast-2.amazonaws.com/importease-upload.mobility42.io/resource/2023/09/26/607987cc9d90d0cbb1fe402aded2614f.svg")}
.login .input-block-label{font-size:11px;line-height:14px;color:var(--darkgray-color)}
.login .form-input{padding:11px 15px;border:1px solid var(--lightgray-color)}
.login .password-wrapper .form-input{padding:11px 30px 11px 15px}
.login .password-wrapper .show-btn{width:16px;height:16px;top:14px;}
.login .link-btn-text{font-size:11px;line-height:14px}
.login .separate-line{display:flex;justify-content:center;align-items:center;color:var(--darkgray-color)}
.login .separate-line::before, .separate-line::after{content:"";background:var(--lightgray-color);height:1px;flex-grow:1}
.login .separate-line::before{margin-right:4px}
.login .separate-line::after{margin-left:4px}
.login .btn.disabled-border{border:1px solid var(--gray-color)}

/*join*/
.join{width:496px;margin:80px auto 200px auto}
.join .box-shadow{padding:19px 23px 31px 23px}
.join .term{padding:19px 23px}
.join .input-block-label{font-size:11px;line-height:14px;color:var(--darkgray-color)}
.join .form-input{padding:11px 15px;border:1px solid var(--lightgray-color)}
.join .password-wrapper .form-input{padding:11px 30px 11px 15px}
.join .password-wrapper .show-btn{width:16px;height:16px;top:14px;}
.join .btn{text-align:center}
.join .btn.disabled{border:1px solid var(--gray-color);background-color:var(--lightgray-color);color:var(--gray-color)}

/*joinComplete*/
.joinComplete{width:448px;text-align:center;margin:80px auto 0 auto}
.joinComplete .complete-image{margin:0 auto;width:400px;height:240px;background-image:url("//s3.ap-northeast-2.amazonaws.com/importease-upload.mobility42.io/resource/2023/09/26/1d4a59554454424c2410c246505c0a14.svg")}

/*pwSearch*/
.pwSearch{width:496px;margin:0 auto;padding-top:80px}
.pwSearch .box-shadow{padding:19px 23px 31px 23px}
.pwSearch .input-block-label{font-size:11px;line-height:14px;color:var(--darkgray-color)}
.pwSearch .form-input{padding:11px 15px;border:1px solid var(--lightgray-color)}
.pwSearch .btn{text-align:center}
.pwSearch .link-btn-text{font-size:11px;line-height:14px}

/*pwReset*/
.pwReset{padding-top:80px}
.pwReset .reset{width:496px;margin:0 auto}
.pwReset .box-shadow{padding:19px 23px 31px 23px}
.pwReset .input-block-label{font-size:11px;line-height:14px;color:var(--darkgray-color)}
.pwReset .password-wrapper .form-input{padding:11px 30px 11px 15px}
.pwReset .password-wrapper .show-btn{width:16px;height:16px;top:14px;}
.pwReset .btn{text-align:center}
.pwReset .link-btn-text{font-size:11px;line-height:14px}
.pwReset .complete{width:448px;margin:0 auto;text-align:center}
.pwReset .complete-image{margin:0 auto;width:400px;height:240px;background-image:url("//s3.ap-northeast-2.amazonaws.com/importease-upload.mobility42.io/resource/2023/09/26/1d4a59554454424c2410c246505c0a14.svg")}

/*pwChange*/
.pwChange.page-contents{width:496px}
.pwChange .box-shadow{padding:19px 23px 31px 23px}
.pwChange .input-block-label{font-size:11px;line-height:14px;color:var(--darkgray-color)}
.pwChange .password-wrapper .form-input{padding:11px 30px 11px 15px}
.pwChange .password-wrapper .show-btn{width:16px;height:16px;top:14px;}
.pwChange .btn{text-align:center;width:107px}

/*accountEdit*/
.accountEdit.page-contents{max-width:674px}
.accountEdit .box-shadow{padding:19px 23px 31px 23px}
.accountEdit .input-block-label{font-size:11px;line-height:14px;color:var(--darkgray-color)}
.accountEdit .form-input{padding:11px 15px;border:1px solid var(--lightgray-color)}
.accountEdit .link-btn{font-size:11px;line-height:14px}

/*accountDelete*/
.accountDelete.page-contents{width:672px}
.accountDelete .box-shadow{padding:19px 23px 31px 23px}
.accountDelete .btn.disabled{padding:11px 15px;color:var(--gray-color);border:1px solid var(--gray-color);background:var(--lightgray-color)}
.accountDelete .btn.border{border-color:var(--gray-color);color:var(--black-color)}

.m .info-small{padding:3px 5px;line-height:18px}
.m .upload-image{
    box-sizing: border-box;
    width:96px;height:96px;border:1px solid #e2e2e2; margin-bottom:8px;
    border-radius:50px;background-size:contain;background-repeat:no-repeat;background-position:center
}
.m .upload-image.profile{ border-radius: 90px}
.m .upload-image.form-error{ border-color: #dc2626 !important; }
.m .upload-image.default{
    background-size:48px auto;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/06/20/c9a0c56aae448da94d20affa79ed38ea.svg")
}
.m .profile-image-list{margin-top:24px}
.m .profile-image-list .message{font-size:12px;margin:24px 0 8px 0;color:#30374c}
.m .profile-image-list .image{margin-bottom:8px;width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}
.m .profile-image-list .account-profile{display:flex;flex-wrap:wrap}
.m .profile-image-list .account-profile .profile{
    box-sizing:border-box;
    position:relative;width:64px;height:64px;flex-shrink:0;margin-right:16px;margin-bottom:22px;background-size:64px 64px;background-position:center;background-repeat:no-repeat;border-radius:50%;cursor:pointer
}
.m .profile-image-list .account-profile .profile:last-child{margin-right:0}
.m .profile-image-list .account-profile .profile.selected{border:2px solid #566ae5}
.m .profile-image-list .account-profile .profile .profile-check{
    display:inline-block;position:absolute;top:calc(100% + 8px);right:22px;width:16px;height:16px;vertical-align:middle;cursor:pointer;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/804c95e72cf15ee533af79ef2588ae00.svg")
}
.m .profile-image-list .account-profile .profile .profile-check.checked{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/58b57531fb498dbafada46ed8652c51c.svg")}

.m .menu .logo-title{text-align:center}
.m .menu .logo-sub-title{font-size:13px;color:#9599c7;letter-spacing:0}
.m .menu{width:200px;padding:0 10px}
.m .menu .user{margin-top:0}
.m .menu .menu-list{top:150px}
.m .router{margin-left:220px;min-width:calc(800px - 220px - 34px)}

.m .menu-item-icon{display:none;cursor:pointer;width:12px;height:12px;padding:5px;background-repeat:no-repeat;background-position:center center;background-size:12px auto}
.m .menu-item-icon.ic-plus-white{background-size:14px}

.m .btn.small{padding:4px 7px;border-radius:6px}
.m .btn.small.border,.m .btn.small.warning-border,.m .btn.small.disabled-border{padding:3px 7px}

.m .page-contents>.top-right{position:absolute;top:40px;right:40px}
/*.m .box-shadow{padding:24px 48px 36px 32px}*/
.m .margin-top18{margin-top:18px}
.m .margin-top5{margin-top:5px}

.m .link-btn-text{display:inline-block;font-size:12px;line-height:26px;color:var(--primary-color);cursor:pointer;padding:0 4px;border-radius:6px;-webkit-user-select: none;text-decoration:underline}
.m .link-btn-text:hover{background-color:rgba(86, 106, 229, 0.08)}

.m .label-margin0 .input-inline-label{margin-top:4px}

.m .small-form .form-input{padding:4px 5px;border-radius:6px;line-height:16px}
.m .small-form ::placeholder{font-size:12px}

.m .flex .form-error{margin-right:8px !important}