@charset "utf-8";
/* ============================================================
   biz_03 (HERITAGE) 테마 · 회원 스킨 스타일
   로그인 / 회원가입(약관동의 · 정보입력 · 가입완료) / 비밀번호찾기 등
   색은 테마 css/default.css 의 :root 변수를 씁니다.
   (--ink 차콜 · --gold 골드 · --porcelain 아이보리 · --line 라인)
   ============================================================ */

/* ── 공통 : 가운데 좁은 칼럼 ─────────────────────────────── */
.b03-auth{max-width:460px;margin:0 auto;padding:8px 0 20px}
.b03-auth .b03-col.wide,.b03-auth.b03-join-wrap{max-width:820px}
.b03-auth.b03-join-wrap{margin:0 auto}
.b03-auth .b03-col{width:100%}

/* 머리말 : 이탤릭 영문 라벨 + 세리프 제목 */
.b03-head{text-align:center;margin-bottom:46px}
.b03-head .en{display:block;font-family:var(--latin);font-style:italic;font-size:18px;letter-spacing:.24em;color:var(--gold);margin-bottom:10px}
.b03-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.35;color:var(--ink)}
.b03-head .sub{margin-top:14px;font-size:13px;color:var(--graphite)}
.b03-head .sub i{color:var(--gold);font-style:normal}

/* 가입 단계 표시 */
.b03-steps{display:flex;justify-content:center;gap:0;margin-bottom:44px}
.b03-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;width:120px;position:relative;color:#B4AC9C}
.b03-steps li::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:1px;background:var(--line)}
.b03-steps li:first-child::before{display:none}
.b03-steps b{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--porcelain);font-family:var(--latin);font-weight:500;font-size:14px;position:relative;z-index:1}
.b03-steps span{font-size:12px;letter-spacing:.04em}
.b03-steps .on{color:var(--ink)}
.b03-steps .on b{border-color:var(--ink);background:var(--ink);color:#fff}
.b03-steps .done{color:var(--gold)}
.b03-steps .done b{border-color:var(--gold);color:var(--gold)}

/* ── 라인 인풋 (밑줄만, 포커스 시 골드) ───────────────────── */
.b03-auth .fld{margin-bottom:26px}
.b03-auth .fld label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);margin-bottom:8px}
.b03-auth input[type=text],.b03-auth input[type=password],.b03-auth input[type=email],.b03-auth input[type=tel],
.b03-regform input[type=text],.b03-regform input[type=password],.b03-regform input[type=email],.b03-regform input[type=tel],
.b03-regform textarea,.b03-regform select{
  width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;
  height:auto;padding:12px 2px;font-size:16px;font-weight:300;color:var(--ink);transition:border-color .3s}
.b03-auth input:focus,.b03-regform input:focus,.b03-regform textarea:focus,.b03-regform select:focus{
  outline:0;border-color:var(--gold) !important;box-shadow:none !important}
