/* BASIC css start */
/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 0px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 15px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }
 
.login_info {margin: 80px 0 0;text-align:left;}
.login_info p {color:#1C1C1C; font-size:14px; margin-bottom:20px; }
.login_info li {margin-bottom: 12px;color:#9E9E9E;font-size: 12px;}
.login_info li:last-child {margin-bottom:0}
.login_info li span {display:inline-block;width: 17px;margin-right: 4px;}



#loginWrap .loc-navi {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 40px;
    padding-bottom: 5px;
}
#loginWrap .page-body {
    margin: 0 auto;
    width: 612px;
}
#loginWrap .mlog-sign {

}
#loginWrap .mlog-sign .mlog {
    background:url("/design/iloveje/images/bg_login.gif") no-repeat scroll 0 0;
    border: 1px solid #959595;
    margin: 40px 0 0;
    position: relative;
    text-align: left;
    width: 612px;
    height: 234px;

}
#loginWrap .sign { margin-top:50px; text-align: center;
}
#loginWrap .mlog-sign label {
}
#loginWrap .mlog-sign .btn-mlog {
    right: 70px;
    position: absolute;
    top: 57px;
}
#loginWrap .mlog-sign .se-log {
    left: 95px;
    position: absolute;
    top: 145px;
}
#loginWrap .mlog-sign .sign { position:absolute; bottom:0;}
.MS_login_id {
    border: 0 none;
    height: 18px;
    left: 125px;
    position: absolute;
    top: 75px;
    width: 245px !important;
}
.MS_login_pw {
    border: 0 none;
    height: 18px;
    left: 125px;
    position: absolute;
    top: 110px;
    width: 245px !important;
}


.btn_join, .benefit {text-align:center;}
.benefit {padding:65px 0;}



.login_top {margin: 80px 0 0;text-align: center;}
.login_top p {color:#9E9E9E; font-size:13px; margin-bottom:16px; word-wrap:break-word; word-break:keep-all;}
.login_top ul {display:inline-block; text-align:left; }
.login_top li {margin-bottom: 12px;color:#9E9E9E;font-size: 13px;}
.login_top li:last-child {margin-bottom:0}
.login_top li span {display:inline-block;width: 17px;margin-right: 4px;}


.sns-join { position: relative;  margin: 30px auto 20px; width:412px;  }
.sns-join .sns-title img { /*width: 300px; padding: 0 20px;*/ width:100%; }
.sns-join ul { padding: 0; padding-bottom: 20px; /*border-bottom: 1px solid #dadada;*/ text-align:center; }
.sns-join ul li { position: relative; margin-top: 5px; /*padding-left: 50px;*/ height: 50px; line-height: 50px;  border-radius: 6px; list-style: none; }
.sns-join ul li a{ display: block; /*padding-left: 10px;*/ /*border-left: 1px solid #dfdfdf;*/ color: #fff; font-size: 13px; /*font-weight: bold;*/ letter-spacing: -0.09em; line-height:50px;}
.sns-join ul li span { position: absolute; top: 0; left: 40px; width: 50px; height: 50px; }
.sns-join ul li.naver{background:#5fbd69;}
.sns-join ul li.naver span { background: url(/design/iloveje/custom/img/icon_naver.png) no-repeat 50% 50%; background-size: 18px auto; }
.sns-join ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-join ul li.kakao{background:#f5cf50;}
.sns-join ul li.kakao span { background: url(/design/iloveje/custom/img/icon_kakao.png) no-repeat 50% 50%; background-size: 20px auto; }
.sns-join ul li.kakao a{color:#211e0c;}
.sns-join ul li.apple{background:#222;}
.sns-join ul li.apple span { background: url(/design/iloveje/custom/img/icon_apple.png) no-repeat 50% 50%; background-size: 25px auto; }

/* BASIC css end */