/* BASIC css start */
/* =============================================================================
   로그인 login.html
   ========================================================================== */
#login { margin: 20px 10px; }
#login .login-form,
#login .guest-order-form { position: relative; padding: 15px; border-bottom: 1px solid #dadada; }
#login .guest-order-form h4 { margin: 0; padding: 5px; font-size: .75em; font-weight: bold; background-color: #dadada; margin-bottom: 5px; }
#login .input-wrap { position: relative; padding-right: 80px; }
#login .input-wrap .input-comm { display: block; height: 29px; border: 1px solid #d6d6d6; padding: 0 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#login .input-wrap .input-comm  input { font-size: .75em; -webkit-appearance: none; }
#login .input-wrap .login-input { display: block; width: 100%; height: 100%; border: 0 none; padding: 0; }
#login .input-wrap .input-pwd { margin-top: 8px; }
#login .input-wrap .btn-submit { display: block; position: absolute; right: -2px; top: 0; width: 70px; height: 67px; line-height: 67px; border:1px solid #000; background:#000; color:#fff; text-align:center; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
#login .login-set { overflow: hidden; width: 100%; margin-top: 15px; }
#login .login-set li { list-style-type: none; float: left; margin-right: 12px; font-size: .75em; line-height: 1em; }
#login .login-set .chk-rdo { vertical-align: bottom; margin-right: 5px; }
#login .login-fail { display: block; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; background: #fff; border: 3px solid #e7e7e7; -webkit-box-shadow: 3px 3px 10px #99a4b3; -moz-box-shadow: 3px 3px 10px #99a4b3; box-shadow: 3px 3px 10px #99a4b3; }
#login .login-fail .fail-content { padding: 20px 20px 10px; color: #222; }
#login .login-fail .fail-content h3 { margin: 0; font-size: .875em; font-weight: bold; }
#login .login-fail .fail-content p { margin: 0; font-size: .75em; color: #222; }
#login .login-fail .btn-ok { display: block; width: 100%; padding: 6px 0; margin-top: 20px; }
#login .txt-nomem { padding: 15px 20px 10px; font-size: .75em; }
#login .txt-nomem dd { margin-top: 5px; letter-spacing: -0.1em; }
#login .txt-nomem .join-btn { margin: 10px 0; text-align: center; padding: 7px 10px; }
#login .cookie-config { border: 1px solid #dadada; padding: 10px 15px; }
#login .cookie-config p { text-align: center; font-size: .75em; }
#login .cookie-config .wrap { margin-top: 10px; }
#login .cookie-config li { list-style-type: none; }
#login .cookie-config .div { margin-bottom: 10px; }
#login .cookie-config .div strong { font-size: .75em; }
#login .cookie-config .div .sub { padding-left: 10px; font-size: .75em; }

#login .btn-keyboard {font-size: .875em; padding: 0 0 10px; text-align: right; display: block;}
#login .keyboard img {max-width: 100%; margin-bottom: 10px;}
#login .btn-keyboard .open {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-top: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent}
#login .btn-keyboard .close {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-bottom: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent}

/* 한글자판 */
#login .btn-keyboard {font-size: .875em; padding: 0 0 10px; text-align: right; display: block;}
#login .keyboard img {max-width: 100%; margin-bottom: 10px;}
#login .btn-keyboard .open {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-top: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent}
#login .btn-keyboard .close {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-bottom: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent}



#login .btn-type-04,
#login .btn-type-03 {background-clip: padding-box; border: 1px solid #aaa; border-radius: 0px; background:#f4f4f4; display: inline-block; padding: 7px 8px; color:#666 !important;}
#login .btn-type-03 span {color:#666 !important;}
/* BASIC css end */