/*-----------------------------------------
            common
-------------------------------------------*/
html,
body { width:100%; height:100%;  background:#f6f7fb}

.input-txt { border: solid 1px #eee;  background-color: #f8f8f8; }
.input-txt:focus {   background-color: #f8f8f8; }
.input-txt::placeholder { color:#999; }

/*-----------------------------------------
            contents
-------------------------------------------*/
.wrap-partners-login { display : flex; justify-content: center;  align-items : center;   width:100%; height:100%; }
.section-login { position:relative; width: 504px;  min-height:518px;  padding:100px 60px; box-sizing: border-box; border-radius: 24px;
    box-shadow: 0 20px 30px 0 rgba(21, 26, 32, 0.03);
    background-color: #fff;}
.section-login h2 { margin: 0 0 48px; font-size: 16px;  font-weight: 300; line-height:16px;  letter-spacing: -0.32px;  text-align: center; color:#222529; }
.section-login h2 .logo { display: block; margin:0 auto 20px auto; overflow:hidden; font-size:0px; text-indent: -300px; width:156px; height:30px; background:url('../img/partners/RED_BI@2x.png') no-repeat; background-size: 156px auto;}
.section-login .input-txt { width: 100%; margin-bottom:16px; color:#111; }
.section-login .btn-login { display: block; width: 100%; height:56px; line-height:56px; margin-top:8px; }
.section-login .join { position:absolute; left:0; bottom:48px; width:100%;  letter-spacing: -0.14px;  font-size: 14px; text-align:center;  line-height:1;  }
.section-login .join p { color:var(--color-font-gray4); }
.section-login .join p a {  font-weight: 500; color: var(--color-font-gray3); display: inline-block; margin-left:4px; text-decoration: underline; }
.section-login .btn-nonmember-order { margin-top:32px; padding:32px 0 86px 0;  border-top:1px solid var(--color-secondary); }
.section-login .btn-nonmember-order .btn-success { width:100%; }
.section-login .links { position:absolute; left:0; bottom:48px; width:100%;  letter-spacing: -0.14px;  font-size: 14px; text-align:center;  line-height:1;  }
.section-login .links li { display:inline-block; height:16px; padding:0 24px; border-left:1px solid var(--color-secondary)}
.section-login .links li:first-child { border:0;}
.section-login .links li a {  line-height:16px; color: var(--color-font-gray3); }



/*-----------------------------------------
            mobile
-------------------------------------------*/
@media all and (max-width:1023px){
      /* login */
      .section-login { position:relative; width: 100%;  height: 100vh;  margin:0 auto; padding:100px 20px; box-sizing: border-box; border-radius: 0; border:none;}
      .section-login h2 {  font-size: 16px;  font-weight: 300; color:#222529;  }
      .section-login h2 .logo { background-size: 148px auto;}
      .section-login .input-txt { width: 100%; margin-bottom:16px; color:#111; }
      
      .section-login .input-txt { margin-bottom:10px; }
      .section-login .btn-login { display: block; width: 100%; height:52px; line-height:52px; margin-top:14px; }
      .section-login .join { bottom:40px; letter-spacing: -0.13px;  font-size: 13px; text-align:center;  line-height: 3.23;  }
      .section-login .btn-nonmember-order { margin-top:40px; padding:40px 0 86px 0;  }
      .section-login .btn-nonmember-order .btn-success { width:100%; }
      .section-login .links { bottom:40px; }

}