/* ==========================================================
   JPHOST × 그누보드 보정 (2026-11-13)
   style.css(시안 v8) 뒤에 싣는다. style.css 는 table·td·.btn 같은 넓은 규칙이 있어
   게시판·회원 화면(.gnu-body 안)에서는 그누보드 기본 모양으로 되돌린다.
   ========================================================== */

/* TEMP default.css 의 html{overflow-y:scroll}·body{overflow:hidden} 이 v8 의 sticky 머리말을 깨뜨림
   → html 은 visible 로 돌려 body 의 overflow-x:hidden 이 화면(viewport)으로 넘어가게 한다 (시안 v8 과 같은 상태) */
html{overflow:visible}
body{overflow:visible;overflow-x:hidden}

/* 로그인 중 안내(head.sub.php)는 화면에 안 보이게 */
#hd_login_msg{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* 머리말 회원 링크 */
.jp-member{display:flex;align-items:center;gap:14px;font-size:13.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.jp-member a:hover{color:var(--ink)}
@media (max-width:1240px){.jp-member{gap:10px;font-size:13px}}
@media (max-width:960px){
  .jp-member{order:3;justify-content:center;gap:24px;margin-top:20px;font-size:15px}
}

/* 꼬리말 (11-13 2차) — 시안 v10 식 한 줄 정보(.foot2 .f2-row) + 큰 외곽선 JPHOST 를 작게 줄여 정보 줄 뒤로 겹쳐 올림 */
.foot2{background:var(--ink)}
.jp-foot{position:relative;overflow:hidden}
.jp-foot .f2-row{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:48px;align-items:center;padding-top:44px;padding-bottom:52px}
.jp-foot .logo-inv{margin-bottom:0}
.jp-foot .f2-info{font-size:13px;line-height:1.85;color:#8f949c;word-break:keep-all;overflow-wrap:break-word}
.jp-foot .f2-info i{display:inline-block;width:1px;height:10px;margin:0 9px;background:rgba(255,255,255,.18);vertical-align:-1px}
.jp-foot .f2-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.jp-foot .f2-policy{display:flex;gap:16px;font-size:13px}
.jp-foot .f2-policy a{color:#a9a59c}
.jp-foot .f2-policy a:hover{color:#fff}
.jp-foot .f2-policy b{color:#e6e2da}
.jp-foot .f2-copy{font-size:12.5px;color:#6b7078;white-space:nowrap}
:root .jp-foot .foot-mark{position:absolute;left:0;right:0;bottom:-.1em;z-index:0;margin:0;padding:0;font-size:clamp(64px,11vw,168px);line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13);text-align:center;white-space:nowrap;user-select:none;pointer-events:none}
@media (max-width:960px){
  .jp-foot .f2-row{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:36px;padding-bottom:64px}
  .jp-foot .f2-side{align-items:flex-start}
  .jp-foot .f2-policy{flex-wrap:wrap}
}

/* 상단 비주얼 밝기 (11-13 사용자 "너무 어두워 약간 더 밝게") — 메인 v8: 사진 .45→.6 · 위 덮개 옅게 / 서브: 사진 .55→.72 · 덮개 옅게 */
.hd-bg{opacity:.6}
.hero-dark::after{background:linear-gradient(180deg,rgba(11,11,12,.12) 0%,rgba(11,11,12,.36) 55%,rgba(11,11,12,.76) 100%)}
.ph-bg{opacity:.72}
.page-hero::after{background:radial-gradient(ellipse at 50% 45%,rgba(10,10,10,.4) 0%,rgba(10,10,10,.7) 70%)}

/* 그누보드 화면 상단 (작은 서브 상단) */
.jp-mini-hero .ph-inner{padding-top:64px;padding-bottom:64px}
.jp-mini-hero h1{font-size:40px}
@media (max-width:960px){.jp-mini-hero h1{font-size:30px}.jp-mini-hero .ph-inner{padding-top:44px;padding-bottom:44px}}

/* 그누보드 본문 틀 */
.gnu-body{background:#fff;padding:64px 0 96px;color:#333;font-size:14px;line-height:1.6}
.gnu-body h1,.gnu-body h2,.gnu-body h3,.gnu-body h4{letter-spacing:normal;line-height:1.4}
.gnu-body ul{list-style:none}
.gnu-body table{min-width:0;font-size:14px}
.gnu-body th{font-family:inherit;font-size:14px;letter-spacing:normal;text-transform:none;padding:12px 10px}
.gnu-body td{padding:12px 10px;white-space:normal}
.gnu-body tr:hover td{background:transparent}
.gnu-body .btn{position:static;display:inline-block;height:auto;padding:0;gap:0;border:0;border-radius:0;font-weight:inherit;font-size:inherit;overflow:visible;white-space:normal;transition:none}
.gnu-body .btn::before,.gnu-body .btn::after{content:none}
.gnu-body input,.gnu-body select,.gnu-body textarea,.gnu-body button{font-family:inherit}

/* 그누보드 기본 포인트색 → JPHOST 빨강 */
.gnu-body .btn_submit,.gnu-body a.btn_b02,.gnu-body .btn_b02{background:var(--red);border-color:var(--red);color:#fff}
.gnu-body .btn_submit:hover,.gnu-body .btn_b02:hover{background:var(--red-d)}
.gnu-body a{color:inherit}

/* 게시판 스킨 자체 제목(.subTit)은 위 서브 상단 제목과 겹쳐서 숨김 */
.gnu-body .subTit{display:none}
/* 회원 스킨의 TEMP 서브 상단(.sv · MEMBERSHIP)도 같은 이유로 숨김 */
.gnu-body .sv{display:none}

/* 회원 화면 v8 톤 (11-13 2차) — TEMP 글꼴 변수(Freesentation·명조)를 Pretendard 로,
   주황(#ff6a00)은 스킨 파일에서 v8 빨강(#e5372b)으로 바꿨고, 각진 입력칸·버튼은 v8 모서리(6px)로 */
.gnu-body{--ff-sans:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--ff-serif:var(--ff-sans)}
.gnu-body input[type=text],.gnu-body input[type=password],.gnu-body input[type=email],.gnu-body input[type=tel],.gnu-body select,.gnu-body textarea{border-radius:var(--radius)}
.gnu-body button,.gnu-body .btn_submit,.gnu-body .btn_cancel,.gnu-body .btn_close,.gnu-body a.btn_cancel{border-radius:var(--radius)}
.gnu-body input[type=checkbox],.gnu-body input[type=radio]{accent-color:var(--red)}
/* 회원 스킨 안 <style> 이 더 구체적이라(.mc_join …, #find_info …) 같은 이상으로 눌러 씀 */
:root .gnu-body .mc_join{padding-top:0}
.gnu-body #find_info .cert_btn .btn_submit,
:root .gnu-body .result_btns a.btn_home,:root .gnu-body a.btn_home{background:var(--red);border-color:var(--red);color:#fff;border-radius:var(--radius);font-weight:700}
:root .gnu-body .join_btn_submit,:root .gnu-body .mc_join .btn_submit,.gnu-body #find_info .btn_submit{background:var(--red);border-color:var(--red);color:#fff;border-radius:var(--radius);font-weight:700}
:root .gnu-body .join_btn_submit:hover,:root .gnu-body .mc_join .btn_submit:hover,.gnu-body #find_info .btn_submit:hover,.gnu-body #find_info .cert_btn .btn_submit:hover,
:root .gnu-body a.btn_home:hover{background:var(--red-d);border-color:var(--red-d);color:#fff}
:root .gnu-body .join_btn_cancel,:root .gnu-body .btn_cancel,:root .gnu-body .btn_zip,:root .gnu-body .btn_cert,:root .gnu-body .btn_close,:root .gnu-body .btn_detail,
:root .gnu-body .mc_join input[type=text],:root .gnu-body .mc_join input[type=password],:root .gnu-body .mc_join input[type=email],:root .gnu-body .mc_join input[type=tel],:root .gnu-body .mc_join select,:root .gnu-body .mc_join textarea,
.gnu-body #find_info input[type=text],.gnu-body #find_info input[type=email]{border-radius:var(--radius)}
:root .gnu-body .mc_join .agree_box,:root .gnu-body .mc_join .all_agree,:root .gnu-body .mc_join [class*=agree_all]{border-radius:var(--radius)}

/* 약관·개인정보처리방침 (내용관리 HTML 본문 — interip 에서 옮김) */
.jp-legal{max-width:960px;margin:0 auto;font-size:15px;line-height:1.85;color:#3d3d3d}
.jp-legal .ip-legal{white-space:pre-line}