/* BASIC css start */
/* #login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px;}
#login .tab a {width:50%; height:34px; border:1px solid #bdbdbd; border-top:3px solid #bdbdbd; border-bottom:1px solid #ab3e41; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#ab3e41; background-color:#fff; border:1px solid #ab3e41;  border-top:3px solid #ab3e41; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;} */

#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_btn.login__btn.cta.cta--yellow,.cta--black{
    border-radius: 0 !important;
    -webkit-appearance: none;
    width: auto !important;
    display: block !important;}
    
    
    
/* wib css 추가 */
/* 회원& 비회원 탭 */
#login .tab {
    display: flex;
    margin: 0 15px;
}

#login .tab a {
    display: block;
    width: 50%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.42px;
    border: 1px solid #E4E4E4;
    background: #FAFAFA;
}

#login .tab a.act {
    background: #fff;
    font-weight: 500;
    color: var(--black800);
}

#login .nonmember {display:none;}

#login .nonmember fieldset {padding:0 15px;}


/* 로그인 폼 */
.login-form {
    margin: 20px 0 50px;
}

.login-form .login__input {
    display: flex;
    flex-flow: column;
    gap: 10px 0;
}

.login-form input {
width: 100%;
  height: 55px;
  border: 1px solid var(--inputLIne) ;
  border-radius: 5px;
  color: var(--black);
  padding: 0 0 0 15px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
}

.login-form input::placeholder {
  color: var(--black500);
}

/* 아이디저장 & 보안접속 */
.login__save-id {
    display: flex;
    margin: 20px 0 40px;
    gap: 0 10px;
}

.login__save-id input {
    border: none;
    border-radius: 0;
}

/* 로그인 버튼 */
.blackBtn,
.grayBtn {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* 비회원 주문주회 */
.member input {
    width: 100%;
}

.login_form_box {
    margin: 20px 0 40px;
    text-align: center;
}

.member input[name="order_name"] {
    margin-bottom: 10px;
}

.member .login__btn-wrap {
    margin-top: 40px;
}

.order-form .grayBtn {
    margin-top: 10px;
}

/* 회원가입 & ID/PW찾기 */
.login__btn-list {
    display: flex;
    margin: 20px 0 0;
    gap: 0 30px;
    justify-content: center;
}

.login__btn-list li {
    position: relative;
}

.login__btn-list li a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: var(--black800);
}

.login__btn-list li:first-child:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: var(--black500);
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.login__btn-list li:last-child a {
    color: var(--black500);
}

/* 또는 */
.orLine {
    margin: 40px 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: var(--black500);
    position: relative;
    padding: 0 15px;
    text-align: center;
}

.orLine::after {
    content: '';
    display: inline-block;
    width: calc(50% - 22px);
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--black500);
}
.orLine::before {
    content: '';
    display: inline-block;
    width: calc(50% - 22px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--black500);
}

/* sns 로그인 */
.sns_login_ul {
    display: flex;
    gap: 10px 0;
    flex-flow: column;
    margin: 0 15px 127px;
}

.sns_login_ul a img {
    width: 100%;
}
/* BASIC css end */