/* BASIC css start */
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%; height:34px; border:1px solid #bdbdbd; border-top:3px solid #bdbdbd; border-bottom:1px solid #ab3e41; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#ab3e41; background-color:#fff; border:1px solid #ab3e41;  border-top:3px solid #ab3e41; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

/* ========================================================================== 
   MER_N mobile order lookup login / Little_Makeshop markup preserved
   ========================================================================== */
.mer_n-mobile-order-login-page,.mer_n-mobile-order-login-page *{box-sizing:border-box}
.mer_n-mobile-order-login-page{background:#fff;color:#302d2a;font-family:Arial,"Noto Sans KR",sans-serif}
.mer_n-mobile-order-login-page a{color:inherit;text-decoration:none}
.mer_n-mobile-order-login-page #contents{width:100%;margin:0;padding:0}
.mer_n-mobile-order-login-page #login{width:100%;max-width:520px;margin:0 auto;padding:48px 16px 84px}
.mer_n-mobile-order-login-page #login fieldset{min-width:0;margin:0;padding:0;border:0}
.mer_n-mobile-order-login-page #login legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* heading */
.mer_n-mobile-order-login-page #login>.h_title{margin:0 0 34px;padding:0;border:0;background:none;text-align:center}
.mer_n-mobile-order-login-page #login>.h_title .eyebrow{margin:0 0 10px;color:#95887c;font-size:10px;line-height:1;letter-spacing:2.2px}
.mer_n-mobile-order-login-page #login>.h_title h3{margin:0;color:#272522;font:400 29px/1.35 Georgia,"Noto Serif KR",serif;letter-spacing:-.5px}
.mer_n-mobile-order-login-page #login>.h_title .desc{display:block;margin-top:12px;color:#817970;font-size:12px;line-height:1.6}

.mer_n-mobile-order-login-page #login>.login{width:100%;margin:0;padding:0;border-top:1px solid #302d2a}
.mer_n-mobile-order-login-page #login .login #keyboard{margin:0;padding:13px 0 11px;text-align:right}
.mer_n-mobile-order-login-page #login #keyboard p{margin:0}
.mer_n-mobile-order-login-page #login #keyboard p a{display:inline-flex;min-height:30px;align-items:center;gap:5px;color:#756e68;font-size:11px}
.mer_n-mobile-order-login-page #login #keyboard img{display:none;width:100%;height:auto;margin-top:10px}

/* member / guest tabs */
.mer_n-mobile-order-login-page #login .tab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 28px;padding:0}
.mer_n-mobile-order-login-page #login .tab a{display:flex;width:100%;height:auto;min-height:46px;align-items:center;justify-content:center;border:1px solid #e2ddd7;border-top:1px solid #e2ddd7;border-bottom:1px solid #302d2a;background:#fff;color:#817970;font-size:12px;line-height:1.4}
.mer_n-mobile-order-login-page #login .tab a+a{border-left:0}
.mer_n-mobile-order-login-page #login .tab a.act{border:1px solid #302d2a;border-bottom:1px solid #302d2a;background:#302d2a;color:#fff;font-weight:500}
.mer_n-mobile-order-login-page #login .member,.mer_n-mobile-order-login-page #login .nonmember{width:100%;margin:0;padding:0}
.mer_n-mobile-order-login-page #login .nonmember{display:none}
.mer_n-mobile-order-login-page #login .nonmember fieldset{padding:0}
.mer_n-mobile-order-login-page #login .nonmember h3{margin:0 0 17px;color:#302d2a;font:400 20px/1.45 Georgia,"Noto Serif KR",serif}

/* inputs and actions */
.mer_n-mobile-order-login-page #login .loginInput{display:grid;gap:10px;width:100%;margin:0;padding:0}
.mer_n-mobile-order-login-page #login .loginInput input[type=text],
.mer_n-mobile-order-login-page #login .loginInput input[type=password],
.mer_n-mobile-order-login-page #login .loginInput .MS_input_txt{display:block;width:100%!important;height:50px!important;margin:0!important;padding:0 15px!important;border:1px solid #d8d2cc!important;border-radius:0!important;background:#fff!important;color:#272522!important;font-size:16px!important;line-height:50px!important;appearance:none;outline:0}
.mer_n-mobile-order-login-page #login .loginInput input:focus{border-color:#514b45!important;box-shadow:0 0 0 1px #514b45}
.mer_n-mobile-order-login-page #login .loginCheck{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 24px;color:#716a64;font-size:11px;line-height:1.5}
.mer_n-mobile-order-login-page #login .loginCheck label{display:inline-flex;align-items:center;gap:6px}
.mer_n-mobile-order-login-page #login .loginCheck input{width:16px;height:16px;margin:0;accent-color:#302d2a}
.mer_n-mobile-order-login-page #login .loginMiddle{display:grid;gap:9px;width:100%;margin:20px 0 0;padding:0}
.mer_n-mobile-order-login-page #login .loginMiddle a,
.mer_n-mobile-order-login-page #login .loginBottom .btn_Black{display:flex!important;width:100%!important;min-height:50px;align-items:center;justify-content:center;margin:0!important;padding:0 10px!important;border:1px solid #302d2a!important;border-radius:0!important;font-size:12px!important;font-weight:500;line-height:1.4!important}
.mer_n-mobile-order-login-page #login .loginMiddle .btn_Red{background:#302d2a!important;color:#fff!important}
.mer_n-mobile-order-login-page #login .loginMiddle .btn_White{border-color:#d8d2cc!important;background:#fff!important;color:#302d2a!important}
.mer_n-mobile-order-login-page #login .loginBottom{margin-top:28px;padding:23px 16px;border:1px solid #e5e0db;background:#faf9f7;text-align:center}
.mer_n-mobile-order-login-page #login .loginBottom p{margin:0 0 7px;color:#77706a;font-size:11px;line-height:1.65}
.mer_n-mobile-order-login-page #login .loginBottom p.bold{color:#302d2a;font-size:13px;font-weight:500}
.mer_n-mobile-order-login-page #login .loginBottom .btn_Black{margin-top:16px!important;background:#fff!important;color:#302d2a!important}

/* SNS */
.mer_n-mobile-order-login-page #login .sns-login{margin-top:30px;padding-top:25px;border-top:1px solid #e5e0db}
.mer_n-mobile-order-login-page #login .sns-title{margin-bottom:14px;text-align:center}
.mer_n-mobile-order-login-page #login .sns-title img{max-width:100%;height:auto}
.mer_n-mobile-order-login-page #login .sns-login ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mer_n-mobile-order-login-page #login .sns-login li a{display:flex;min-height:46px;align-items:center;justify-content:center;border:1px solid #ddd8d2;background:#fff;color:#514b45;font-size:12px}

/* duplicate guest order layer */
.mer_n-mobile-order-login-page #inquiryOrder{display:none}
.mer_n-mobile-order-login-page #inquiryOrder .layer{position:fixed;z-index:120;inset:0;overflow:auto;background:rgba(30,27,25,.52)}
.mer_n-mobile-order-login-page #inquiryOrder .layer-pop{position:relative;width:calc(100% - 28px);max-width:460px;margin:42px auto;padding:0 16px 22px;background:#fff}
.mer_n-mobile-order-login-page #inquiryOrder .layer-pop>h3{min-height:52px;margin:0 -16px;padding:16px 55px 14px 16px;border-bottom:1px solid #e5e0db;color:#302d2a;font-size:15px;font-weight:500}
.mer_n-mobile-order-login-page #inquiryOrder .close{position:absolute;top:0;right:0;display:flex;width:52px;height:52px;align-items:center;justify-content:center;background:#302d2a;color:#fff}
.mer_n-mobile-order-login-page #inquiryOrder .txt{margin:20px 0 0;padding:0;color:#716a64;font-size:11px;line-height:1.7;text-align:center}
.mer_n-mobile-order-login-page #inquiryOrder .frm{display:grid;width:100%;grid-template-columns:76px minmax(0,1fr);gap:9px 8px;margin:24px 0 0;overflow:visible}
.mer_n-mobile-order-login-page #inquiryOrder .frm dt,.mer_n-mobile-order-login-page #inquiryOrder .frm dd{float:none;width:auto;margin:0}
.mer_n-mobile-order-login-page #inquiryOrder .frm dt{display:flex;align-items:center;color:#514b45;font-size:11px;font-weight:500;line-height:1.4}
.mer_n-mobile-order-login-page #inquiryOrder .frm dd input[type=text]{width:100%!important;height:42px;margin:0;padding:0 10px;border:1px solid #d8d2cc;background:#fff;line-height:42px}
.mer_n-mobile-order-login-page #inquiryOrder .btns{display:grid;gap:8px;margin:25px 0 0}
.mer_n-mobile-order-login-page #inquiryOrder .btns a{display:flex;min-height:46px;align-items:center;justify-content:center;margin:0;border:1px solid #302d2a;font-size:12px}
.mer_n-mobile-order-login-page #inquiryOrder .btns .btn_Grey{background:#302d2a;color:#fff}
.mer_n-mobile-order-login-page #inquiryOrder .btns .btn_Black{background:#fff;color:#302d2a}

@media(max-width:359px){
  .mer_n-mobile-order-login-page #login{padding-right:12px;padding-left:12px}
  .mer_n-mobile-order-login-page #login .loginCheck{gap:8px 11px}
  .mer_n-mobile-order-login-page #inquiryOrder .frm{grid-template-columns:68px minmax(0,1fr)}
}


/* BASIC css end */