/* BASIC css start */
#contentWrapper { background: #f6f6f6; }
#contentWrap { width: 900px; }
#content { width: 900px; margin: 40px auto; background: #fff; }

#loginWrap { padding: 40px 0; width: 500px; margin: 0 auto; text-align: center; }
#loginWrap > .hd-title { font-size: 34px; font-weight: 600; color: #333; margin-bottom: 20px; }
#loginWrap > .sub-title { font-size: 17px; margin-bottom: 30px; color: #777; }
#loginWrap .mlog-sign { zoom: 1; overflow: hidden; }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; }
/* mlog-sign */
#loginWrap .frm-list { position: absolute; left: 0px; top: 0px; }
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
#loginWrap .frm-list li { width: 100%; }
#loginWrap .frm-list li .txt-frm { width: 200px; height: 19px; margin-right: 0px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }
/* member login */
#loginWrap .mlog { position: relative; width: 370px; height: 100px; margin-top: 10px; margin-bottom: 40px; }
#loginWrap .mlog .frm-list li label { width: 50px; line-height: 21px; font-size: 11px; letter-spacing: -1px; font-weight: bold; }
#loginWrap .mlog .frm-list li { margin-bottom: 10px; }
#loginWrap .mlog .btn-mlog { position: absolute; left: 265px; top: 0px; }
#loginWrap .mlog .security { position: absolute; left: 50px; top: 60px; }
/* sign up */
#loginWrap .sign { position: relative; width: 300px; height: 100px; margin-top: 10px; }
#loginWrap .sign .frm-list li label { width: 150px; line-height: 24px; font-weight:bold; font-size: 12px; letter-spacing: -1.5px; padding-left: 10px; background: url(/images/d3/hot_issue/common/bull_w7_h7_red.gif) no-repeat 0 45%; }
#loginWrap .sign .frm-list li { margin-bottom: 4px; }
/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }

/* 회원 로그인 */
.member-login { margin-bottom: 20px; }
.member-login label {
    display: none;
}
.member-login input {
    display: block;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 18px;
    border: 1px solid #dcdcdc;
}
#loginWrap .member-login .login-btn a {
    display: block;
    background: #2e58a6;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 20px;
    font-size: 19px;
}
#loginWrap .member-login .password {
    margin-bottom: 20px;
}
.member-login .security {
    display: flex;
    justify-content: space-between;
}
.member-login .security label {
    display: flex;
    line-height: 24px;
}
.member-login .security label input {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}


/* 회원가입 */
.member-signup { margin-bottom: 20px; }
.member-signup label {
    line-height: 60px;
    display: block;
    font-size: 17px;
}
.member-signup a {
    display: block;
    background: #E91F20;
    padding: 15px 0;
    margin-bottom: 40px;
    font-size: 19px;
    color: #fff;
    border-radius: 10px;
}


/* SNS 간편 로그인 */
#simpleLogin {
    margin-bottom: 40px;
}
#simpleLogin .sns-login-title {
    font-size: 17px;
    line-height: 60px;
}
#simpleLogin .sns-login-btns {
    display: flex;
    justify-content: center;
}
#simpleLogin .sns-icon {
    display: block;
    width: 65px;
    height: 65px;
    text-indent: -999px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center;
    background-size: 42px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
}
#simpleLogin a:not(:last-child) {
    margin-right: 40px;
}
#simpleLogin .sns-icon.kakao {
    background-image: url(http://stfshop.img10.kr/MS_product/SHIMHOEJEONG/svg/kakao.svg);
    background-color: #fedb01;
}
#simpleLogin .sns-icon.naver {
    background-image: url(http://stfshop.img10.kr/MS_product/SHIMHOEJEONG/svg/naver.svg);
    background-color: #06cf5d;
}
#simpleLogin .sns-icon.facebook {
    background-image: url(http://stfshop.img10.kr/MS_product/SHIMHOEJEONG/svg/facebook.svg);
    background-color: #3860bf;
}


/* 비회원 주문조회 */
#loginWrap .nonMember-order-check { text-align: center; color: #2e58a6; }
#loginWrap .nonMember-order-check .title { font-weight: 600; color: #333; font-size: 24px; }
#loginWrap .nonMember-order-check .sub-title { padding: 30px 0; font-size: 16px; }
#loginWrap .nonMember-order-check .nonMember-name {}
#loginWrap .nonMember-order-check .nonMember-number { margin-bottom: 20px; }
#loginWrap .nonMember-order-check .order-check a { display: block; background: #2e58a6; color: #fff; padding: 15px 0; margin-bottom: 40px; font-size: 19px; }
#loginWrap .nonMember-order-check .desc { line-height: 26px; font-size: 16px; margin-bottom: 40px; }
.nonMember-login label { display: none; }
.nonMember-login input { display: block; width: 100%; height: 60px; font-size: 18px; padding: 0 20px; margin-bottom: 10px; box-sizing: border-box; }

#loginWrap .nmlog { position: relative; height: 100px; }
#loginWrap .nmlog .frm-list { position: absolute; left: 120px; top: 0px; width: 370px; }
#loginWrap .nmlog .frm-list li label { width: 50px; line-height: 21px; font-size: 11px; letter-spacing: -1px; font-weight: bold; }
#loginWrap .nmlog .frm-list li { margin-bottom: 10px; }
#loginWrap .nmlog .btn-nmorder { position: absolute; left: 385px; top: 0px; }

/* 회원가입 링크 */
#loginWrap .nonMember-order-check .siginup-guide {
    background: #f8f8f8;
    padding: 35px 0;
    line-height: 28px;
}
#loginWrap .siginup-guide-title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
#loginWrap .siginup-guide-desc {
    font-size: 18px;
    color: #888;
    margin-bottom: 10px;
}
#loginWrap .siginup-guide-link {
    color: #2e58a6;
    font-weight: 500;
    text-decoration: underline;
}
/* BASIC css end */