/* 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;}



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



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

/* order shopping */
#loginWrap .order-sp {

width:405px; margin:0 auto;
    margin-top: 80px;
    -overflow: hidden;
}
#loginWrap .order-sp h3, #loginWrap .order-sp .frm-wrap {
    -float: left;
}
#loginWrap .order-sp h3 {
    margin-right: 50px;
    padding-top: 10px;
    text-align: right;
    width: 300px;
}
#loginWrap .order-sp h3 p {
    font-size: 90%;
    font-weight: bold;
    letter-spacing: -1px;
    margin-top: 10px;
}
#loginWrap .order-sp .frm-wrap p {
    -text-align: right;
}
#loginWrap .order-sp .frm {
    -height: 50px;
    margin-top: 50px;
    position: relative;
    -width: 397px;
}
#loginWrap .order-sp .frm .frm-list {
    left: 0;
    -position: absolute;
    top: 5px;
    width: 397px;
}
#loginWrap .order-sp .frm li, #loginWrap .order-sp .frm li label, #loginWrap .order-sp .frm li .txt-frm {
    float: left;
}
#loginWrap .order-sp .frm li {
    margin-bottom: 20px;
    width: 100%;
}
#loginWrap .order-sp .frm li label {
    padding-right: 10px;
    padding-left:20px;
    padding-top: 5px;
    text-align: left;
    width: 60px;
	color:#000;
}
#loginWrap .order-sp .frm li .txt-frm {
    background-color: #fff;
    border: 0 none;
border-bottom:1px solid #c9cbcb;
    height: 15px;
    padding: 2px 0 0 2px;
    width: 185px;
}
#loginWrap .order-sp .frm .btn-sch {
    left: 295px;
    position: absolute;
    top: 0px;
}






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


/* BASIC css end */

