/* BASIC css start */
label.id, label.password {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin: 0 0 5px;
    border: 1px solid #d5d5d5;
    color: #8F8F91;
}
label.id span, label.password span{
    font-size: 15px;
    float: left;
    width: 55px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 8px;
    color: #888;
    font-size: 12px;
}
label.id input, label.password input{
    float: left;
    width: 165px;
    height: 30px;
    line-height: 32px;
    padding: 3px 2px 3px 3px;
    border: 0 none;
    color: #8F8F91;
}

.loginCheck {
    text-align: center;
    margin: 10px 0 15px;
}
.loginCheck label {
    margin-right: 12px;
}
.loginCheck label input {
    vertical-align: middle;
}



.btn_b { border-radius: 0; }

.login-desc { text-align: center;}
.login-desc ul { margin-top: 12px; border-top: 1px solid #e7e7e7; }
.login-desc ul li {     float: left;    width: 50%;}
.login-desc ul li a { position: relative; display: block; height: 48px; line-height: 48px; color: #353535; }
.login-desc ul li a.join:before {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    border-left: 1px solid #dfdfdf;
    width: 1px;
    height: 16px;
    content: "";
}

#login .page-wrap { margin: 0 auto; width: 380px; }



/* simpleLogin */
#simpleLogin { position: relative; clear: both; margin: 0 auto;    width: 380px; }

#simpleLogin .sns-login ul li {height: 50px;
    line-height: 50px;
    border-radius: 0px;
    border: 0px;
    padding: 10px 0px 0px 0px;}

#simpleLogin .sns-login ul li a {
    margin: 0px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 15px;
    color: #3b3b3b;
    font-size: 12px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px;
    text-align: center; 
width: 100%;
}
#simpleLogin .sns-login ul li a.kakao:hover { background-color: #feed4c; color: #9d9870; background-image: url(//www.marue.co.kr/design/emarue/idinfo/logo_kakao_hover.png); transition: all 0.2s ease-in-out; }

#simpleLogin .sns-login ul li a.kakao {
    background-color: #fee500;
    background-image: url(//www.marue.co.kr/design/emarue/idinfo/logo_kakao.png);
}
#simpleLogin .sns-login ul li a.naver {
    background-color: #21c121;
    background-image: url(//www.marue.co.kr/design/emarue/idinfo/logo_naver.gif);
    color: white;
}
#simpleLogin .sns-login ul li a.naver:hover { background-color: #78d578; background-image: url(//www.marue.co.kr/design/emarue/idinfo/logo_naver_hover.gif); transition: all 0.2s ease-in-out; }
/* BASIC css end */