/* BASIC css start */
#loginWrap { padding-top:150px; width:930px; margin:0 auto; }
#loginWrap .mlog-sign { float:right; }

#loginWrap .mlog-sign h3,
#simpleLogin h3 { font-size:24px; color:#1c1c1c; font-weight:bold; margin-bottom:10px; text-align:left; }
#simpleLogin .tit { font-size:14px; color:#606060; margin-bottom:30px; text-align:left; }
#loginWrap .mlog-sign:before,
#loginWrap .mlog-sign:after { border-left:1px solid #ddd; }

/* member login */
#loginWrap .mlog-sign .mlog { position:relative; width:400px; }
#loginWrap .mlog-sign .mlog p { padding-top:10px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative; width:400px }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:10px }
#loginWrap .mlog-sign .frm-list li label { padding-left:21px; font-size:14px; position:absolute; top:0; left:0; width:400px; height:46px; color:#adadad; line-height:46px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { padding-left:20px; box-sizing:border-box; width:400px; height:46px; line-height:46px; border:1px solid #ddd; border-radius:5px; }
#loginWrap .mlog-sign .btn-mlog { position:relative }
#loginWrap .mlog-sign .btn-mlog a { border-radius:5px; width:400px; height:54px; font-size:15px; line-height:54px; display: inline-block; color: #fff; text-align: center; background:#1c1c1c; }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input {width:15px; height:15px; margin-top:-3px; *margin-top:-4px; vertical-align:middle }

/* sign */
#loginWrap .mlog-sign .sign { margin:20px auto 20px; text-align:center; font-size:0; }
#loginWrap .mlog-sign .sign > span { display:inline-block; font-size:13px; }
#loginWrap .mlog-sign .sign > span a { font-size:13px; display:block; padding:0 15px; color:#606060; }
#loginWrap .mlog-sign .sign > span:first-child a { border-right:1px solid #dcdcdc; } 

/* simpleLogin */
#simpleLogin { width:400px; float:left; text-align:center; margin-top:10px }
#simpleLogin .sns-login {
    background-image: url(/design/heyskorea/img/kakao.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 108px 18px;
    display:block;
    margin-bottom:10px;
    width:400px;
    height:54px;
    line-height:54px;
    text-align:center;
    border-radius:5px;
    box-sizing:border-box;
    background-color:#fbeb4b;
    color:#412929;    
}
#simpleLogin .sns-login a { display:block; text-align: left; line-height:54px; padding-left:140px; box-sizing:border-box; *display:inline; vertical-align:top;position:relative;width:100%; height:100%; font-size:15px; font-weight:600; color:#412929; }
#simpleLogin .sns-login a:first-child { margin-left:0 }
#simpleLogin .sns-login a img { width:272px }
#simpleLogin .sns-login span { position:absolute; left:50%; top: -22px; margin-left: -40px; }
#simpleLogin .sns-login span img { width: 80px !important;}

#simpleLogin .kakao-coupon { width:400px; height:240px; padding:40px 0; box-sizing:border-box; background:#fbeb4b; color:#412929;  }
#simpleLogin .kakao-coupon .tit-01 { font-size:15px; font-weight:500; line-height: 20px; }
#simpleLogin .kakao-coupon .tit-02 { font-size:23px; font-weight:600; margin-top:5px; }
#simpleLogin .kakao-coupon .tit-03 { font-size:12px; font-weight:500; }
#simpleLogin .kakao-coupon > a { display:block; margin:10px auto 16px; }

#snsLogin .sns-box { text-align:center; font-size:0; }
#snsLogin .sns-box > a { display:inline-block; margin:0 10px; }
.non-member { width:400px; height:54px; line-height:54px; margin-top:30px; border:1px solid #1c1c1c; box-sizing:border-box; text-align:center; border-radius:5px; }
.non-member a { display:block; width:100%; height:100%; color:#1c1c1c; line-height:53px; font-size:15px; }
/* BASIC css end */