@charset "utf-8";
/* -----------------------------------------------------------------------------
 * login.php 전용 스타일 — 인라인 <style> 추출 + 전역 style.css 의 로그인 전용 규칙 이관.
 *   (#join / .join_tbl / .btn-style* / .radio-check-item 은 join.php 와 공유 → style.css 유지)
 *   login.php 에서만 로드되고 style.css 뒤에 옴.
 *   ※ url() 은 이 파일 위치(/resources/login/) 기준이라 이미지 경로는 절대경로(/assets/…)로.
 * --------------------------------------------------------------------------- */
#login_bg { width:100%; background:url('/assets/images/login_bg.jpg') 0 0 no-repeat; }
#login { width:477px; margin:240px auto 0; padding:45px 60px 30px 60px; box-shadow:3px 3px 7px 1px #efefef; border-radius:7px; background:#fff; color:#333333; font-size:13px; }
#login h3 { text-align:center; margin-bottom:25px; }
#login input { background:#f1f1f1; border-radius:7px; border:0; padding:15px; font-size:15px; }
#login .btn { background:#494949; width:100%; border:0; border-radius:7px; padding:15px; font-size:15px; font-weight:bold; color:#fff; }
#login .login_link { text-align:center; border-top:1px solid #f1f1f1; padding-top:20px; margin-top:26px; }
#login .login_link a { color:#7d7d7d; margin:0 10px; }
#login .login_link a:hover { color:#000; }

/* 아이디/비밀번호 찾기 패널 — 기본 숨김(옛 인라인 <style>), JS fAreaShow 로 표시 */
#ser_id { display:none; position:absolute; top:10px; right:30px; width:540px; margin:50px auto; background:#fff; border-radius:7px; padding:30px; border:2px solid #31903c; }
#ser_id h3 { font-size:20px; color:#333333; border-bottom:1px solid #333333; padding-bottom:15px; font-weight:600; }
#ser_id h3 .btn-close { float:right; }
#ser_id input { background:#f1f1f1; border-radius:7px; border:0; padding:8px; }
#ser_id .join_tbl { width:100%; text-align:left; font-size:13px; }
#ser_id .join_tbl th,
#ser_id .join_tbl td { border-bottom:1px solid #f1f1f1; padding:12px 0; }
#ser_id .btn-group { text-align:center; margin:20px 0 0px; }
#ser_id .btn-style01 { display:inline-block; width:220px; padding:12px; background:#31903c; color:#fff; font-weight:bold; border-radius:7px; font-size:13px; }
#ser_id .btn-style02 { display:inline-block; width:220px; padding:12px; background:#494949; color:#fff; font-weight:bold; border-radius:7px; font-size:13px; }

#ser_pw { display:none; position:absolute; top:320px; right:30px; width:540px; margin:50px auto; background:#fff; border-radius:7px; padding:30px; border:2px solid #31903c; }
#ser_pw h3 { font-size:20px; color:#333333; border-bottom:1px solid #333333; padding-bottom:15px; font-weight:600; }
#ser_pw h3 .btn-close { float:right; }
#ser_pw input { background:#f1f1f1; border-radius:7px; border:0; padding:8px; }
#ser_pw .join_tbl { width:100%; text-align:left; font-size:13px; }
#ser_pw .join_tbl th,
#ser_pw .join_tbl td { border-bottom:1px solid #f1f1f1; padding:12px 0; }
#ser_pw .btn-group { text-align:center; margin:20px 0 0px; }
#ser_pw .btn-style01 { display:inline-block; width:220px; padding:12px; background:#31903c; color:#fff; font-weight:bold; border-radius:7px; font-size:13px; }
#ser_pw .btn-style02 { display:inline-block; width:220px; padding:12px; background:#494949; color:#fff; font-weight:bold; border-radius:7px; font-size:13px; }