/* BASIC css start */
#loginWrap { width:100%; max-width:510px; min-width:300px; margin:0 auto; padding:30px; height:100%; }
#loginWrap .tit-page { margin:10px 8%; padding-bottom:20px; border-bottom:1px solid #eee; text-align:center; }
#loginWrap .tit-page a { font-size:24px; font-weight:bold; }
#loginWrap .mlog-sign {  }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {  }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:24px; color:#363636;line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { margin:20px 0; padding:0 8%; position:relative; text-align:center; }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:14px; color:#adadad; margin-bottom:20px; }
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative; }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { width:100%; height:48px; line-height:48px; border:1px solid #ddd; border-radius:5px; }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:100%; height:58px; font-size:16px; line-height:58px; border-radius:5px; }
#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 { margin-top:-3px; *margin-top:-4px; vertical-align:middle }


#loginWrap .link_login { margin:10px 0; display:flex; }
#loginWrap .link_login li { width:34%; padding:10px; border-right:1px solid #ddd; }
#loginWrap .link_login li:last-child { width:32%; border:0; }

/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:76px; width:386px }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }

#loginWrap .mlog-tab { display:flex; background:#f3f3f3; border-radius:5px 5px 0 0; }
#loginWrap .mlog-tab li { width:50%; font-size:14px; text-align:center; }
#loginWrap .mlog-tab li a { display:block; width:100%; color:#a3a3a3; padding:15px 0; font-size:14px; text-align:center; text-decoration:none; }
#loginWrap .mlog-tab li .on { background:#fff; color:#000; border:1px solid #f3f3f3; border-radius: 5px 0 0 0; border-bottom:0; }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px; padding:0 8%; }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; position:relative; width:calc(50% - 20px); margin:5px; padding: 15px 0; line-height:23px; border:1px solid #ddd; border-radius:5px; font-size:12px; }
#simpleLogin .sns-login a:first-child {  }
#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;}

#loginWrap .btn_kakao { display:block; padding:15px 0; text-align:center; background:#FEE500; color:#000; border-radius:5px; margin:10px 0; font-size:14px; }
#loginWrap .btn_facebook { background:url('/design/neurx/img/icon_facebook.png') 17px 17px no-repeat; background-size:23px; }
#loginWrap .btn_naver { background:url('/design/neurx/img/icon_naver.png') 17px 17px no-repeat; background-size:23px; }
#loginWrap .btn_apple { background:url('/design/neurx/img/icon_apple.png') 17px 17px no-repeat; background-size:23px; }

.respImg { width:100%; height:auto; }
.partition { position:relative; border-top:1px solid #ddd; margin:15px 0; }
.partition:after { content:'OR'; color:#ccc; font-size:10px; position:absolute; top:-9px; left:50%; background:#fff; padding:0 5px; transform:translateX(-50%); }


/* order shopping */
#loginWrap .order-sp { margin-top:30px; padding:0 8%; }
#loginWrap .order-sp .left-tit { padding:50px 0; padding-left:100px; height:100px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/member/bg_order_login.gif) 0 center no-repeat;  border-top:1px solid #e9e9e9 }
#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 .frm-list { position:relative; }
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:5px }
#loginWrap .order-sp li label { padding-left:11px; position:absolute; top:0; left:0; width:300px; 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:300px; height:48px; line-height:48px; border:1px solid #ddd; border-radius:5px; }
#loginWrap .order-sp li.order-num .txt-frm { color:#adadad }
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch { position: absolute; right:0; top:0px; width:110px; height:105px; line-height:105px; text-align:center; font-size:14px; border-radius:5px; }



/*
#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 */