/* BASIC css start */
/* =========================================
   MO 주문조회 로그인 (FOLDER 톤)
   ========================================= */
#login{padding:36px 16px 56px; color:#000;}
#login .h_title{display:none;}
#login #keyboard{display:none !important;}
#login fieldset{border:none; margin:0; padding:0;}
#login legend{display:none;}

/* 상단 제목 */
#login .login_head{text-align:center; margin-bottom:24px;}
#login .login_head h2{font-size:24px; font-weight:800; letter-spacing:-0.5px; margin:0 0 8px;}
#login .login_head p{font-size:13px; color:#999; margin:0;}

/* 회원 / 비회원 탭 : 밑줄형 */
#login .login{padding:0; margin:0; border:none; background:none;}
#login .tab{display:flex; margin:0 0 24px; padding:0; border:none; border-bottom:1px solid #e5e5e5; background:none;}
#login .tab a{flex:1; display:block; float:none; width:auto; height:auto; padding:13px 0; margin:0; border:none !important; background:none !important; text-align:center; font-size:15px; font-weight:500; line-height:1.3; color:#999 !important;}
#login .tab a.act{color:#000 !important; font-weight:700; box-shadow:inset 0 -2px 0 #000;}
#login .member,
#login .nonmember{padding:0; margin:0; border:none; background:none;}

/* 비회원 안내 */
#login .nonmember h3{font-size:17px; font-weight:700; margin:0 0 6px; padding:0; border:none; background:none; text-align:left;}
#login .nonmember .guest_desc{font-size:13px; color:#999; margin:0 0 16px;}

/* 입력칸 */
#login .loginInput{display:flex; flex-direction:column; gap:8px; margin:0; padding:0;}
#login .loginInput input[type="text"],
#login .loginInput input[type="password"]{display:block; width:100% !important; height:50px !important; margin:0 !important; padding:0 14px !important; box-sizing:border-box; border:1px solid #ddd !important; border-radius:8px !important; background:#fff !important; font-size:15px; color:#000; outline:none; box-shadow:none;}
#login .loginInput input:focus{border-color:#000 !important;}
#login .loginInput input::placeholder{color:#bbb;}

/* 체크박스 */
#login .loginCheck{display:flex; flex-wrap:wrap; gap:6px 16px; margin:14px 0 0; padding:0;}
#login .loginCheck label{display:flex; align-items:center; gap:6px; margin:0; font-size:13px; color:#555; cursor:pointer;}
#login .loginCheck input[type="checkbox"]{width:18px; height:18px; margin:0; accent-color:#000; vertical-align:middle;}

/* 로그인 / 주문조회 버튼 + 찾기 링크 */
#login .loginMiddle{margin:22px 0 0; padding:0;}
#login .loginMiddle .btn_login{display:block; padding:16px 0; background:#000; border-radius:10px; color:#fff !important; text-align:center; font-size:16px; font-weight:700; letter-spacing:-0.3px;}
#login .login_links{display:flex; justify-content:center; align-items:center; gap:14px; margin-top:16px;}
#login .login_links a{font-size:13px; color:#777;}
#login .login_links span{width:1px; height:11px; background:#ddd;}

/* SNS 간편 로그인 */
#login .sns-login{margin:32px 0 0; padding:0; border:none; background:none;}
#login .sns-login .sns_tit{position:relative; text-align:center; margin:0 0 16px;}
#login .sns-login .sns_tit:before{content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:#eee;}
#login .sns-login .sns_tit span{position:relative; padding:0 12px; background:#fff; font-size:12px; color:#999;}
#login .sns-login ul{display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;}
#login .sns-login ul li{margin:0; padding:0; border:none;}
#login .sns-login ul li a{display:flex; align-items:center; justify-content:center; gap:8px; height:50px; border-radius:10px; font-size:15px; font-weight:600; border:1px solid #ddd; background:#fff; color:#000;}
#login .sns-login ul li.kakaotalk a{background:#FEE500; border-color:#FEE500; color:#191919;}
#login .sns-login ul li.naver a{background:#03C75A; border-color:#03C75A; color:#fff;}
#login .sns-login ul li.apple a{background:#000; border-color:#000; color:#fff;}

/* 회원가입 유도 */
#login .loginBottom{margin:36px 0 0; padding:0; border:none; background:none; text-align:left;}
#login .loginBottom .join_benefit{background:#f6f6f6; border-radius:10px; padding:18px; margin-bottom:10px;}
#login .loginBottom .join_benefit em{display:block; font-style:normal; font-size:10px; font-weight:700; letter-spacing:1px; color:#999; margin-bottom:6px;}
#login .loginBottom .join_benefit b{display:block; font-size:16px; font-weight:700; line-height:1.4;}
#login .loginBottom .join_benefit strong{color:#e60012;}
#login .loginBottom .join_benefit small{display:block; font-size:12px; color:#777; margin-top:3px;}
#login .loginBottom .btn_join{display:block; padding:15px 0; background:#fff; border:1px solid #000; border-radius:10px; color:#000 !important; text-align:center; font-size:16px; font-weight:700;}

/* 비회원 2건 이상 주문 안내창 : 평소엔 숨김 */
#login #inquiryOrder{display:none;}
#login #inquiryOrder:target{display:block;}
#login #inquiryOrder .layer{position:fixed; inset:0; z-index:200; background:rgba(0,0,0,.4); display:flex; align-items:center; justify-content:center; padding:16px;}
#login #inquiryOrder .layer-pop{position:relative; width:100%; background:#fff; border-radius:12px; overflow:hidden;}
#login #inquiryOrder .layer-pop h3{margin:0; padding:16px; font-size:16px; font-weight:700; border-bottom:1px solid #eee; background:#fff;}
#login #inquiryOrder .layer-pop .close{position:absolute; top:12px; right:12px; color:#000;}
#login #inquiryOrder fieldset{padding:16px;}
#login #inquiryOrder .txt{font-size:13px; line-height:1.6; color:#555; margin-bottom:12px;}
#login #inquiryOrder dl.frm dt{font-size:13px; font-weight:700; margin:10px 0 6px;}
#login #inquiryOrder dl.frm dd{display:flex; gap:6px; margin:0;}
#login #inquiryOrder dl.frm input{flex:1; min-width:0; height:46px; padding:0 12px; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; font-size:14px;}
#login #inquiryOrder .btns{display:flex; gap:8px; margin-top:16px;}
#login #inquiryOrder .btns a{flex:1; display:block; padding:14px 0; border-radius:10px; text-align:center; font-size:15px; font-weight:700;}
#login #inquiryOrder .btns .btn_Grey{background:#000; color:#fff !important;}
#login #inquiryOrder .btns .btn_Black{background:#fff; color:#000 !important; border:1px solid #000;}

/* 회원 / 비회원 탭 : 처음엔 회원만 보이기 */
#login .login > .nonmember{display:none;}
#login .login > .member{display:block;}


/* BASIC css end */