@charset "utf-8";
/*
 * 회원 화면(로그인·회원가입·약관·정보찾기·비밀번호 확인) 보정 — PC·모바일 공용
 * theme/dm/head.sub.php 에서 회원 관련 페이지에만, custom.css 다음에 불러온다.
 * 이 테마 CSS(5.2 기준)에는 그누보드 5.3 회원 스킨이 쓰는 공통 폼 규칙(.full_input/.half_input/.form_01 등)이 없어
 * 입력칸 폭·줄이 어긋났다. 빠진 규칙을 여기서 채운다.
 */

#fregisterform, #fregisterform *,
#fregister, #fregister *,
#find_info, #find_info *,
.mbskin, .mbskin * {box-sizing:border-box}
#fregisterform, #fregister, #find_info, .mbskin {word-break:keep-all}

/* ---------- 공통 폼 규칙 (그누보드 5.3) ---------- */
#fregisterform .full_input {width:100%}
#fregisterform .half_input {width:calc(50% - 4px)}
#fregisterform .right_input {float:right}
#fregisterform ul {margin:0;padding:0;list-style:none}
#fregisterform li {margin:0 0 12px;list-style:none;position:relative}
#fregisterform li:after {display:block;clear:both;content:""}
#fregisterform h2 {margin:0 0 14px;font-size:17px;font-weight:bold;color:#222}
#fregisterform .frm_info {display:block;clear:both;margin:5px 0 0;padding:0;font-size:13px;line-height:1.5;color:#3d63d8;text-align:left}
#fregisterform .frm_label {display:inline-block;min-width:110px;font-weight:bold;color:#333}
#fregisterform .frm_input {height:44px;padding:0 12px;font-size:15px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#000;vertical-align:middle}
#fregisterform textarea {width:100%;height:100px;padding:10px 12px;font-size:15px;border:1px solid #ccc;border-radius:4px}
#fregisterform input[type=checkbox] {width:18px;height:18px;margin:0 6px 0 0;vertical-align:middle}
#fregisterform .btn_frmline {height:44px;padding:0 14px;border:1px solid #3a4150;border-radius:4px;background:#3a4150;color:#fff;font-size:14px;vertical-align:middle;cursor:pointer}

/* ---------- 회원가입 양식: 구역별 카드 ---------- */
#fregisterform {max-width:760px;margin:0 auto;padding:10px 0 30px}
#fregisterform #register_form > div,
#fregisterform > div > .form_01 {margin:0 0 20px;padding:24px 24px 14px;border:1px solid #e3e6ea;border-radius:6px;background:#fff}
#fregisterform #register_form > div > ul,
#fregisterform .form_01 {text-align:left}

/* 자동등록방지 */
#fregisterform #captcha #captcha_key {height:46px;font-size:18px}

/* 취소 · 회원가입 */
#fregisterform .btn_confirm {display:flex;justify-content:center;gap:8px;margin:24px 0 0;text-align:center}
#fregisterform .btn_confirm .btn_cancel,
#fregisterform .btn_confirm .btn_submit {display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;margin:0;padding:0 20px;
  font-size:16px;border-radius:4px;white-space:nowrap;text-decoration:none;cursor:pointer}
#fregisterform .btn_confirm .btn_cancel {border:1px solid #c8ccd4;background:#fff;color:#333}
#fregisterform .btn_confirm .btn_submit {border:1px solid #333;background:#333;color:#fff;font-weight:bold}

/* 모바일 스킨은 버튼을 .btn_top 으로 감싼다 */
#fregisterform .btn_top,
#fregister .btn_top {display:flex;justify-content:center;gap:8px;margin:20px 0 24px;padding:0;text-align:center;float:none}
#fregisterform .btn_top .btn_cancel,
#fregisterform .btn_top .btn_submit,
#fregister .btn_top .btn_submit {display:inline-flex;align-items:center;justify-content:center;height:50px;margin:0;padding:0 20px;
  font-size:16px;border-radius:4px;white-space:nowrap;text-decoration:none;cursor:pointer;float:none}
#fregisterform .btn_top .btn_cancel {flex:1 1 0;border:1px solid #c8ccd4;background:#fff;color:#333}
#fregisterform .btn_top .btn_submit {flex:2 1 0;border:1px solid #333;background:#333;color:#fff;font-weight:bold}
#fregister .btn_top .btn_submit {width:100%;max-width:360px;border:1px solid #333;background:#333;color:#fff;font-weight:bold}

/* ---------- 약관 동의 ---------- */
#fregister textarea {width:100%;max-width:100%}
#fregister .btn_confirm {text-align:center}
#fregister .btn_confirm .btn_submit {min-width:180px;height:50px;padding:0 24px;font-size:16px;font-weight:bold;border-radius:4px}

/* ---------- 아이디/비밀번호 찾기 (새 탭으로 열려도 가운데 카드로 보이게) ---------- */
#find_info {max-width:440px;margin:40px auto;padding:28px 24px;border:1px solid #e3e6ea;border-radius:6px;background:#fff;text-align:left}
#find_info #win_title {margin:0 0 18px;padding:0 0 14px;border-top:0;border-bottom:2px solid #333;background:none;color:#111;font-size:22px;font-weight:bold;text-align:center;line-height:1.3}
#find_info .new_win_con {margin:0;padding:0}
#find_info fieldset {margin:0;padding:0;border:0}
#find_info p {margin:0 0 14px;padding:0;font-size:14px;line-height:1.6;color:#444}
#find_info .frm_input {width:100%;height:46px;margin:0 0 12px;padding:0 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#fff}
#find_info #captcha {display:block;margin:0 0 6px}
#find_info #captcha #captcha_key {width:120px;height:46px;margin:0;font-size:18px}
#find_info .btn_submit,
#find_info .btn_close {display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:12px 0 0;padding:0;
  font-size:16px;border-radius:4px;white-space:nowrap;cursor:pointer}
#find_info .btn_submit {border:1px solid #333;background:#333;color:#fff;font-weight:bold}
#find_info .btn_close {border:1px solid #c8ccd4;background:#fff;color:#333}
#find_info .win_btn {display:flex;gap:8px;margin:16px 0 0;padding:0;text-align:center}
#find_info .win_btn .btn_submit, #find_info .win_btn .btn_close {flex:1 1 0;margin:0}

/* ---------- 로그인 · 비밀번호 확인 카드 ---------- */
.mbskin .mb_login_join a, .mbskin #login_info a {text-decoration:none}

/* ---------- 모바일 ---------- */
@media (max-width:768px) {
  #fregisterform {padding:10px 12px 24px}
  #fregisterform #register_form > div,
  #fregisterform > div > .form_01 {margin:0 0 14px;padding:18px 14px 8px}
  #fregisterform .half_input {width:100%}
  #fregisterform .right_input {float:none;margin-top:8px}
  #fregisterform .frm_input,
  #fregisterform textarea {font-size:16px} /* 16px 미만이면 iOS 가 입력 시 화면을 확대한다 */
  #fregisterform .frm_input {height:46px}
  #fregisterform .btn_confirm .btn_cancel {flex:1 1 0;min-width:0}
  #fregisterform .btn_confirm .btn_submit {flex:2 1 0;min-width:0}
  #fregister {padding:0 12px}
  #find_info {margin:16px 12px;padding:22px 16px}
}