.mb-user .mb-login-template {padding:20px 0 20px;}
.mb-mobile .mb-user .mb-login-template {padding:20px 0;}
.mb-user .mb-login-template .mb-login-label{font-weight:600;font-size: 13px;}
.mb-user .mb-login-template .user-login-checkbox{vertical-align:middle !important;}

.mb-user .mb-login-basic1{background-color:#FFF !important;margin:50px auto 50px !important; text-align: center;max-width:840px;border: 1px solid #CCC !important;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
.mb-mobile .mb-user .mb-login-basic1{margin:20px auto 20px !important; }
.mb-user .mb-login-basic1 .mb-login-passwd-wrap{margin-top:15px !important;}
.mb-user .mb-login-basic1 .mb-login-item-box{text-align: center;display: inline-block;padding-top: 36px;}
.mb-user .mb-login-basic1 .user-auto-login{text-align:right !important;padding-right:113px !important;}
.mb-mobile .mb-user .mb-login-basic1 .user-auto-login{text-align:right !important;padding-right:0px !important;}
.mb-user .mb-login-basic1 .user-auto-login-label{vertical-align:middle !important;padding-bottom:3px;}
.mb-user .mb-login-basic1 .user-login-input{width:250px !important;height:34px !important; vertical-align: middle;}
.mb-user .mb-login-basic1 .mb-login-btn-box{margin:0px auto !important;}
.mb-user .mb-login-basic1 .user-login-btn-wrap1{vertical-align: top;display: inline-block;}
.mb-user .mb-login-basic1 .user-login-btn-wrap1 .btn-default {color:#fff !important; background-color: #444 !important;font-weight:600; border:none !important; height:83px !important; width:96px;}
.mb-mobile .mb-user .mb-login-basic1 .user-login-btn-wrap1 .btn-default{width:100%; height:36px !important;width: 252px;margin-top: 18px;}
.mb-user .mb-login-basic1 .mb-login-btn-box>div{padding: 29px 0 24px;text-align: center;margin-top: 30px; border-top: 1px solid #ccc;background-color: #f0f0f0;}
.mb-mobile .mb-user .mb-login-basic1 .mb-login-btn-box>div{padding: 19px 0 14px;text-align: center;margin-top: 20px; border-top: 1px solid #ccc;background-color: #f0f0f0;}
.mb-user .mb-login-basic1 .mb-login-btn-box .btn-default{margin:0 3px 5px;width: 230px; border: 1px solid #ddd; -moz-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;background-color: #ffffff !important;height: 50px !important; }
.mb-mobile .mb-user .mb-login-basic1 .mb-login-btn-box .btn-default{width: 252px;height: 36px !important}
.mb-user .mb-login-basic1 .user-login-input-wrap{padding-right:16px;display: inline-block;}
.mb-mobile .mb-login-basic1 .user-login-input-wrap{padding-right:0px;display:block}
.mb-user .mb-login-basic1 .mb-login-label{display:inline-block; padding-right:15px; width:90px;text-align:left}
.mb-mobile .mb-login-basic1 .mb-login-label{display:block !important; padding-bottom:2px;}
.mb-user .mb-login-basic1 .user-sociallogin-wrap {text-align:left;padding: 10px 0 0 91px;}
.mb-mobile .mb-login-basic1 .user-sociallogin-wrap {padding: 10px 0 0 0px;}


.mb-user .mb-login-basic2{margin:0px auto !important; text-align: center;max-width:420px;padding: 10px 15px;position: relative;font-size: 15px;}
.mb-user .mb-login-basic2 .mb-user-title-wrap .mb-user-title{display:inline-block;}
.mb-user .mb-login-basic2 .mb-user-title-wrap .mb-user-title>div{padding:0px;text-align:center;line-height:3px;}
.mb-user .mb-login-basic2 .btn-default{margin: 0;width: 100%;color: #333 !important;background-color: #ffffff !important;height: 42px !important;font-size: 14px;font-weight: 600;}
.mb-user .mb-login-basic2 .mb-login-passwd-wrap{margin-top: -1px !important;}
.mb-user .mb-login-basic2 .mb-login-label{display:none !important;}
.mb-user .mb-login-basic2 .user-login-input-wrap label{width:100% !important;}
.mb-user .mb-login-basic2 .user-login-input-wrap .user-login-input{width: 100%;height: 42px !important;border: 1px solid #ccc !important;vertical-align: middle;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;-khtml-border-radius: 0px !important;border-radius: 0px !important;padding: 4px 15px !important;font-size: 15px !important;}
.mb-user .mb-login-basic2 .user-auto-login{text-align: left;padding: 10px 1px 11px;}
.mb-user .mb-login-basic2 .user-login-item a span,
.mb-user .mb-login-basic2 .user-auto-login .user-auto-login-label{font-size: 15px !important;}
.mb-user .mb-login-basic2 .user-login-checkbox{vertical-align: middle !important;min-width: 16px;min-height: 16px;margin-right: 14px !important;}
.mb-user .mb-login-basic2 .user-login-btn-wrap1 .btn-login{border: 1px solid #333 !important;color: #FFF !important;background-color: #555 !important;margin: 0;width: 100%;height: 42px !important;font-size: 14px;font-weight: 600;}
.mb-user .mb-login-basic2 .user-login-btn-wrap1 .btn-login:hover{color: #FFF !important;background-color: #000 !important;}
.mb-user .mb-login-basic2 .user-login-btn-wrap2{text-align: left;padding: 13px 1px 14px;}
.mb-user .mb-login-basic2 .mb-user-line-box{position:relative;padding: 10px 10px !important;margin:10px 0 22px !important;}
.mb-user .mb-login-basic2 .mb-user-line-box span{display: inline-block;background-color: #fff;padding: 0 20px;position: relative;z-index: 99;max-width: 80%;	font-size: 15px;color: #777;}
.mb-user .mb-login-basic2 .mb-user-line-box .mb-user-line{	width:100%;border-bottom: 1px solid #e7eaed;position: absolute;top: 50%;left: 0px;z-index: 98;}
.mb-user .mb-login-basic2 .user-sociallogin-wrap .btn-naver-login{margin-bottom:10px;background-color:#27d34a !important;color:#FFF !important;border:none !important;background-image:url(../../sociallogin/images/icon_naver_logo.png);background-position:20px center;background-size:18px;background-repeat:no-repeat;}
.mb-user .mb-login-basic2 .user-sociallogin-wrap .btn-kakao-login{margin-bottom:10px;background-color:#FEE500 !important;border:none !important;background-image:url(../../sociallogin/images/icon_kakao_logo.png);background-position:20px center;background-size:19px;background-repeat:no-repeat;}
.mb-user .mb-login-basic2 .user-sociallogin-wrap .btn-google-login{margin-bottom:10px;background-image:url(../../sociallogin/images/icon_google_logo.png);background-position:18px center;background-size:20px;background-repeat:no-repeat;}
.mb-user .mb-login-basic2 .user-sociallogin-wrap .btn-facebook-login{margin-bottom:10px;background-color:#1877F2 !important;color:#FFF !important;border:none !important;background-image:url(../../sociallogin/images/icon_facebook_logo.png);background-position:16px center;background-size:24px;background-repeat:no-repeat;}
.mb-user .mb-login-basic2 .user-sociallogin-wrap .btn-twitter-login{margin-bottom:10px;background-color:#000000 !important;color:#FFF !important;border:none !important;background-image:url(../../sociallogin/images/icon_twitter_logo.png);background-position:16px center;background-size:24px;background-repeat:no-repeat;}
.mb-user .mb-login-basic2 .btn-order-search {color: #FFF !important;background-color: #999 !important;border: 1px solid #888;}


.mb-user .mb-login-basic3{background-color:#FFF !important;padding:26px 0px 25px !important;max-width:300px;min-width:260px;margin:0px auto !important;border: 1px solid #CCC !important;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
.mb-user .mb-login-basic3 .mb-login-passwd-wrap{margin-top:10px !important;}
.mb-user .mb-login-basic3 .user-login-input{width:250px !important;height:34px !important; vertical-align: middle;}
.mb-user .mb-login-basic3 .mb-login-item-box{width:250px;margin:0px auto !important;}
.mb-user .mb-login-basic3 .user-auto-login{text-align:right !important;padding:8px 0 2px !important;}
