/* BASIC css start */
#login .login_top {position:relative; margin-top:20px;  }
#login .tab  { position: relative; display: flex; width:120px; height:27px; border: 1px solid #000; overflow: hidden; background: #fff;}
#login .tab:before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #fededf; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;}
#login .tab.slide-right:before { transform: translateX(100%); }
#login .tab a { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #666; font-size: 1.2rem; font-weight: 500; transition: color 0.3s ease; z-index: 2; cursor: pointer; }
#login .tab .act { color: #333; font-weight: 700;}

#login .login #keyboard {position:absolute;top: -28px;right:0}
#login .login #keyboard p {margin:0}
#login .login .loginInput {margin-top: 10px;}

#login .member {position:relative; }
#login .nonmember {display:none;}
#login .nonmember h3 {text-align:right; margin-bottom:12px; font-size:1.2rem;}

#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; }

#header {position:fixed !important; }
#container {padding-top:180px}
#footer {display:none !important; }
/* BASIC css end */