@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════
   WACT — 회원 페이지(로그인·회원가입·비밀번호) 스킨 오버라이드
   그누보드 기본 회원 스킨(skin/member/basic)의 마크업·JS 는 그대로 두고
   시안 톤(라임·잉크·각진 버튼)으로 겉만 바꾼다.
   ⚠ 이 파일은 head.sub.php 가 </head> 직전에 로드한다 —
      스킨 style.css 보다 뒤여야 캐스케이드로 이긴다. 순서를 옮기지 말 것.
   ═══════════════════════════════════════════════════════════════ */

/* ── 그누보드 기본 컨테이너 해제 ─────────────────────
   default.css 는 #container{width:930px;float:left} — 카드가 화면 왼쪽으로
   쏠린다(essay/lecture 스킨은 자체 리셋이 있지만 회원 페이지엔 없었다). */
#wrapper,#container_wr,#container{
  float:none;max-width:none;width:auto;min-width:0;min-height:0;
  margin:0;padding:0;border:0;background:transparent;
}
#container_wr::after{content:"";display:table;clear:both}
#container_title{
  max-width:640px;margin:44px auto 18px;padding:0;
  font-family:var(--kr,'Pretendard',sans-serif);
  font-size:26px;font-weight:900;letter-spacing:-.02em;color:var(--ink,#101010);
}

