/* =====================================================================
   login_dp_energy.css — 로그인 페이지(Login_doctorpencil.jsp)
   데스크톱 앱 v6.2 로그인 창과 같은 모습: 연회색-민트 바탕, 네이비 로고,
   가운데 아바타, 라벨+사각 입력창, 청록(#1c8086) 로그인 버튼, 테두리형 회원가입 버튼
   login_doctorpencil.css 뒤에 로드되어 덮어쓴다.
   ===================================================================== */
body:is(.lang_ko,.lang_en) .login_area.login{background:#dfe7e4 !important;font-family:'Pretendard','프리텐다드',"맑은고딕","Malgun Gothic",'Apple SD Gothic Neo',sans-serif;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner{width:600px;padding:56px 64px 44px !important;background:#f1f5f3 !important;border:1px solid #c8d3cf;border-radius:12px !important;box-shadow:0 24px 60px #1f2e2a33 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner:before{display:none !important;}

/* 로고 + 아바타: 앱처럼 가운데 세로 배치 */
body:is(.lang_ko,.lang_en) .login_area.login .login_title{text-align:center;position:relative;}
body:is(.lang_ko,.lang_en) .login_area.login .login_title:after{display:none !important;}   /* 앱 로그인 창에는 음파 장식이 없음 */
body:is(.lang_ko,.lang_en) .login_area.login .login_title h2{margin:0 auto;width:299px;height:auto !important;padding-top:54px;background-size:299px 54px !important;background-position:top center !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_title h2:after{position:static !important;display:block;margin:20px auto 0;left:auto !important;right:auto !important;top:auto !important;transform:none !important;width:84px !important;height:84px !important;background-size:100% auto !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_title p{color:#2b3a36 !important;font-size:15px !important;font-weight:500;line-height:1.55 !important;margin:18px 0 34px !important;}

/* 입력 라벨/입력창: 라벨 위, 사각 테두리 */
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .form_login{width:440px;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_list li{margin-top:22px;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_list li label{float:none;display:block;width:auto;text-align:left;padding:0 0 8px;line-height:1.2;font-size:15px;font-weight:600;color:#2b3a36 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_list li input{width:100% !important;height:42px !important;background:#fff !important;border:1px solid #8e9c97 !important;border-radius:3px !important;color:#1f2e2a !important;font-size:15px;padding:0 12px !important;box-shadow:none !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_list li input:focus{border-color:#1c8086 !important;box-shadow:0 0 0 3px #1c808622 !important;font-size:15px !important;color:#1f2e2a !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_list li input::placeholder{color:#a3aeaa !important;font-size:14px !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .log_guide{color:#8a9591;}

/* 체크박스 */
body:is(.lang_ko,.lang_en) .login_area.login .login_function{margin:16px 0 0 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_function .m_check{margin-left:0 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .m_check > input[type=checkbox] + label{color:#2b3a36 !important;font-size:14px !important;}
body:is(.lang_ko,.lang_en) .login_area.login .m_check > input[type=checkbox] + label:before{background:#fff !important;border:1px solid #8e9c97 !important;border-radius:3px;}
body:is(.lang_ko,.lang_en) .login_area.login .m_check > input[type=checkbox]:checked + label{color:#1f2e2a !important;}
body:is(.lang_ko,.lang_en) .login_area.login .m_check > input[type=checkbox]:checked + label:before{background:#1c8086 !important;border-color:#1c8086 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .m_check > input[type=checkbox]:checked + label:after{border-color:#fff !important;}

/* 로그인 버튼: 앱과 같은 청록 사각 버튼 */
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_btn{margin-top:22px !important;height:54px;padding:0 !important;background:#1c8086 !important;color:#fff !important;font-size:18px !important;font-weight:600;border-radius:4px !important;box-shadow:none !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .login_btn:hover{background:#156a70 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .login_inner .txt_error{color:#d64545 !important;}

/* 회원가입: 테두리형 버튼, 오른쪽 정렬 */
body:is(.lang_ko,.lang_en) .login_area.login .link_join{display:inline-block !important;float:right;margin-top:22px !important;padding:10px 22px;border:1px solid #8e9c97;border-radius:3px;background:#fff;color:#2b3a36 !important;font-size:15px !important;font-weight:600;text-decoration:none;}
body:is(.lang_ko,.lang_en) .login_area.login .link_join i{padding-left:8px;color:#1c8086;}
body:is(.lang_ko,.lang_en) .login_area.login .link_join:hover{border-color:#1c8086;color:#1c8086 !important;}
body:is(.lang_ko,.lang_en) .login_area.login .form_login:after{content:"";display:block;clear:both;}

body:is(.lang_ko,.lang_en) .login_area .txt_forgot{color:#8a9591;}
body:is(.lang_ko,.lang_en) .login_area .login_footer{background:#1f2e2a;}
body:is(.lang_ko,.lang_en) .login_area .login_footer .privacy_policy{color:#7fd6c9;}

@media (max-width:640px){
  body:is(.lang_ko,.lang_en) .login_area.login .login_inner{width:calc(100% - 32px);padding:36px 22px 30px !important;}
  body:is(.lang_ko,.lang_en) .login_area.login .login_inner .form_login{width:100%;}
}

/* 모바일 보완: 로고는 카드 폭보다 커지지 않게 줄어들고, 카드는 가운데 정렬하며, 옆으로 밀려나는 스크롤을 막는다 */
body:is(.lang_ko,.lang_en) .login_area.login{overflow-x:hidden}
body:is(.lang_ko,.lang_en) .login_area.login .login_title h2{max-width:100%;background-size:contain !important;background-repeat:no-repeat !important}
@media (max-width:640px){
  body:is(.lang_ko,.lang_en) .login_area.login .login_inner{margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}
  body:is(.lang_ko,.lang_en) .login_area.login .login_inner .form_login{max-width:100%}
}