/* BASIC css start */
#loginWrap { width: 460px; 
    margin: 0 auto;
    padding-bottom: 80px}
    
#loginWrap .tit-page{
    padding-bottom: 15px;
    padding-top: 80px;
    position: relative;
    font-size: 30px;
    color: #171717;
    font-weight: bold;
    font-family: 'Noto Sans KR';
    border: 0}
    
.onesecond{
    font-size: 16px;
    color: #262626;
    font-family: 'Noto Sans KR';
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 35px;}

.or{display: block;
    margin: 40px 0;}
    
.or p{
    position:relative;
    text-align: center;
    font-size: 14px;
    color: #aaaaaa;
    font-family: 'Noto Sans KR';}
.or p:before{
    content: "-";
    width: 200px;
    height: 1px;
    background: #e6e6e6;
    display: inline-block;
    font-size: 0;
    position: absolute;
    top: 9px;
    left: 0;}
    
.or p:after{
    content: "-";
    width: 200px;
    height: 1px;
    background: #e6e6e6;
    display: inline-block;
    font-size: 0;
    position: absolute;
    top: 9px;
    right: 0;}

.kakaosink{
    margin-top: 40px;
    border-top: 2px solid #000;
    padding-top: 35px;}
    
.kakaosink p{
    font-size: 15px;
    color: #000;
    font-family: 'Noto Sans KR';
    line-height: 1.5;}

#loginWrap .tab {}
#loginWrap .tab a {
    width: 230px;
    height: 56px;
    border: 1px solid #e2e2e2;
    display: inline-block;
    text-align: center;
    line-height: 56px;
    box-sizing: border-box;
    background-color: #fbfbfb;
    font-size: 15px;
    color: #aaaaaa;
    font-family: 'Noto Sans KR';
    font-weight: normal;}
    
#loginWrap .tab a.act {
    color: #000000;
    background-color: #fff;
    border: 1px solid #000000;
    font-weight: bold;}


#loginWrap .nonmember {display:none; padding-top: 7px; margin-bottom: 17px;}
#loginWrap .nonmember fieldset {}



#loginWrap .mlog-sign {}
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float:left }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog {
    margin-top: 7px;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 17px;}
    
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative;}
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom: -1px; }
#loginWrap .mlog-sign .frm-list li label { 
    padding-left: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 439px;
    height: 55px;
    color: #aaaaaa;
    line-height: 55px;
    cursor: text;
    font-size: 15px;
    font-family: 'Noto Sans KR';
    z-index: -1;}
#loginWrap .mlog-sign .frm-list li input {
    text-indent: 20px;
    width: 458px;
    height: 53px;
    line-height: 53px;
    border: 1px solid #ddd;
    font-size: 15px;
    font-family: 'Noto Sans KR';
    color: #aaa !important;
    padding: 0;
    margin: 0;
    background: none;}
    
#loginWrap .mlog-sign .btn-mlog { padding-top:15px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { 
    width: 458px;
    height: 64px;
    font-size: 18px;
    font-family: 'Noto Sans KR';
    line-height: 64px;
    font-weight: 500;}
    
#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 }
/* sign */
#loginWrap .sign {display:inline-block; width:100%; }
#loginWrap .sign a{font-weight:500; font-size:15px; color:#262626;}
#loginWrap .sign .left{float:left}
#loginWrap .sign .right{float:right}

#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 }
/* order shopping */
#loginWrap .order-sp { margin-top:10px; height:206px; border:1px solid #e9e9e9 }
#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 { margin-top:50px; position:relative; float:left; width:500px }
#loginWrap .order-sp .frm-list { position:relative; width:386px }
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:6px }
#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 }
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch { padding:30px 0; position: absolute; left:392px; top:0px; width:105px; font-size:15px }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { 
    position: relative;
    width: 49%;}
#simpleLogin .sns-login a:first-child {
    float: left;}
#simpleLogin .sns-login a img{display:inline-block; vertical-align:middle;}
#simpleLogin .sns-login a p{display:inline-block; vertical-align:middle;color:#262626; font-size:15px;font-family: 'Noto Sans KR';
    margin: 0 20px;}
/*
#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 */