/* ── 공통: 카드 레이아웃 ─────────────────────────────── */
.mbskin,
#fregister,
#register_form,
.register_result{
  max-width:640px;
  margin:36px auto 96px;
  background:var(--white,#fff);
  border:2px solid var(--ink,#101010);
  box-shadow:8px 8px 0 var(--ink,#101010);
  padding:40px 36px 44px;
  font-family:var(--kr,'Pretendard',sans-serif);
  color:var(--ink,#101010);
}
#register_form{margin-top:0}          /* 폼은 안내문 바로 아래 붙는다 */

/* ── 입력칸 ──────────────────────────────────────────── */
.frm_input{
  height:52px;
  padding:0 14px;
  border:1.5px solid rgba(16,16,16,.28);
  border-radius:0;
  background:var(--white,#fff);
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  color:var(--ink,#101010);
  transition:border-color .15s;
}
.frm_input:focus{outline:none;border-color:var(--ink,#101010);border-width:2px}
.frm_input::placeholder{color:rgba(16,16,16,.35);font-weight:500}
textarea.frm_input{height:auto;padding:14px}

/* ── 제출 버튼 ───────────────────────────────────────── */
.btn_submit{
  background:var(--ink,#101010);
  color:var(--lime,#D8F34E);
  border:0;
  border-radius:0;
  height:56px;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.01em;
  cursor:pointer;
  transition:background .15s,color .15s;
}
.btn_submit:hover{background:#000;color:var(--white,#fff)}

/* 보조 버튼(취소·주소검색·중복확인 등) */
.btn_frmline,
.btn_confirm a,
a.btn_cancel,
button.btn_cancel{
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;
  border:1.5px solid rgba(16,16,16,.35);
  border-radius:0;
  color:var(--ink,#101010);
  font-family:inherit;font-size:14px;font-weight:700;
  height:52px;padding:0 18px;
  text-decoration:none;cursor:pointer;
  transition:border-color .15s;
}
.btn_frmline:hover,.btn_confirm a:hover{border-color:var(--ink,#101010)}

/* 하단 확인 줄: 취소 | 회원가입 */
.btn_confirm{display:flex;gap:10px;margin-top:26px}
.btn_confirm .btn_submit{flex:1.6}
.btn_confirm a{flex:1;height:56px}

/* ── 체크박스·라디오 ─────────────────────────────────── */
input[type=checkbox],input[type=radio]{accent-color:var(--ink,#101010)}

/* ── 섹션 머리 (사이트 이용정보 입력 / 개인정보 입력 …) ── */
#register_form h2,
#fregister h2{
  padding:0 0 12px;
  margin:34px 0 18px;
  border-bottom:2px solid var(--ink,#101010);
  font-family:inherit;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
  text-align:left;
}
#register_form .register_form_inner:first-child h2{margin-top:0}

/* ── 회원가입 약관 페이지 ───────────────────────────── */
/* 분홍 안내 배너 → 잉크 배너 */
#fregister p{
  background:var(--ink,#101010);
  color:var(--lime,#D8F34E);
  border-radius:0;
  font-weight:700;
  height:auto;line-height:1.5;
  padding:15px 18px;
}
#fregister p:before{display:none}
#fregister section{border:1.5px solid rgba(16,16,16,.22);border-radius:0}
#fregister_chkall{
  background:var(--paper,#F4F1EA);
  border:1.5px solid rgba(16,16,16,.22);
  border-radius:0;
  font-weight:800;
}
.fregister_terms table th{background:var(--paper,#F4F1EA);border-color:rgba(16,16,16,.15)}
.fregister_terms table td{border-color:rgba(16,16,16,.12)}
/* 파란 체크 → 잉크 체크 */
.fregister_agree input[type="checkbox"]:checked + label span{
  background-color:var(--ink,#101010);border-color:var(--ink,#101010);
}
.fregister_agree input[type="checkbox"] + label:hover{color:var(--ink,#101010)}

/* ── 로그인 페이지 ──────────────────────────────────── */
#login_fs .frm_input{width:100%;margin-bottom:10px}
#mb_login .mbskin{border:0;box-shadow:none;margin:0;padding:0;max-width:none}
#mb_login{padding-top:44px}
#login_info,
#mb_login_notmb{font-size:14px}
#mb_login a{color:var(--ink,#101010)}

/* ── 캡차(자동등록방지) ─────────────────────────────── */
#captcha{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#captcha #captcha_img{border:1.5px solid rgba(16,16,16,.28);height:52px;width:auto}
#captcha #captcha_key{height:52px;width:110px;margin:0}
#captcha #captcha_mp3,
#captcha #captcha_reload{
  width:52px;height:52px;border:1.5px solid rgba(16,16,16,.28);
  background-color:var(--white,#fff);border-radius:0;
}
#captcha #captcha_info{width:100%;margin-top:4px;font-size:12.5px;color:rgba(16,16,16,.55)}

/* ── 툴팁·부가 텍스트 톤 정리 ───────────────────────── */
.frm_info,.cert_desc{color:rgba(16,16,16,.55);font-size:13px}

/* ── 모바일 ─────────────────────────────────────────── */
@media(max-width:700px){
  .mbskin,#fregister,#register_form,.register_result{
    margin:18px 14px 70px;
    padding:26px 18px 30px;
    box-shadow:5px 5px 0 var(--ink,#101010);
  }
  .btn_confirm{flex-direction:column}
}

/* ── 특정성 보강 (기본 스킨 .register .btn_confirm … 이 이기는 부분) ── */
.register .btn_confirm .btn_submit,
.btn_confirm .btn_submit{height:56px;font-size:15px;font-weight:800}
body #captcha{display:flex}

/* ── 정책 문서 페이지 (terms.php / privacy.php) ── */
.policy-doc{
  max-width:760px;margin:36px auto 96px;
  background:var(--white,#fff);
  border:2px solid var(--ink,#101010);
  box-shadow:8px 8px 0 var(--ink,#101010);
  padding:44px 40px;
}
.policy-body{
  margin:0;white-space:pre-wrap;word-break:keep-all;
  font-family:var(--kr,'Pretendard',sans-serif);
  font-size:14.5px;line-height:1.85;color:var(--ink,#101010);
}
@media(max-width:700px){
  .policy-doc{margin:18px 14px 70px;padding:26px 18px;box-shadow:5px 5px 0 var(--ink,#101010)}
}