/* BASIC css start */
#loginWrap {
    padding-top:100px;
    font-family: 'Pretendard', sans-serif; /* 전체 텍스트 기본 폰트 */
}

/* 맨 상단 로그인 제목 */
#loginWrap .tit-page {
    color: #53341f;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #53341f;
}

/* 기존 :after 제거 */
#loginWrap .tit-page:after { display: none; }

#loginWrap .mlog-sign { 
    height:458px; 
    border:1px solid #e9e9e9; 
    border-top:none; 
    overflow:hidden; /* float 정리 */
}

/* 회원 로그인 / 회원가입 영역 */
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {
    float:left;
    width:386px;
}

/* 회원 로그인 / 회원가입 제목 */
#loginWrap .mlog-sign .mlog h3,
#loginWrap .mlog-sign .sign h3 {
    color: #53341f;
    font-size: 18px;
    font-weight: 700;
    padding-top: 35px;
    line-height: 18px;
    margin:0;
}

/* member login */
#loginWrap .mlog-sign .mlog { 
    margin-top:44px; 
    padding:0 81px; 
    position:relative; 
    height:370px; 
    border-right:1px solid #e9e9e9; 
}

#loginWrap .mlog-sign .mlog p { 
    padding-top:20px; 
    font-size:11px; 
    color:#adadad; 
}

#loginWrap .mlog-sign .frm-list { 
    padding-top:18px; 
}

#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; 
    width:375px; 
    height:50px; 
    color:#adadad; 
    line-height:50px; 
    cursor:text; 
}

#loginWrap .mlog-sign .frm-list li input { 
    padding-left:10px; 
    width:374px; 
    height:48px; 
    line-height:48px; 
    border:1px solid #ddd; 
}

#loginWrap .mlog-sign .btn-mlog a { 
    width:384px; 
    height:58px; 
    font-size:16px; 
    line-height:58px; 
}

#loginWrap .mlog-sign .se-log label { 
    font-size:11px; 
    color:#666 !important; 
}

#loginWrap .mlog-sign .se-log label input { 
    margin-top:-3px; 
    vertical-align:middle; 
}

/* 회원가입 */
#loginWrap .mlog-sign .sign { 
    margin-top:44px; 
    padding-left:76px; 
}

#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; 
}

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px; }
#simpleLogin .sns-login { font-size:0; }
#simpleLogin .sns-login a { 
    display:inline-block; 
    vertical-align:top; 
    width:267px; 
    margin-left:6px; 
    position:relative; 
}
#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; }

#loginWrap .mlog-sign .btn-mlog a {
    background-color: #53341f; /* 브라운 배경 */
    color: #ffffff;            /* 글자 흰색 */
    border: none;              /* 테두리 제거 */
    text-align: center;
    display: block;
    font-family: 'Pretendard', sans-serif; /* 버튼 글자 Pretendard */
    cursor: pointer;
}

/* 회원 로그인 input */
#loginWrap .mlog-sign .frm-list li input {
    border: 1px solid #53341f; /* 테두리 브라운 */
    color: #53341f;            /* 입력 글자 브라운 */
    font-family: 'Pretendard', sans-serif;
}

/* LOG-IN 버튼 */
#loginWrap .mlog-sign .btn-mlog a {
    background-color: #53341f; /* 버튼 배경 브라운 */
    color: #ffffff;            /* 글자 흰색 */
    border: none;              /* 테두리 없음 */
    text-align: center;
    display: block;
    font-family: 'Pretendard', sans-serif;
    cursor: pointer;
}

/* JOIN-US 버튼 */
#loginWrap .mlog-sign .sign dl dd a {
    border: 1px solid #53341f; /* 테두리 브라운 */
    color: #53341f;            /* 글자 브라운 */
    background-color: #ffffff; /* 배경 흰색 */
    font-family: 'Pretendard', sans-serif;
    text-align: center;
    display: block;
    cursor: pointer;
    text-decoration: none;     /* 링크 밑줄 제거 */
}

/* 회원가입 안내 문구 dt */
#loginWrap .mlog-sign .sign dl dt {
    font-size: 11px;
    color: #adadad;
    line-height: 1.5;      /* 줄간격 유지 */
    margin-top: 10px;      /* 위쪽 여백 추가 */
}


/* 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 { display:inline-block; *display:inline; vertical-align:top;position:relative;width:267px;margin-left:6px; *margin-left:9px }
#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;}

/*
#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;
}
/* ORDER HISTORY 버튼 색상 유지 + Pretendard 폰트 */
#loginWrap .order-sp .btn-sch {
    background-color: #53341f; /* 브라운 배경 */
    color: #ffffff;            /* 글자 흰색 */
    border: none;              /* 테두리 제거 */
    font-family: 'Pretendard', sans-serif;
    text-align: center;
    cursor: pointer;
}

/* 비회원 주문조회 제목만 Pretendard + 브라운 */
#loginWrap .order-sp .left-tit h3 {
    font-family: 'Pretendard', sans-serif;
    color: #53341f;
}

#loginWrap {
    margin-bottom: 80px; /* 원하는 간격만큼 조절 */
}


/* BASIC css end */