/* BASIC css start */
/* 기존 메이크샵 회원 로그인 CSS: 원본 유지 */
#loginWrap { padding-top:10px }
#loginWrap .mlog-sign { height:458px; border:1px solid #e9e9e9; border-top:none }
#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:44px; padding:0 81px; position:relative; width:386px; 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; position:relative; width:386px }
#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 { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:384px; height:58px; font-size:16px; line-height:58px }
#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 .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 }

/* 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;}

/* 추가: 비회원 주문조회 박스 - 기존 스타일과 충돌하지 않도록 범위 제한 */
#loginWrap .guest-order,
#loginWrap .guest-order * { box-sizing:border-box; }
#loginWrap .guest-order {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:36px;
    margin-top:26px;
    margin-bottom:48px;
    padding:32px 38px;
    border:1px solid #e4e7eb;
    border-radius:8px;
    background:#f8f9fb;
}
#loginWrap .guest-order__info { flex:1 1 auto; min-width:0; }
#loginWrap .guest-order__eyebrow {
    color:#7b8695;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
}
#loginWrap .guest-order__info h3 {
    margin:9px 0 12px;
    padding:0;
    color:#252a31;
    font-size:22px;
    font-weight:700;
    line-height:1.35;
}
#loginWrap .guest-order__info p {
    margin:0;
    padding:0;
    color:#677180;
    font-size:13px;
    line-height:1.8;
}
#loginWrap .guest-order__action { flex:0 0 315px; width:315px; text-align:center; }
#loginWrap .guest-order__button {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:58px;
    padding:14px 20px;
    border:1px solid #22272f;
    border-radius:5px;
    background:#22272f;
    color:#fff !important;
    font-size:16px;
    font-weight:700;
    text-align:center;
    text-decoration:none !important;
    transition:background-color .2s,border-color .2s;
}
#loginWrap .guest-order__button:hover,
#loginWrap .guest-order__button:focus {
    border-color:#414b58;
    background:#414b58;
    color:#fff !important;
}
#loginWrap .guest-order__button:focus-visible { outline:3px solid #8db8ff; outline-offset:3px; }
#loginWrap .guest-order__button span { font-size:20px; line-height:1; }
#loginWrap .guest-order__note {
    margin:10px 0 0;
    color:#7c8591;
    font-size:11px;
    line-height:1.65;
}
@media screen and (max-width:760px) {
    #loginWrap .guest-order { flex-direction:column; align-items:stretch; gap:22px; padding:26px 22px; }
    #loginWrap .guest-order__action { flex:0 1 auto; width:100%; }
    #loginWrap .guest-order__info h3 { font-size:20px; }
}

/* BASIC css end */