/* [Peternia 2026-07-12] 회원 페이지(로그인/회원가입/정보수정 등) — 그누보드 basic 회원 스킨 재스킨.
   마크업 무수정: #mb_login(로그인) / #fregister(약관) / #register_form(가입·수정폼) / member_confirm 등. */
:root{
  --ink:#111111; --ink2:#555; --mut:#999; --line:#EAEAEA; --line2:#F3F3F3; --soft:#F7F7F5;
  --accent:#FD8D1C; --accent-d:#E67C10; --accent-bg:#FFF4E8;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:#FCFAF7;color:var(--ink);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input[type=submit]{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}

/* 프레임 */
.ptm-page{min-height:100vh;display:flex;flex-direction:column}
.ptm-hd{padding:30px 20px 6px;text-align:center}
.ptm-logo img{height:40px;width:auto;display:inline-block}
.ptm-main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:16px 20px 60px}
/* [2026-07-20 사장님 지시] 로그인 화면은 로고+타이틀+카드 전체를 화면 세로 중앙에 —
   상하 auto 마진으로 남는 공간을 위/아래 균등 분배(푸터는 하단 유지).
   (:has로 로그인 페이지 한정 — 회원가입 등 긴 페이지는 기존 상단 흐름 유지) */
.ptm-page:has(#mb_login) .ptm-hd{margin-top:auto;padding-top:10px}
.ptm-page:has(#mb_login) .ptm-main{flex:0 0 auto;padding-top:0;padding-bottom:0}
.ptm-page:has(#mb_login) .ptm-ft{margin-top:auto}
/* [2026-07-20 사장님 지시] 타이틀 폰트 통일 — 기본 스킨(style.css)의 h1 요소 규칙("Malgun Gothic")이
   상속보다 우선 적용돼 페이지 제목만 폰트가 달라 보이던 것 → 본문과 같은 Pretendard 스택 명시 */
.ptm-title{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:24px;font-weight:900;letter-spacing:-.03em;text-align:center;margin:14px 0 22px}
.ptm-body{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 32px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.ptm-back{text-align:center;margin-top:18px;font-size:13px;color:var(--ink2)}
.ptm-back a:hover{color:var(--accent)}
.ptm-ft{padding:26px 20px 34px;text-align:center;font-size:12px;color:var(--mut);border-top:1px solid var(--line2);background:#fff}
.ptm-ft-links{margin-bottom:8px;display:flex;justify-content:center;gap:18px;font-size:12.5px;color:var(--ink2)}
.ptm-ft-links b{font-weight:800}
/* 가입폼처럼 넓은 폼은 카드 폭 확장 */
.ptm-main:has(#register_form),.ptm-main:has(#fregister){max-width:680px}

/* 공통 입력/버튼 */
.ptm-body .frm_input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;font-size:14px;outline:none;transition:.15s;background:#fff;height:auto}
.ptm-body .frm_input:focus{border-color:var(--accent);box-shadow:none}
.ptm-body .btn_submit{width:100%;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:800;padding:15px 0;margin-top:6px;transition:.15s;height:auto}
.ptm-body .btn_submit:hover{background:var(--accent-d)}
.ptm-body .btn_confirm{margin-top:16px}
.ptm-body .btn_cancel,.ptm-body a.btn01{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink2);font-size:14px;font-weight:700;padding:13px 22px;height:auto}
.ptm-body .btn_cancel:hover,.ptm-body a.btn01:hover{border-color:var(--ink);color:var(--ink)}
.ptm-body .sound_only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ptm-body .required{background-image:none!important}
.ptm-body input[type=checkbox],.ptm-body input[type=radio]{accent-color:var(--accent);width:16px;height:16px;vertical-align:middle}
.ptm-body label{font-size:13.5px;cursor:pointer}
.ptm-body .frm_info{display:block;font-size:12px;color:var(--mut);margin:5px 0 0}

/* ── 로그인 (#mb_login) ── */
#mb_login{width:auto;margin:0}
#mb_login .mbskin_box,#mb_login .mbskin{border:0;background:transparent;width:auto;padding:0}
/* [2026-07-20 사장님 지시] 메인 히어로 로그인박스와 100% 동일 — 회원가입 안내는 스킨 마크업에서
   폼 아래로 이동됨(+입점 신청 링크). 히어로 .loginbox .join과 동일하게 중앙 정렬 텍스트 줄로. */
#mb_login .mb_log_cate{display:block;text-align:center;margin:16px 0 0;padding:0;border:0;background:none;font-size:13px;color:var(--ink2)}
#mb_login .mb_log_cate h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0}
#mb_login .mb_log_cate .join{font-size:13px;font-weight:800;color:var(--accent);background:none;border:0;padding:0;margin-left:4px}
#mb_login .mb_log_cate .join:hover{color:var(--accent-d);text-decoration:underline}
#login_fs{border:0;padding:0;margin:0}
#login_fs .frm_input{margin-bottom:10px}
#login_fs .btn_submit{margin-top:4px}
/* 자동 로그인(좌) · 아이디·비밀번호 찾기(우) — [2026-07-20] 히어로 .loginbox .opts와 동일(12.5px, 위 16px)
   찾기 링크는 우측 끝 고정(margin-left:auto — 기본 스킨의 폭/정렬 잔재 무시) */
#login_info{display:flex;justify-content:space-between;align-items:center;margin-top:16px;background:none;border:0;padding:0;font-size:12.5px;color:var(--ink2)}
#login_info .login_if_auto{margin:0;flex:none}
#login_info .login_if_lpl{margin-left:auto!important;text-align:right;flex:none;width:auto!important}
#login_info .login_if_lpl a{font-weight:600}
#login_info .login_if_auto{margin:0}
#login_info .login_if_lpl a{color:var(--ink2)}
#login_info .login_if_lpl a:hover{color:var(--accent)}
/* 비회원 구매 섹션 */
#mb_login_notmb{margin-top:22px;padding-top:20px;border-top:1px solid var(--line2)}
#mb_login_notmb h2{font-size:14px;font-weight:800;margin:0 0 10px}
#guest_privacy{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--ink2);background:var(--soft);max-height:130px;overflow-y:auto;margin-bottom:10px}
#mb_login_notmb .chk_box{font-size:13px;color:var(--ink2);margin-bottom:12px}
#mb_login_notmb .btn_confirm{margin:0}
#mb_login_notmb a.btn_submit{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--accent);border:1.5px solid var(--accent);text-decoration:none}
#mb_login_notmb a.btn_submit:hover{background:var(--accent-bg)}

/* ── 회원가입 약관 (#fregister) ── */
#fregister section{margin-bottom:20px}
#fregister h2{font-size:15px;font-weight:800;margin:0 0 10px}
#fregister textarea,#fregister .fregister_agree textarea{width:100%;height:150px;border:1.5px solid var(--line);border-radius:12px;padding:14px;font-size:12.5px;color:var(--ink2);background:var(--soft);resize:vertical}
.fregister_agree{margin:10px 0 4px;font-size:13.5px}
.fregister_agree label{font-weight:700}
#fregister .btn_confirm{display:flex;gap:10px}
#fregister .btn_confirm .btn_submit{flex:1}
#fregister_private,#fregister_stipulation{border:1.5px solid var(--line);border-radius:12px;padding:14px;font-size:12.5px;color:var(--ink2);background:var(--soft);max-height:170px;overflow-y:auto;margin-bottom:8px}
.chk_all{margin-bottom:14px;font-size:14px;font-weight:800}

/* ── 가입/정보수정 폼 (#register_form, tbl_frm01) ── */
#register_form{margin:0}
#register_form .tbl_frm01{border:0;padding:0;margin:0 0 8px}
#register_form table{width:100%;border-collapse:collapse}
#register_form tbody{display:block}
#register_form tr{display:block;margin-bottom:16px}
#register_form th{display:block;text-align:left;font-size:13.5px;font-weight:800;margin-bottom:7px;background:none;border:0;padding:0;width:auto}
#register_form td{display:block;border:0;padding:0}
#register_form .full_input{max-width:100%}
#register_form .register_form_inner legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#register_form .tooltip_icon{display:none}
/* [2026-07-12 사장님 지시 · 1.png] 가입/수정폼 — 취소 버튼 제거, 회원가입 버튼 중앙 정렬
   (개조판 가입폼 래퍼 = .register — #register_form과 양쪽 커버) */
#register_form .btn_confirm,.register .btn_confirm,form[name=fregisterform] .btn_confirm{display:flex;justify-content:center;margin-top:20px}
#register_form .btn_confirm .btn_close,.register .btn_confirm .btn_close,form[name=fregisterform] .btn_confirm .btn_close{display:none}
#register_form .btn_confirm .btn_submit,.register .btn_confirm .btn_submit,form[name=fregisterform] .btn_confirm .btn_submit{flex:0 0 auto;width:100%;max-width:360px;margin:0 auto}
#register_form .chk_box{font-size:13.5px;color:var(--ink2)}
#register_form .frm_address{margin-top:8px;display:block}
#register_form .btn_frmline,#register_form button.btn_frmline{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:44px;padding:0 16px;background:var(--accent);border:0;border-radius:10px;color:#fff;font-size:13px;font-weight:700;line-height:1;vertical-align:middle;margin-left:6px}
#register_form .btn_frmline:hover{background:var(--accent-d)}
#msg_certify,#reg_mb_email_msg,.register_msg{font-size:12.5px;color:var(--mut)}

/* ── 비밀번호 확인(member_confirm) 등 단일 폼 ── */
#validation_check,.cbg{background:transparent;border:0;padding:0}
form[name=form01] .frm_input,#validation_check .frm_input{margin-bottom:12px}

/* ── 결과/안내 페이지 공용 ── */
.ptm-body p{font-size:14px;color:var(--ink2)}
.ptm-body h2{font-size:16px;font-weight:800;margin:0 0 10px;color:var(--ink)}

@media(max-width:600px){
  .ptm-body{padding:26px 20px;border-radius:16px}
  .ptm-title{font-size:21px}
  #fregister .btn_confirm,#register_form .btn_confirm{flex-direction:column}
}

/* [2026-07-12 마감] 회원가입 약관 — 상단 안내 배너(기본 핑크) 브랜드 톤 + 섹션 정돈 */
.register > p:first-of-type,#fregister > p:first-of-type,.register p .fa-check-circle{color:inherit}
.register > p:first-of-type,#fregister > p:first-of-type{background:var(--accent-bg)!important;border:1px solid #FFDDB8;border-radius:12px;color:#8a5a22!important;font-size:13px;padding:14px 16px;margin-bottom:18px;height:auto;line-height:1.6}
.register > p:first-of-type::before,#fregister > p:first-of-type::before{display:none}
.register > p:first-of-type .fa,#fregister > p:first-of-type .fa{color:var(--accent)}
.fregister_terms{margin-bottom:18px}
.fregister_terms h2{font-size:14.5px;font-weight:800;margin:0 0 8px}
#fregister_chkall{background:var(--soft);border-radius:12px;padding:13px 16px;font-size:14px;font-weight:800}

/* ═══════════════════════════════════════════════════════════════
   [2026-07-14] 회원가입 리파인 — 약관(#fregister)·가입폼(.register)·완료(#reg_result)
   basic 스킨 마크업 무수정, 위 구버전 규칙을 덮어쓰는 통합 블록 (ver 38)
   ═══════════════════════════════════════════════════════════════ */

/* ── 약관: 섹션 카드 ── */
#fregister section{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 14px;background:#fff;position:relative}
#fregister h2{font-size:14.5px;font-weight:800;padding:15px 120px 15px 18px;margin:0;border-bottom:1px solid var(--line2);background:#fff}
#fregister textarea,#fregister .fregister_agree textarea{display:block;width:100%;height:170px;border:0;border-radius:0;background:var(--soft);padding:16px 18px;font-size:12.5px;color:var(--ink2);line-height:1.7;resize:none;outline:none}
/* (구버전 수정) #fregister_private 섹션 자체가 스크롤되던 문제 → 내부 표 래퍼만 스크롤 */
#fregister_private{max-height:none;overflow:hidden;padding:0;background:#fff;border:1px solid var(--line);margin-bottom:14px}
#fregister_private > div{max-height:260px;overflow-y:auto;overflow-x:hidden;padding:14px 18px;background:var(--soft)}
.fregister_terms table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.fregister_terms table th{background:var(--accent-bg);color:#8a5a22;font-weight:800;padding:9px 10px;border:0;border-bottom:1px solid var(--line);width:auto}
.fregister_terms table td{padding:10px;border:0;border-bottom:1px solid var(--line2);color:var(--ink2);line-height:1.6;word-break:keep-all}
.fregister_terms table tr:last-child td{border-bottom:0}
/* 스크롤바 슬림 */
#fregister textarea::-webkit-scrollbar,#fregister_private > div::-webkit-scrollbar{width:6px}
#fregister textarea::-webkit-scrollbar-thumb,#fregister_private > div::-webkit-scrollbar-thumb{background:#DDD5C8;border-radius:3px}
#fregister textarea::-webkit-scrollbar-track,#fregister_private > div::-webkit-scrollbar-track{background:transparent}

/* 동의 체크 — 섹션 우상단 '[박스] 동의' + 오렌지 체크 (기본 스킨 blue chk.png 대체)
   ※ #fregister_chkall(전체동의)도 .fregister_agree 클래스를 가지므로 반드시 section 스코프로 한정 */
#fregister section .fregister_agree{position:absolute;top:12px;right:14px;margin:0;border:0;padding:0}
#fregister section .fregister_agree label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink2);cursor:pointer}
#fregister section .fregister_agree label::after{content:"동의"}
#fregister section .fregister_agree label span{position:relative;top:auto;right:auto;display:block;width:20px;height:20px;border:1.5px solid #D8D2C6;border-radius:6px;background:#fff;transition:.15s;flex-shrink:0}
#fregister section .fregister_agree input:checked + label{color:var(--accent-d)}
#fregister section .fregister_agree input:checked + label span{background:var(--accent);border-color:var(--accent)}
#fregister section .fregister_agree input:checked + label span::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* 전체 동의 — 오렌지 강조 카드 (기본 스킨 absolute span 무력화) */
#fregister_chkall{background:var(--accent-bg);border:1.5px solid #FFD9AC;border-radius:14px;padding:15px 18px;margin:2px 0 18px;line-height:1.4;text-align:left;position:relative}
#fregister_chkall label{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:800;color:var(--ink);cursor:pointer}
#fregister_chkall label span{position:relative;top:auto;right:auto;display:block;width:22px;height:22px;border:1.5px solid #E8B77E;border-radius:7px;background:#fff;transition:.15s;flex-shrink:0}
#fregister_chkall input:checked + label span{background:var(--accent);border-color:var(--accent)}
#fregister_chkall input:checked + label span::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* ── 가입폼: 회색 박스 제거 → 화이트 + 오렌지 섹션 타이틀 (apply.php .fs 톤 통일) ── */
.register #register_form{background:none;margin:0 0 4px}
.register .register_form_inner{background:none;border:0;border-radius:0;margin:0}
.register .register_form_inner ul{padding:0}
.register .register_form_inner ul::after{content:"";display:block;clear:both}
.register #register_form h2{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.06em;padding:0 0 10px;margin:30px 0 20px;border:0;border-bottom:2px solid var(--ink)}
.register #register_form > .register_form_inner:first-child h2{margin-top:0}
.register .register_form_inner li{list-style:none;margin:0 0 16px;position:relative}
.register .register_form_inner label{display:block;font-size:13.5px;font-weight:800;margin-bottom:7px;line-height:1.5}
.register li.half_input{width:calc(50% - 6px);float:left}
.register li.half_input.margin_input,.register li.half_input.left_input:first-of-type{margin-right:12px}
.register li.half_input + li.half_input{margin-right:0}
#msg_mb_id,#msg_mb_nick,#msg_mb_email{display:block;font-size:12px;color:var(--mut);margin-top:5px}
.register .frm_address{margin-top:8px;display:block}

/* 정보공개 체크 — 소프트 카드 + 오렌지 커스텀 체크 (기본 스킨 blue chk.png 대체) */
.register .chk_box{background:var(--soft);border-radius:12px;padding:14px 16px}
.register .chk_box input[type=checkbox] + label{display:inline;margin:0}
.register .chk_box input[type=checkbox] + label span{position:relative;float:left;width:20px;height:20px;border:1.5px solid #D8D2C6;border-radius:6px;background:#fff;transition:.15s;margin-top:0}
.register .chk_box input[type=checkbox]:checked + label span{background:var(--accent);border-color:var(--accent)}
.register .chk_box input[type=checkbox]:checked + label span::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.register .chk_box .chk_li{padding-left:10px;font-size:13.5px;font-weight:600;color:var(--ink2);line-height:20px}

/* 자동등록방지 — 이미지·입력·버튼 라운드 정렬 (li 안 중복 '자동등록방지' 텍스트는 font-size:0으로 소거) */
.register .is_captcha_use{font-size:0}
.register #captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;border:0;padding:0}
.register #captcha legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.register #captcha #captcha_img{border:1px solid var(--line);border-radius:10px;height:44px;width:auto}
.register #captcha #captcha_key{width:110px;height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;font-size:14.5px;font-weight:700;letter-spacing:.12em;outline:none;transition:.15s}
.register #captcha #captcha_key:focus{border-color:var(--accent)}
/* 음성듣기/새로고침 — css/default.css 스프라이트(회색 배경이 이미지에 포함)를 버리고 텍스트 버튼으로 */
.register #captcha #captcha_mp3,.register #captcha #captcha_reload{width:auto;height:44px;padding:0 13px;border:1.5px solid var(--line);border-radius:10px;background:#fff none;text-indent:0;font-size:12px;font-weight:700;color:var(--ink2);transition:.15s}
.register #captcha #captcha_mp3:hover,.register #captcha #captcha_reload:hover{border-color:var(--ink);color:var(--ink)}
.register #captcha #captcha_img{height:44px;border:1px solid var(--line);border-radius:10px}
.register #captcha #captcha_key{margin:0;text-align:center}
.register #captcha #captcha_info{display:block;width:100%;font-size:12px;color:var(--mut);margin:2px 0 0;letter-spacing:0}

/* ── 가입 완료(#reg_result) — 기본 블루 팔레트 → 브랜드 톤 ── */
#reg_result{background:var(--accent-bg);border:1px solid #FFD9AC;border-radius:16px;padding:36px 26px}
#reg_result i{color:var(--accent)}
#reg_result .reg_result_p{color:var(--accent-d)}
#reg_result h2 strong{color:var(--accent-d)}
#reg_result #result_email{border-radius:12px;border:1px solid #FFD9AC}
#reg_result #result_email strong{color:var(--accent-d)}
.btn_confirm_reg .reg_btn_submit{background:var(--accent);border-radius:12px;width:100%;max-width:360px;font-size:15px;height:52px;line-height:52px}
.btn_confirm_reg .reg_btn_submit:hover{background:var(--accent-d)}

@media(max-width:600px){
  .register li.half_input{width:100%;float:none;margin-right:0}
  #fregister h2{padding-right:100px}
  .register #captcha #captcha_key{flex:1;min-width:90px}
}

/* ── [2026-07-20 사장님 지시] 소셜 버튼 통일 — 로그인(#sns_login)·회원가입(#sns_register) ──
   기본 소셜 스킨(skin/social/style.css)의 사각 아이콘/파란 구글/좌측 로고 등을 이기고
   로그인박스와 동일한 '전폭 스택 브랜드 버튼'으로. 마크업 무수정, !important + 고특이도 오버라이드. */
#sns_register.login-sns, #sns_login.login-sns{border:0!important;background:transparent!important;padding:0!important;margin:0 0 18px!important;overflow:visible;box-shadow:none!important}
/* ── [2026-07-20 사장님 지시] 로그인 페이지 소셜 영역 = 메인 히어로 로그인박스와 100% 동일 ──
   구성: 구글(전폭 화이트 46px) → 네이버·카카오(반반 2열 46px) — shop/index.php 히어로 인라인 규칙 이식.
   아래 규칙이 구형 스택 규칙(#sns_login .msoc 전폭 48px 등)보다 뒤+고특이도라 우선 적용됨. */
#mb_login #sns_login.login-sns{margin:10px 0 0!important}
#mb_login #sns_login .sns-wrap{display:block!important;flex-direction:initial!important;gap:0!important}
#mb_login #sns_login .msoc-google{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:46px!important;border-radius:10px!important;border:1px solid #DADCE0!important;background:#fff!important;color:#3C4043!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.02em!important;text-decoration:none!important;cursor:pointer!important;margin:0 0 10px!important;padding:0!important}
#mb_login #sns_login .msoc-google .gico{width:18px;height:18px;flex-shrink:0}
#mb_login #sns_login .m-social{display:flex!important;gap:8px!important;margin:0!important}
#mb_login #sns_login .sns-wrap .m-social a.msoc{flex:1 1 0%!important;width:auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important;letter-spacing:-.03em!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important}
#mb_login #sns_login .sns-wrap .m-social a.msoc-naver{background:#03C75A!important;color:#fff!important}
#mb_login #sns_login .m-social .msoc-naver b{font-size:15px;font-weight:900;line-height:1}
#mb_login #sns_login .sns-wrap .m-social a.msoc-kakao{background:#FEE500!important;color:#3A1D1D!important}
#mb_login #sns_login .m-social .msoc-kakao .kico{width:18px;height:18px}
/* 기본 스킨 float 잔재 무력화 — 회원가입/입점 신청 링크가 우측으로 흩어지던 것 */
#mb_login .mb_log_cate .join{float:none!important;display:inline!important}
#sns_register h2, #sns_login h3{float:none!important;display:block!important;position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0 0 12px!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important;color:var(--ink)!important;text-align:left!important;overflow:visible!important}
#sns_register .sns-wrap, #sns_login .sns-wrap{float:none!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:auto!important;height:auto!important;line-height:normal!important;padding:0!important;margin:0!important;text-align:left!important}
#sns_register .sns-wrap:after, #sns_login .sns-wrap:after{display:none!important}
#sns_register .sns-icon, #sns_login .sns-icon{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:48px!important;margin:0!important;padding:0!important;border-radius:10px!important;line-height:normal!important;text-align:center!important;background-image:none!important;background-position:center!important;border:0!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.02em!important;box-sizing:border-box!important;color:inherit}
#sns_register .sns-icon .txt, #sns_login .sns-icon .txt{position:static!important;line-height:normal!important;font-size:14px!important;font-weight:800!important;overflow:visible!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;text-align:center!important;background:none!important}
#sns_register .sns-icon .txt i, #sns_login .sns-icon .txt i{font-style:normal}
#sns_register .sns-icon .ico, #sns_login .sns-icon .ico{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;top:auto!important;left:auto!important;width:20px!important;height:20px!important;flex-shrink:0!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}
#sns_register .sns-naver, #sns_login .sns-naver{background-color:#03C75A!important;color:#fff!important}
#sns_register .sns-naver .ico, #sns_login .sns-naver .ico{background:none!important}
#sns_register .sns-naver .ico:before, #sns_login .sns-naver .ico:before{content:"N";font-size:16px;font-weight:900;color:#fff;line-height:1}
#sns_register .sns-kakao, #sns_login .sns-kakao{background-color:#FEE500!important;color:#3A1D1D!important}
#sns_register .sns-kakao .ico, #sns_login .sns-kakao .ico{background:none!important}
#sns_register .sns-kakao .ico:before, #sns_login .sns-kakao .ico:before{content:"\1F4AC";font-size:15px;line-height:1}
#sns_register .sns-google, #sns_login .sns-google{background-color:#fff!important;color:#3C4043!important;border:1px solid #DADCE0!important;font-weight:700!important}
#sns_register .sns-google .ico, #sns_login .sns-google .ico{background-image:url('/skin/social/img/sns_gp_s.png')!important;background-color:transparent!important}
#sns_register .sns-facebook, #sns_login .sns-facebook{background-color:#1877F2!important;color:#fff!important}
#sns_register .sns-twitter, #sns_login .sns-twitter{background-color:#1DA1F2!important;color:#fff!important}
#sns_register .sns-payco, #sns_login .sns-payco{background-color:#FF1F40!important;color:#fff!important}
/* 로그인 페이지 naver = .msoc 마크업(hero와 동일). 전폭 스택으로. + #mb_login 2-ID 규칙(sns-icon 49%) 특이도 상회 */
#mb_login #sns_login .sns-wrap a.sns-icon, #mb_login #sns_login .sns-wrap a.msoc{width:100%!important;flex:none!important}
#sns_login .msoc{width:100%!important;flex:none!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:48px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.02em!important;text-decoration:none!important;box-sizing:border-box!important;background-image:none!important}
#sns_login .msoc-naver{background:#03C75A!important;color:#fff!important}
#sns_login .msoc-naver b{font-size:16px;font-weight:900;line-height:1}
#sns_login .msoc-kakao{background:#FEE500!important;color:#3A1D1D!important}
#sns_login .msoc-kakao .kico{width:18px;height:18px}

/* ═══════════════════════════════════════════════════════════════
   [2026-07-19] 소셜 회원가입(plugin/social, form#fregisterform, .social_register)
   정상 회원가입(form#fregister, .register)과 동일 마크업 — 폼 id/래퍼 클래스만 상이.
   래퍼엔 register 클래스를 스킨에서 부여(→ .register 스코프 상속). 아래는 폼-id(#fregister)
   스코프 규칙을 #fregisterform에도 동일 적용해 약관·동의 체크를 브랜드 톤으로 통일.
   (약관+가입폼이 한 페이지라 #register_form은 건드리지 않도록 > section 으로 한정) ═══ */
/* 상단 안내 배너 (폼 첫 <p>) */
#fregisterform > p:first-of-type{background:var(--accent-bg);border:1px solid #FFDDB8;border-radius:12px;color:#8a5a22;font-size:13px;padding:14px 16px;margin:0 0 18px;line-height:1.6;height:auto}
#fregisterform > p:first-of-type::before{display:none}
#fregisterform > p:first-of-type .fa{color:var(--accent)}
/* 약관/개인정보 섹션 카드 (정상 #fregister section 미러) */
#fregisterform > section{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 14px;background:#fff;position:relative}
#fregisterform > section > h2{font-size:14.5px;font-weight:800;padding:15px 120px 15px 18px;margin:0;border-bottom:1px solid var(--line2);background:#fff}
#fregisterform > section textarea{display:block;width:100%;height:170px;border:0;border-radius:0;background:var(--soft);padding:16px 18px;font-size:12.5px;color:var(--ink2);line-height:1.7;resize:none;outline:none}
/* 섹션 우상단 동의 체크 — 오렌지 박스 + '동의' (라벨 텍스트는 sound_only, ::after로 노출) */
#fregisterform > section .fregister_agree{position:absolute;top:12px;right:14px;margin:0;border:0;padding:0}
#fregisterform > section .fregister_agree label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink2);cursor:pointer}
#fregisterform > section .fregister_agree label::after{content:"동의"}
#fregisterform > section .fregister_agree label span{position:relative;top:auto;right:auto;display:block;width:20px;height:20px;border:1.5px solid #D8D2C6;border-radius:6px;background:#fff;transition:.15s;flex-shrink:0}
#fregisterform > section .fregister_agree input:checked + label{color:var(--accent-d)}
#fregisterform > section .fregister_agree input:checked + label span{background:var(--accent);border-color:var(--accent)}
#fregisterform > section .fregister_agree input:checked + label span::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
/* 약관 스크롤바 슬림 (정상과 동일) */
#fregisterform > section textarea::-webkit-scrollbar,#fregisterform #fregister_private > div::-webkit-scrollbar{width:6px}
#fregisterform > section textarea::-webkit-scrollbar-thumb,#fregisterform #fregister_private > div::-webkit-scrollbar-thumb{background:#DDD5C8;border-radius:3px}

/* 실제 체크박스 숨김 — 소셜 스킨은 skin/member/basic/style.css(.selec_chk 숨김 규칙)를
   로드하지 않아 실입력이 그대로 노출됨. 위 .ptm-body input[type=checkbox](16px) 규칙보다
   높은 우선순위로 숨겨 '둥근 커스텀 박스'만 보이게(이중 체크 제거). */
.ptm-body .social_register .selec_chk{position:absolute;width:0;height:0;opacity:0;z-index:-1;overflow:hidden;margin:0;padding:0;border:0}

/* ── 기존 계정 연결(.member_connect) — social style.css 회색박스+보라버튼을 브랜드 톤으로 ──
   (.social_register 밖, .ptm-body 직계라 .ptm-body 스코프로 우선순위 확보) */
.ptm-body .member_connect{margin-top:24px;background:none;border:0;border-top:1px solid var(--line2);border-radius:0;padding:22px 0 0;text-align:center}
.ptm-body .member_connect::after{display:none}
.ptm-body .member_connect .strong{font-size:13.5px;font-weight:700;color:var(--ink2);margin:0 0 12px;text-align:center}
.ptm-body .member_connect .connect-opener,
.ptm-body .member_connect button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 22px;font-size:13.5px;font-weight:800;color:var(--ink);cursor:pointer;transition:.15s;line-height:1}
.ptm-body .member_connect .connect-opener:hover,
.ptm-body .member_connect button:hover{border-color:var(--accent);color:var(--accent);background:#fff}
.ptm-body .member_connect .connect-opener .fa{color:var(--accent);font-size:12px}

/* ── 기존 계정 연결 모달(#sns-link-pnl) — remodal.js가 <body> 최상위로 이동시키므로
   .ptm-body 조상 스코프 불가. #sns-link-pnl 직접 타겟 + social/style.css·remodal 테마보다
   우선(!important)해 초록 안내박스/기본 인풋을 브랜드 톤으로 통일. ── */
#sns-link-pnl.remodal{max-width:440px!important;padding:44px 34px!important;border-radius:20px!important;text-align:left;background:#fff}
#sns-link-pnl .connect-fg{height:auto!important}
#sns-link-pnl .connect-title{margin:0 0 12px!important;font-size:21px!important;font-weight:900;text-align:center;color:var(--ink)}
#sns-link-pnl .connect-desc{margin:0 0 20px!important;padding:14px 16px!important;border:1px solid #FFDDB8!important;background:var(--accent-bg)!important;color:#8a5a22!important;border-radius:12px!important;font-size:12.5px;line-height:1.6}
#sns-link-pnl #login_fs{width:100%!important;margin:0!important}
#sns-link-pnl #login_fs label{display:block;font-size:13.5px!important;font-weight:800!important;color:var(--ink)!important;margin:0 0 7px!important}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw{display:block;width:100%!important;margin:0 0 12px!important}
#sns-link-pnl #login_fs .frm_input,#sns-link-pnl #login_id,#sns-link-pnl #login_pw{width:100%!important;border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;font-size:14px;background:#fff;height:auto;outline:none;transition:.15s;box-sizing:border-box}
#sns-link-pnl #login_fs .frm_input:focus,#sns-link-pnl #login_id:focus,#sns-link-pnl #login_pw:focus{border-color:var(--accent)}
#sns-link-pnl #login_fs .login_submit{width:100%!important;height:auto!important;margin:6px 0 0!important;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:800;padding:15px 0;cursor:pointer;display:block}
#sns-link-pnl #login_fs .login_submit:hover{background:var(--accent-d)}
#sns-link-pnl .connect-close:hover{color:var(--accent)!important}

/* ============ [2026-07-22 사장님 지시] 회원가입(SNS 계정으로 가입) 소셜 버튼 = 메인 히어로와 동일 로고·버튼 ============ */
/* shop 메인 히어로 인라인 CSS(.msoc-google/.m-social .msoc)와 동일 값 — #sns_register 스코프 미러 */
#sns_register .msoc-google{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;border-radius:10px;border:1px solid #DADCE0;background:#fff;color:#3C4043;font-size:14px;font-weight:700;letter-spacing:-.02em;text-decoration:none;cursor:pointer;margin:0 0 10px}
#sns_register .msoc-google .gico{width:18px;height:18px;flex-shrink:0}
#sns_register .m-social{display:flex;gap:8px;margin:0}
#sns_register .m-social .msoc{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;height:46px;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;background-image:none}
#sns_register .m-social .msoc-naver{background:#03C75A;color:#fff}
#sns_register .m-social .msoc-naver b{font-size:16px;font-weight:900;line-height:1}
#sns_register .m-social .msoc-kakao{background:#FEE500;color:#3A1D1D}
#sns_register .m-social .msoc-kakao .kico{width:18px;height:18px}
/* [2026-07-22 사장님 지시] 'SNS 계정으로 가입' 제목 = 본문과 동일한 Pretendard 스택 명시(구형 제목 폰트 상속 차단) + 가운데 정렬 */
#sns_register h2{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;text-align:center!important}
/* [2026-07-22 사장님 지시] 회원가입 상단 '입점(판매자) 분기' 배너 + 로그인 하단 판매자 안내 문구 */
.pt-seller-branch{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:13px 16px;border:1.5px solid var(--accent);border-radius:12px;background:var(--accent-bg);text-decoration:none;color:var(--ink);transition:.15s}
.pt-seller-branch:hover{background:#FFEDD9;text-decoration:none}
.pt-seller-branch .psb-ico{font-size:22px;flex-shrink:0;line-height:1}
.pt-seller-branch .psb-txt{flex:1;min-width:0;line-height:1.45}
.pt-seller-branch .psb-txt b{display:block;font-size:14px;font-weight:800;color:var(--accent-d)}
.pt-seller-branch .psb-txt small{display:block;font-size:12.5px;color:var(--ink2)}
.pt-seller-branch .psb-txt u{text-decoration:underline;text-underline-offset:2px;font-weight:700}
.pt-seller-branch .psb-arrow{font-size:18px;font-weight:800;color:var(--accent);flex-shrink:0}
/* 로그인 하단 판매자 안내 = 카드형 UI (아이콘 + 텍스트 + [입점 신청] 버튼) */
.pt-seller-login-note{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border:1px solid #FFE2C4;border-radius:12px;background:var(--accent-bg);text-align:left;word-break:keep-all}
.pt-seller-login-note .psln-ico{font-size:20px;flex-shrink:0;line-height:1}
.pt-seller-login-note .psln-txt{flex:1;min-width:0;line-height:1.4}
.pt-seller-login-note .psln-txt b{display:block;font-size:13px;font-weight:800;color:var(--accent-d)}
.pt-seller-login-note .psln-txt small{display:block;font-size:12px;color:var(--ink2)}
.pt-seller-login-note .psln-btn{flex-shrink:0;padding:8px 14px;border:1px solid var(--accent);border-radius:9px;background:#fff;color:var(--accent-d);font-size:12.5px;font-weight:800;text-decoration:none;white-space:nowrap;transition:.15s}
.pt-seller-login-note .psln-btn:hover{background:var(--accent);color:#fff;text-decoration:none}