.b03-auth input::placeholder,.b03-regform input::placeholder{color:#B4AC9C}
.b03-regform textarea{border:1px solid var(--line);background:#fff;padding:14px;min-height:110px;line-height:1.8}
.b03-regform input[readonly],.b03-regform input[disabled]{background:none;color:#8E8677}

/* ── 버튼 ─────────────────────────────────────────────────── */
.b03-auth .btn_submit,.b03-auth button.btn_submit,.b03-regform .btn_submit,
.b03-result .btn_submit{
  display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;
  border:1px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;
  font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:.12em;transition:.25s;cursor:pointer}
.b03-auth .btn_submit:hover,.b03-regform .btn_submit:hover,.b03-result .btn_submit:hover{
  background:var(--gold);border-color:var(--gold);color:#fff}
.b03-auth .btn_submit.b03-wide{width:100%;margin-top:8px}
.b03-auth .btn_close,.b03-regform .btn_close,.b03-result .btn_close,
.b03-auth a.btn_close,.b03-result a.reg_btn_submit{
  display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;
  border:1px solid var(--line);border-radius:0;background:none;color:var(--graphite);
  font-size:13px;letter-spacing:.12em;transition:.25s}
.b03-auth .btn_close:hover,.b03-regform .btn_close:hover,.b03-result .btn_close:hover{
  border-color:var(--ink);color:var(--ink);background:none}
.b03-auth .btn_confirm,.b03-regform .btn_confirm,.b03-result .btn_confirm{
  display:flex;justify-content:center;gap:10px;margin-top:44px}
.b03-regform .btn_frmline,.b03-regform button.btn_frmline{
  display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;margin:6px 6px 0 0;
  border:1px solid var(--line);border-radius:0;background:none;color:var(--graphite);font-size:12px;letter-spacing:.06em;transition:.25s}
.b03-regform .btn_frmline:hover{border-color:var(--gold);color:var(--wine);background:none}

/* ── 로그인 옵션줄 · 소셜 · 가입 안내 ─────────────────────── */
.b03-opts{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 26px;font-size:13px}
.b03-opts a{color:var(--graphite);border-bottom:1px solid var(--line);padding-bottom:2px;transition:.25s}
.b03-opts a:hover{color:var(--wine);border-color:var(--gold)}
.b03-or{display:flex;align-items:center;gap:16px;margin:34px 0 22px;color:#B4AC9C}
.b03-or::before,.b03-or::after{content:"";flex:1;height:1px;background:var(--line)}
.b03-or span{font-family:var(--latin);font-size:12px;letter-spacing:.24em}
.b03-sns{display:flex;flex-direction:column;gap:8px}
.b03-sns img{display:inline-block}
.b03-join{margin-top:38px;padding-top:26px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--graphite)}
.b03-join a{margin-left:10px;color:var(--ink);font-weight:400;border-bottom:1px solid var(--gold);padding-bottom:2px}
.b03-join a:hover{color:var(--wine)}
.b03-guest{margin-top:56px;padding-top:46px;border-top:1px solid var(--line)}
#guest_privacy{max-height:180px;overflow-y:auto;border:1px solid var(--line);background:#fff;padding:18px 20px;font-size:13px;line-height:1.9;color:var(--graphite);margin-bottom:18px}
#mb_login_odinfo{margin-top:20px;font-size:12px;color:var(--graphite);line-height:1.8}
#mb_login_odinfo strong{color:var(--ink);font-weight:500}

/* ── 약관 동의 ────────────────────────────────────────────── */
.b03-term{margin-bottom:40px}
.b03-term h2{display:flex;align-items:baseline;gap:12px;font-family:var(--serif);font-weight:400;font-size:19px;color:var(--ink);padding-bottom:14px;margin-bottom:0;border-bottom:1px solid var(--ink)}
.b03-term h2 .no{font-family:var(--latin);font-size:20px;color:var(--gold)}
.b03-term h2 em{font-style:normal;font-size:12px;letter-spacing:.06em;color:var(--gold);font-family:var(--sans)}
.b03-termbox{max-height:230px;overflow-y:auto;border:1px solid var(--line);border-top:0;background:#fff;padding:22px 24px;font-size:13px;line-height:1.95;color:var(--graphite);white-space:pre-line}
.b03-termbox::-webkit-scrollbar{width:6px}
.b03-termbox::-webkit-scrollbar-thumb{background:var(--line)}
.b03-termtbl{width:100%;border-collapse:collapse;font-size:13px;white-space:normal}
.b03-termtbl th{padding:11px 10px;border-bottom:1px solid var(--ink);font-family:var(--latin);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);text-align:left}
.b03-termtbl td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--graphite);vertical-align:top;line-height:1.7}
.b03-termtbl tr:last-child td{border-bottom:0}
.fregister_agree{margin-top:14px;text-align:right}
.b03-chkall{margin:34px 0 0;padding:20px 22px;border:1px solid var(--ink);background:#fff}
.b03-chkall label{font-family:var(--serif);font-size:16px;color:var(--ink)}

/* ── 체크박스 (코어 .selec_chk + label span 방식 유지) ────── */
.selec_chk{position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.b03-auth .chk_box,.b03-auth .fregister_agree,.b03-regform .chk_box{position:relative}
.b03-auth input[type=checkbox]+label,.b03-auth input[type=radio]+label,
.b03-regform input[type=checkbox]+label,.b03-regform input[type=radio]+label{
  position:relative;display:inline-flex;align-items:center;gap:10px;
  font-size:13px;color:var(--graphite);cursor:pointer;line-height:1.6}
.b03-auth input[type=checkbox]+label span,.b03-regform input[type=checkbox]+label span{
  flex:0 0 auto;width:17px;height:17px;display:block;background:#fff;border:1px solid var(--line);border-radius:0;transition:.2s;position:relative}
.b03-auth input[type=checkbox]:checked+label,.b03-regform input[type=checkbox]:checked+label{color:var(--ink)}
.b03-auth input[type=checkbox]:checked+label span,.b03-regform input[type=checkbox]:checked+label span{
  background:var(--gold);border-color:var(--gold)}
.b03-auth input[type=checkbox]:checked+label span::after,.b03-regform input[type=checkbox]:checked+label span::after{
  content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.b03-auth input[type=checkbox]:focus+label span,.b03-regform input[type=checkbox]:focus+label span{outline:2px solid var(--gold);outline-offset:2px}
.b03-regform input[type=radio]+label span{flex:0 0 auto;width:16px;height:16px;display:block;background:#fff;border:1px solid var(--line);border-radius:50%;position:relative}
.b03-regform input[type=radio]:checked+label span::before{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--gold)}

/* ── 가입 양식 (코어 .form_01 / .tbl_frm01 구조를 다시 그림) ─ */
.b03-regform .register_form_inner{margin-bottom:52px}
.b03-regform h2{display:flex;align-items:baseline;gap:12px;font-family:var(--serif);font-weight:400;font-size:19px;color:var(--ink);
  padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid var(--ink)}
.b03-regform h2 .en{font-family:var(--latin);font-style:italic;font-size:15px;letter-spacing:.18em;color:var(--gold)}
.b03-regform ul{display:block}
.b03-regform li{list-style:none;margin-bottom:26px;position:relative}
.b03-regform li:after{content:"";display:block;clear:both}
.b03-regform label:not(.b03-plain){display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;color:var(--graphite)}
.b03-regform .frm_label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;color:var(--graphite)}
.b03-regform .half_input{width:100%}
.b03-regform .twopart_input{width:150px;display:inline-block}
.b03-regform .frm_address{margin-bottom:8px}
.b03-regform input[type=file]{font-size:13px;color:var(--graphite);max-width:100%;padding:6px 0}
.b03-regform input[type=file]::file-selector-button{margin-right:10px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:0;background:none;color:var(--graphite);font-family:inherit;font-size:12px;cursor:pointer;transition:.25s}
.b03-regform input[type=file]::file-selector-button:hover{border-color:var(--gold);color:var(--wine)}
.b03-regform .reg_mb_img_file img,.b03-regform li img{margin-top:10px}
/* 두 칸 배치 (비밀번호 / 비밀번호 확인) */
@media (min-width:769px){
  .b03-regform .half_input.left_input{float:left;width:calc(50% - 14px)}
  .b03-regform .half_input.margin_input{margin-right:28px}
}
/* 아이디·닉네임·이메일 확인 메시지 */
.b03-regform #msg_mb_id,.b03-regform #msg_mb_nick{display:block;margin-top:7px;font-size:12px;color:var(--graphite)}
.b03-regform #msg_certify{margin-top:8px;padding:12px 16px;border:1px solid var(--gold);background:#F6F1E9;font-size:13px;color:var(--wine)}
.b03-regform .cert_req{margin-left:6px;font-size:12px;color:var(--gold);line-height:40px}
.b03-regform .cert_desc{margin-left:6px;font-size:11px;color:#B4AC9C;letter-spacing:0}
/* 도움말 말풍선 */
.tooltip_icon{display:inline-block;vertical-align:middle;margin-left:4px;border:0;background:transparent;color:#B4AC9C;font-size:14px;cursor:pointer}
.tooltip_icon:hover{color:var(--gold)}
.tooltip{position:absolute;z-index:9;display:none;width:auto;max-width:330px;margin:8px 0 0 10px;padding:12px 14px;
  background:var(--ink);color:#F5F0E6;font-size:12px;font-weight:300;line-height:1.7;letter-spacing:0}
.tooltip:before{content:"";position:absolute;top:0;left:-9px;width:0;height:0;border-style:solid;border-top:0 solid transparent;border-bottom:9px solid transparent;border-left:0;border-right:9px solid var(--ink)}
/* 수신설정 */
.b03-regform .chk_box{margin-bottom:18px}
.b03-regform .consent-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 !important}
.b03-regform .chk_li{padding-left:0;font-size:13px;color:var(--graphite)}
.b03-regform .consent-date{margin:5px 0 0 27px !important;font-size:12px;color:#B4AC9C}
.b03-regform .consent-group .sub-consents{margin-top:12px;padding:14px 0 4px 27px;border-left:1px solid var(--line);margin-left:8px}
.b03-regform .sub-consents li{margin-bottom:12px}
.b03-regform .js-open-consent{display:inline-block;margin-left:6px;border:0;background:none;color:var(--wine);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.b03-regform .js-open-consent:hover{color:var(--gold)}
/* 자동등록방지 */
.b03-regform .is_captcha_use{font-size:12px;letter-spacing:.14em;color:var(--graphite)}
.b03-regform #captcha{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:16px;border:1px solid var(--line);background:#fff}
.b03-regform #captcha #captcha_key{width:110px;height:48px;border:1px solid var(--line);background:none;font-family:var(--latin);font-size:20px;text-align:center;padding:0 10px}
.b03-regform #captcha #captcha_info{display:block;width:100%;margin-top:4px;font-size:12px;color:#B4AC9C}

/* ── 가입 완료(환영) ──────────────────────────────────────── */
.b03-result{text-align:center}
.b03-welcome{padding:14px 0 8px}
.b03-welcome .rule{display:block;width:1px;height:44px;background:var(--gold);margin:0 auto}
.b03-welcome .en{display:block;font-family:var(--latin);font-style:italic;font-size:19px;letter-spacing:.26em;color:var(--gold);margin:22px 0 16px}
.b03-welcome .reg_result_p{font-family:var(--serif);font-weight:300;font-size:clamp(21px,2.6vw,28px);line-height:1.7;color:var(--ink);margin-bottom:22px}
.b03-welcome .reg_result_p strong{font-weight:500}
.b03-result .result_txt{margin-top:22px;font-size:13px;line-height:2;color:var(--graphite)}
.b03-result .result_txt.small{font-size:12px;color:#B4AC9C}
.b03-idbox{margin:30px auto 0;max-width:420px;border-top:1px solid var(--ink)}
.b03-idbox>div{display:grid;grid-template-columns:120px 1fr;text-align:left;border-bottom:1px solid var(--line)}
.b03-idbox span{padding:14px 4px;font-family:var(--latin);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.b03-idbox strong{padding:14px 4px;font-weight:400;font-size:14px;color:var(--ink);word-break:break-all}

/* ── 코어의 다른 회원 화면(비밀번호찾기·정보수정 확인 등) ─── */
.mbskin{max-width:460px;margin:0 auto}
.mbskin h1,.mbskin h2{font-family:var(--serif);font-weight:400;font-size:24px;text-align:center;margin-bottom:26px;color:var(--ink)}
.mbskin .frm_input{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;height:auto;padding:12px 2px;font-size:16px;margin-bottom:18px}
.mbskin .btn_submit{width:100%;height:52px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:13px;letter-spacing:.12em;transition:.25s;cursor:pointer}
.mbskin .btn_submit:hover{background:var(--gold);border-color:var(--gold)}
.mbskin p{font-size:13px;color:var(--graphite);line-height:1.9}

/* ── 반응형 ───────────────────────────────────────────────── */
@media (max-width:768px){
  .b03-auth{padding-top:0}
  .b03-head{margin-bottom:32px}
  .b03-steps{margin-bottom:32px}
  .b03-steps li{width:auto;flex:1}
  .b03-steps span{font-size:11px}
  .b03-term h2,.b03-regform h2{font-size:17px;flex-wrap:wrap;gap:8px}
  .b03-termbox{max-height:190px;padding:16px}
  .b03-termtbl{font-size:12px}
  .b03-termtbl th,.b03-termtbl td{padding:9px 6px}
  .b03-auth .btn_confirm,.b03-regform .btn_confirm,.b03-result .btn_confirm{flex-direction:column-reverse}
  .b03-auth .btn_confirm>*,.b03-regform .btn_confirm>*,.b03-result .btn_confirm>*{width:100%}
  .b03-idbox>div{grid-template-columns:100px 1fr}
  .tooltip{max-width:250px;margin-left:0}
}