/* BASIC css start */
#login {width:500px; margin: 0 auto;}
body .member {margin-top:30px; display:none;}
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {margin-top:30px;}
#login .tab a {width:50%; height:60px; border:1px solid #bdbdbd; border-top:1px solid #bdbdbd; border-bottom:1px solid var(--7); display: inline-block; text-align: center; line-height: 58px; box-sizing: border-box; background-color:#fbfbfb; font-size:1.125rem;}
#login .tab a.act {color:var(--7); background-color:#fff; border:1px solid var(--7);  border-top:1px solid var(--7); border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:60px;}
#login .nonmember fieldset {}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

.login .loginBottom {text-align:center;}
.login .loginBottom a {border-bottom: 1px solid var(--7); font-size:0.938rem;}

.w_btn60.active {background: var(--7); border-color: var(--7); color:var(--0);}


@media (max-width:1024px) {
    #login,
    .login {width: 100%;}
    .login {padding:0 20px;}
    #login .tab a {height: 40px;line-height: 40px;font-size: 0.875rem;}
}

@media (max-width:768px) {
    #login .nonmember {margin-top:60px;}    
}
/* BASIC css end */