/* BASIC css start */
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login section.nonmember{display:none;}

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

/* ===== 상단 적립 띠 (du-topbar) ===== */
#du-topbar{background:#2f4a35; overflow:hidden; height:42px; position:relative;}
#du-topbar .du-roll{display:flex; flex-direction:column; animation:duRoll 6s infinite;}
#du-topbar .du-roll a{height:42px; line-height:42px; text-align:center; color:#fff; font-size:15px; font-weight:400; letter-spacing:-.3px; text-decoration:none; display:block;}
#du-topbar .du-roll a b{color:#e8c87a; font-weight:400;}
@keyframes duRoll{
  0%, 45%   {transform:translateY(0);}
  50%, 95%  {transform:translateY(-42px);}
  100%      {transform:translateY(0);}
}

/* ========================================================= */
/* ===== 덕유농장 로그인 페이지 (통합본 v4 최종 / 2026-08) ===== */
/* ========================================================= */

/* 푸터·플로팅 버튼 숨김 */
body.du-login-page #footer,
body.du-login-page .du-fixbtn,
body.du-login-page #du-float{display:none !important;}

#login{background:#fff; padding-bottom:8px;}

/* 로그인 전용 헤더 제거 — 공통 헤더 사용 */
#login .du-login-nav{display:none !important;}

/* ---------- 제목 + 안내 ---------- */
#login .du-login-intro{
  padding:40px 16px 32px !important; text-align:left;
  border-top:0 !important; box-shadow:none !important;}
#login .du-login-tit{
  font-size:20px; font-weight:700; color:#1a1a1a;
  margin:0 0 10px !important; letter-spacing:-.5px; line-height:1.3;}
#login .du-login-sub{
  font-size:15px; color:#6b6b62; line-height:1.6;
  margin:0 !important; word-break:keep-all;}

/* ---------- SNS 로그인 버튼 ---------- */
#login .sns-login,
#login .du-login-sns{
  position:static !important; display:block !important;
  width:auto !important; padding:0 16px !important; margin:0 !important;
  background:none !important; border:0 !important;}
#login .du-login-sns .sns-title,
#login .du-login-sns h2,
#login .du-login-sns h3{display:none !important;}
#login .du-login-sns ul{
  position:static !important; display:flex !important; flex-direction:column !important;
  gap:10px !important; list-style:none !important; padding:0 !important; margin:0 !important;}
#login .du-login-sns ul > li{
  position:relative !important; display:block !important; float:none !important;
  width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
  border:0 !important; background:none !important; box-shadow:none !important;
  border-radius:6px !important; overflow:hidden !important;}
#login .du-login-sns ul > li > a{
  position:relative !important; float:none !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  height:48px !important; margin:0 !important; padding:0 16px !important;
  box-sizing:border-box !important; border:0 !important; border-radius:6px !important;
  font-size:16px !important; font-weight:700 !important; letter-spacing:-.4px;
  text-decoration:none !important; text-indent:0 !important;
  overflow:hidden !important; background-image:none !important;}
#login .du-login-sns li.naver > a{background:#03C75A !important; color:#fff !important;}
#login .du-login-sns li.kakaotalk > a{background:#FEE500 !important; color:#191600 !important;}
#login .du-login-sns li.facebook > a{background:#1877F2 !important; color:#fff !important;}
#login .du-login-sns li.apple > a{background:#000 !important; color:#fff !important;}

/* SNS 버튼 안의 로고·아이콘 요소 전부 제거 (텍스트만 남김) */
#login .du-login-sns ul > li > *:not(a){display:none !important;}
#login .du-login-sns ul > li > a > img,
#login .du-login-sns ul > li > a > svg,
#login .du-login-sns ul > li > a > i{display:none !important;}
#login .du-login-sns ul > li > a > span:not(.recent_login):not(.du-recent){
  display:none !important;}

/* ---------- 최근 로그인 배지 ---------- */
#login .du-login-sns .recent_login,
#login .du-login-sns .du-recent{
  display:none;
  position:absolute !important;
  top:50% !important; right:12px !important;
  bottom:auto !important; left:auto !important;
  margin-top:-13px !important;
  transform:none !important; z-index:5 !important;
  font-size:0; line-height:0; pointer-events:none;
  background:none !important;}
#login .du-login-sns .recent_login img,
#login .du-login-sns .du-recent img,
#login .du-login-sns .recent_login svg,
#login .du-login-sns .du-recent svg{display:none !important;}
#login .du-login-sns .recent_login.du-recent-clean,
#login .du-login-sns .du-recent.du-recent-clean{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:auto !important; height:26px !important;
  padding:0 12px !important; margin-top:-13px !important;
  box-sizing:border-box !important;
  background:#3a5a40 !important; color:#fff !important;
  border-radius:13px !important;
  font-size:12px !important; font-weight:700 !important;
  letter-spacing:-.2px; line-height:26px !important;
  white-space:nowrap !important; overflow:visible !important;}

/* ---------- 구분선 ---------- */
#login .du-login-divider{
  display:flex !important; align-items:center; gap:12px;
  padding:44px 16px 36px !important; color:#a5a29a; font-size:13px; white-space:nowrap;}
#login .du-login-divider::before,
#login .du-login-divider::after{content:""; flex:1; height:1px; background:#ebe9e2;}

