/* BASIC css start */
.kakao_login_box{width:100%; text-align:center; padding:50px 15px 10px; box-sizing:border-box; }
.kakao_login_box h2{font-size:25px; font-weight:700; line-height:35px; color:#000; }
.kakao_login_btn{position:relative; width:100%; text-align:center; background:#fee500; border-radius:5px; margin-top:30px; }
.kakao_login_btn .kakaotalk{position:relative;}
.kakao_login_btn .kakao_logo{position:absolute; left:15px; top:13px; }
.kakao_login_btn a{display:block; line-height:50px; font-size:17px; color:#191919;}
.login .loginInput{padding-top:30px; border-top:1px solid #eee;}
.login .loginInput input{height:50px; border:0; background:#f9f9f9; border-radius:5px; }
.login .loginMiddle .btn_Red{height:60px; border-radius:5px; line-height:60px; font-size:16px; margin:20px 0 10px;}
.login .loginCheck{margin-top:20px;}

.login .loginMiddle ul{display:flex; align-items:center; justify-content:center; gap:14px;}
.login .loginMiddle li{position:relative;}
.login .loginMiddle li:after{content:''; position:absolute; top:50%;     transform: translateY(-50%);  width:1px; height:12px; background:#a9a9a9; right:-7px;}
.login .loginMiddle li:last-child:after{display:none;}
.sns-login ul li{border:0; }

.sns_login{display:flex; align-items:center; justify-content:center; gap:15px; padding:30px 0;}
.sns_login li{width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:100%;}
.sns_login li.face_btn{background:#007aff;}
.sns_login li.naver_btn{background:#3cc814;}
.sns_login li.apple_btn{background:#000;}
.sns_login li.apple_btn img{height:20px;}
.sns_login li img{height:15px;}




#login .login #keyboard {display:none; margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%;height:34px;border:1px solid #bdbdbd;border-top:3px solid #bdbdbd;border-bottom: 1px solid var(--main-color);display: inline-block;text-align: center;line-height: 30px;box-sizing: border-box;background-color:#fbfbfb;}
#login .tab a.act {color: var(--main-color);background-color:#fff;border: 1px solid var(--main-color);border-top: 3px solid var(--main-color);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; }

/* BASIC css end */

