/* 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:10px; 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 { display:none; 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 30px; text-align:left; 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; padding-left:0; }
#loginWrap .mlog-sign .sign > span.non-link { float:right; }
#loginWrap .mlog-sign .sign > span.non-link a { padding-right:0; }

/* 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; }
/* order shopping */
#loginWrap .order-sp { }
#loginWrap .order-sp .left-tit { margin:50px 0 0 100px; padding-left:100px; float:left; width:313px; height:91px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/member/bg_order_login.gif) 0 9px no-repeat }
#loginWrap .order-sp .left-tit h3 { padding-top:29px; font-size:20px; color:#363636; line-height:20px }
#loginWrap .order-sp .left-tit p { padding-top:10px; font-size:11px; color:#adadad }
#loginWrap .order-sp .frm-wrap { position:relative; }

#loginWrap .order-sp li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm { padding:0 0 0 10px; width:374px; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .order-sp li.order-num .txt-frm { color:#adadad; font-size:14px; }
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch { box-sizing:border-box; border-radius:5px; width:400px; height:54px; font-size:15px; line-height:54px; display: inline-block; color: #fff; text-align: center; background:#1c1c1c;}


/*
#orderhname {
  -webkit-appearance: textfield;
}
#orderhname::-webkit-text-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  background:red;
  position:relative;
    right:20px;  

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
}*/
/* BASIC css end */