/* ---------- 탭 (링크형) ---------- */
#login .du-login-tab{
  padding:0 16px !important; margin:0 0 16px !important;
  display:flex !important; gap:22px !important;
  border:0 !important; background:none !important;}
#login .du-login-tab a{
  display:inline-block !important; width:auto !important; height:auto !important;
  line-height:1.4 !important; padding:0 0 8px !important;
  border:0 !important; background:none !important;
  font-size:16px !important; font-weight:500 !important;
  color:#a5a29a !important; text-decoration:none !important;}
#login .du-login-tab a.act{
  color:#3a5a40 !important; font-weight:700 !important;
  border-bottom:2px solid #3a5a40 !important;}

/* ---------- 입력 필드 ---------- */
#login fieldset{border:0 !important; padding:0 !important; margin:0 !important;}
#login legend{display:none !important;}
#login .loginInput{padding:0 16px !important; margin:0 !important;}
#login .loginInput input[type=text],
#login .loginInput input[type=password]{
  width:100% !important; height:48px !important; line-height:48px !important;
  padding:0 14px !important; margin:0 0 8px !important;
  font-size:16px !important; color:#1a1a1a;
  border:1px solid #ddd9cc !important; border-radius:6px !important;
  background:#fff !important; box-sizing:border-box !important;
  -webkit-appearance:none; appearance:none;}
#login .loginInput input:focus{border-color:#3a5a40 !important; outline:none;}

/* ---------- 체크박스 ---------- */
#login .loginCheck{
  padding:12px 16px 0 !important; margin:0 !important;
  display:flex !important; gap:22px; font-size:15px; color:#4a4a42;}
#login .loginCheck label{display:flex !important; align-items:center; gap:7px; cursor:pointer;}
#login .loginCheck input[type=checkbox]{
  width:20px; height:20px; margin:0; accent-color:#3a5a40; flex:0 0 20px;}

/* ---------- 버튼 : 로그인은 전체 폭, 찾기는 아래 텍스트 링크 ---------- */
#login .loginMiddle{
  display:block !important; padding:20px 16px 0 !important; margin:0 !important;}
#login .loginMiddle .btn_Red{
  display:flex !important; align-items:center; justify-content:center;
  width:100% !important; height:50px !important; margin:0 !important;
  background:#3a5a40 !important; border:1px solid #3a5a40 !important; color:#fff !important;
  font-size:18px !important; font-weight:700 !important; letter-spacing:-.4px;
  border-radius:6px !important; text-decoration:none !important; box-sizing:border-box;}
#login .loginMiddle .btn_White{
  display:block !important; width:auto !important; height:auto !important;
  margin:16px 0 0 !important; padding:4px !important;
  background:none !important; border:0 !important;
  color:#8a877e !important; font-size:15px !important; font-weight:500 !important;
  text-align:center !important; text-decoration:underline !important;
  text-underline-offset:3px;}

/* ---------- 보안 키보드 영역 제거 ---------- */
#login .login #keyboard,
#login .login .keypad,
#login .login .security,
#login .login .secure{display:none !important;}

/* ---------- 비회원 주문조회 ---------- */
#login section.nonmember{margin:0 !important; padding:0 !important;}
#login section.nonmember fieldset{padding:0 !important;}
#login .du-guest-help{
  padding:0 16px; margin:0 0 14px; font-size:14.5px;
  color:#8a877e; line-height:1.6; word-break:keep-all;}
#login section.nonmember .btn_Red{
  background:#3a5a40 !important; border-color:#3a5a40 !important;
  width:100% !important; height:56px !important; font-size:18px !important;}
#login section.nonmember .loginMiddle{padding:20px 16px 0 !important;}

/* ---------- 회원가입 유도 박스 ---------- */
#login .du-login-bottom{
  background:#F7F7F3; margin:36px 16px 0 !important;
  padding:24px 20px !important; border-radius:8px; text-align:left;}
#login .du-login-bottom .bold{
  font-size:17px !important; font-weight:700 !important; color:#1a1a1a;
  margin:0 0 8px !important; line-height:1.4;}
#login .du-login-bottom p:not(.bold){
  font-size:14.5px !important; color:#6b6b62; line-height:1.6;
  margin:0 0 18px !important; word-break:keep-all;}
#login .du-login-bottom .btn_Black{
  display:flex !important; align-items:center; justify-content:center;
  width:100% !important; height:46px !important;
  margin:0 !important; padding:0 !important;
  background:#fff !important; border:1px solid #3a5a40 !important;
  color:#3a5a40 !important; font-size:16px !important; font-weight:700 !important;
  border-radius:6px !important; text-decoration:none !important;
  box-sizing:border-box !important; line-height:1 !important;}
 
  
#login .du-login-bottom{margin-bottom:40px !important;}

/* 공통 헤더·적립띠 강제 노출 */
body.du-login-page #du-topbar,
body.du-login-page #header,
body.du-login-page .head_top{display:block !important; visibility:visible !important;}
body.du-login-page #header .head_inner{display:flex !important;}

/* ---------- 로그인 페이지 헤더 고정 (적립띠는 함께 스크롤) ---------- */
body.du-login-page #du-topbar{
  position:relative; z-index:1;}
body.du-login-page #header{
  position:sticky; top:0; left:0; right:0; z-index:100;
  background:#fff !important;
  box-shadow:none !important;
  transition:box-shadow .25s;}
body.du-login-page #header.du-scrolled{
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;}
body.du-login-page #container{padding-top:0;}
/* BASIC css end */