@charset "utf-8";
/* ============================================================
   먹튀의민족 · 공통 보정 (2026-09-24)  — head.sub.php 에서 맨 마지막에 로드
   ------------------------------------------------------------
   1) 한글 단어 중간 줄바꿈 방지
      기본값(word-break:normal)은 한글을 음절 단위로 끊어
      "정/보를", "커뮤니티입니/다" 처럼 단어가 쪼개져 보였다.
      keep-all 로 어절 단위 줄바꿈, 공백 없는 긴 문자열(URL 등)은
      overflow-wrap 으로 넘치지 않게 끊는다.
   ============================================================ */
body{word-break:keep-all; overflow-wrap:break-word;}

/* 2) 메인 가로 배너 찌그러짐 (모바일)
      1000x100 배너가 350x100 으로 가로만 눌려 글자가 깨져 보였다.
      모바일에선 비율을 유지한 채 왼쪽(슬로건+캐릭터) 부분만 보여준다. */
@media (max-width:768px){
  .main_banner--flat img{width:100%; height:92px; object-fit:cover; object-position:left center;}
  /* 사이드 배너(320x100)도 폭만 늘어나 살짝 늘어져 보였다 → 비율 유지 */
  .content_aside__banner img{width:100%; height:auto;}
}

/* 3) 메인 "보증업체 이용 시 … 전액 보장" 안내 박스가 좁은 두 칸으로 눌림 */
@media (max-width:640px){
  .partners_guide__tip{flex-direction:column; align-items:flex-start; gap:4px;}
}

/* 4) 글 보기 상단 ⋮ 옵션(수정·삭제) 드롭다운이 항상 펼쳐져 보이던 문제
      기본 스킨(basic)에만 숨김 규칙이 있고 커스텀 스킨엔 없었다. ⋮ 클릭 시 jQuery toggle 로 열림 */
.bo_v_com > li{position:relative;}
#bo_v_top .bo_v_com .more_opt.is_view_btn,
#bo_v_bot .bo_v_com .more_opt.is_view_btn,
.bo_v_com .more_opt.is_view_btn{
  display:none; flex-direction:column; position:absolute; top:46px; right:0; z-index:50; min-width:96px;
  margin:0; padding:4px 0; list-style:none; background:#fff; border:1px solid #E1E8EE; border-radius:10px;
  box-shadow:0 8px 24px rgba(15,23,42,.12);
}
.bo_v_com .more_opt.is_view_btn li{float:none; margin:0; padding:0; width:auto;}
.bo_v_com .more_opt.is_view_btn li a,
.bo_v_com .more_opt.is_view_btn li button{
  display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
  padding:9px 14px; border:0; background:none; color:#475569; font-size:13px; white-space:nowrap; text-decoration:none;
}
.bo_v_com .more_opt.is_view_btn li a:hover{color:#0f172a; background:#f5f8fa;}
[data-theme="dark"] .bo_v_com .more_opt.is_view_btn{background:#141c1f; border-color:#26343a;}
[data-theme="dark"] .bo_v_com .more_opt.is_view_btn li a{color:#cbd5e1;}
[data-theme="dark"] .bo_v_com .more_opt.is_view_btn li a:hover{background:#1c282c; color:#fff;}

/* 5) 댓글 본문 빈 줄 두 배 — 코어가 <br>+줄바꿈 문자를 함께 출력하는데 pre-line 이라 두 번 꺾였다 */
.wrap.mm-body #bo_vc .cmt_contents p{white-space:normal;}

/* 6) 보증업체 검색칸 입력창이 틀 밖으로 삐져나옴 — 공통 폼 규칙(min-height 44px·테두리)이 이겼다 */
.wrap.mm-body .mmbn-find input{
  min-height:0; height:100%; padding:0; border:0; background:none; box-shadow:none; border-radius:0;
  flex:1 1 auto; min-width:0; width:auto;
}

@media (max-width:640px){
  /* 7) 댓글 영역 모바일 규칙이 특이도에서 져서 전혀 안 먹던 것 — 같은 내용에 .wrap.mm-body 를 붙여 재선언 */
  .wrap.mm-body #bo_vc article{grid-template-columns:32px minmax(0,1fr);}
  .wrap.mm-body #bo_vc .pf_img{width:32px; height:32px;}
  .wrap.mm-body #bo_vc .bo_vl_opt{grid-column:2; margin-top:8px;}
  .wrap.mm-body #fviewcomment{padding:14px;}
  .wrap.mm-body #fviewcomment .bo_vc_w_info .frm_input{width:calc(50% - 4px);}
  .wrap.mm-body #fviewcomment .btn_confirm{width:100%; margin-left:0; justify-content:space-between;}
  .wrap.mm-body #fviewcomment #btn_submit{flex:1 1 auto; max-width:180px;}
  /* 캡차 음성 플레이어가 카드 밖으로 넘침 */
  .wrap.mm-body #captcha audio{flex:1 1 100%; width:100%; max-width:100%; min-width:0;}

  /* 8) 위치경로 마지막 항목(글 제목)이 혼자 다음 줄로 떨어짐 → 한 줄 유지 + 말줄임 */
  .wrap.mm-body .bcrumb ol{flex-wrap:nowrap;}
  .wrap.mm-body .bcrumb li:not(:last-child){flex:0 0 auto;}
  .wrap.mm-body .bcrumb li:last-child{flex:1 1 0; min-width:0;}
  .wrap.mm-body .bcrumb li:last-child > a,
  .wrap.mm-body .bcrumb li:last-child > span{max-width:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

  /* 9) 게시판 흰 카드 좌우 여백이 커서 본문 폭이 306px 로 좁았다 */
  .wrap.mm-body #bo_list,
  .wrap.mm-body #bo_v,
  .wrap.mm-body #bo_w{padding:16px 14px; border-radius:14px;}
}