@charset "utf-8";
/* mobile-board — 767px 이하 전용 (렌트정보 ige_rent 목록·글 상세 · 확정 목업 v002 화면 D·B)
   이 파일의 모든 규칙은 아래 미디어 블록 한 개 안에 있다. 768px 이상 화면에는 어떤 규칙도 닿지 않는다.
   이 스킨 페이지(list·view)에서만 로드된다(write 화면은 로드하지 않는다). */
@media (max-width:767px){

:root{
  --mb-teal:#0b4f54;--mb-teal2:#0e6a70;--mb-mint:#e4f1f0;--mb-bg:#f4f8f7;--mb-line:#e3e9ea;
  --mb-ink:#13232b;--mb-sub:#5d6c73;--mb-yel:#ffd24a;--mb-bar-top:0px;
}
/* 고정 검색 막대(.fixed-top-search)가 켜지면(스크롤 > 200) 이동 줄을 그 아래에 붙인다. :has() 를 못 쓰는 브라우저에서는 이 줄만 건너뛴다 */
:root:has(.fixed-top-search.on){--mb-bar-top:61px}

/* ---------- 페이지 바탕·큰 제목 ---------- */
#container{background:var(--mb-bg)}
#container #container_title{display:block;margin:0;padding:20px 18px 0;max-width:none;overflow:visible;background:#fff;text-align:left}
#container #container_title span{display:block;margin:0;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.03em;color:var(--mb-ink)}
#container #container_title.sm-title{display:none}

/* ---------- 목록: 위쪽 흰 블록(Total·검색 → 지역 칩 → 도시 버튼) — 마크업 순서는 그대로, 보이는 순서만 목업대로 ---------- */
#container #bo_list{display:flex;flex-direction:column;margin:0;padding:0;background:transparent}
#container #bo_list>form#fboardlist{display:contents}
#container #bo_list #bo_btn_top{order:1;margin:0;padding:6px 18px 12px;background:#fff;border-bottom:1px solid var(--mb-line)}
#container #bo_list>#rent_filter~form #bo_btn_top{padding-bottom:0;border-bottom:0}
#container #bo_list #bo_list_total{float:none;margin:0;padding:0 0 10px;font-size:12.5px;line-height:1.4;font-weight:500;color:var(--mb-sub)}
#container #bo_list #bo_list_total span::after{content:" · "}
/* 지역 칩 줄 + 도시 버튼 줄: 둘 다 한 줄 가로 스크롤(끝 칩이 화면 끝에 걸려 밀 수 있음을 알린다). 빈 구분선은 접는다 */
#container #bo_list #rent_filter{order:2;margin:0;padding:10px 0 12px;background:#fff;border-bottom:1px solid var(--mb-line)}
#container #bo_list #rent_filter .rent-filter-sep{display:none}
#container #bo_list #rent_filter :is(.rent-province-tabs,.rent-city-buttons){display:flex;flex-wrap:nowrap;gap:6px;margin:0;padding:0 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#container #bo_list #rent_filter :is(.rent-province-tabs,.rent-city-buttons)::-webkit-scrollbar{display:none}
#container #bo_list #rent_filter .rent-city-buttons{margin-top:8px}
#container #bo_list #rent_filter :is(.rent-tab,.rent-city-btn){display:grid;place-items:center;flex:0 0 auto;box-sizing:border-box;margin:0;padding:0 15px;line-height:1.2;border-radius:999px;border:1px solid var(--mb-line);background:#fff;color:var(--mb-sub);font-weight:700;white-space:nowrap;text-decoration:none}
#container #bo_list #rent_filter .rent-tab{min-height:40px;font-size:13px}
#container #bo_list #rent_filter .rent-city-btn{min-height:36px;padding:0 13px;font-size:12.5px}
#container #bo_list #rent_filter :is(.rent-tab,.rent-city-btn):is(:hover,:focus,:active){background:#fff;border-color:var(--mb-teal);color:var(--mb-teal);text-decoration:none}
#container #bo_list #rent_filter :is(.rent-tab,.rent-city-btn).active,#container #bo_list #rent_filter :is(.rent-tab,.rent-city-btn).active:is(:hover,:focus,:active){background:var(--mb-teal);border-color:var(--mb-teal);color:#fff}

/* 검색 줄: 분류 select + 입력 + 검색(+글쓰기) 44px */
#container #bo_list #bo_btn_top .btn_bo_user{float:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0}
#container #bo_list #bo_btn_top .btn_bo_user>li{float:none;display:block;flex:0 0 auto;width:auto;min-width:0;margin:0;padding:0;background:transparent;text-align:left}
#container #bo_list #bo_btn_top .btn_bo_user>li:first-child{flex:1 0 100%}
#container #bo_list #bo_btn_top .btn_bo_user>li:not(:first-child) :is(a.btn_admin,a.btn_b01,button.btn_more_opt){display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--mb-line);border-radius:12px;background:#fff;color:var(--mb-teal)}
#container #bo_list #bo_btn_top .form-box-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;width:100%;align-items:center}
#container #bo_list #bo_btn_top .form-box{display:block;flex-grow:0;margin:0;padding:0;min-width:0}
#container #bo_list #bo_btn_top .form-box:first-child{flex:0 0 84px}
#container #bo_list #bo_btn_top .form-box:last-child{flex:1 1 0}
#container #bo_list #bo_btn_top .form-box-inner{display:flex;gap:6px;width:100%;margin:0;padding:0}
#container #bo_list #bo_btn_top select#form-sfl,#container #bo_list #bo_btn_top input#form-stx{box-sizing:border-box;height:44px;margin:0;padding:0 10px;border:1px solid var(--mb-line);border-radius:12px;background:#fff;color:var(--mb-ink);font-size:14px;line-height:1.2}
#container #bo_list #bo_btn_top select#form-sfl{width:100%}
#container #bo_list #bo_btn_top input#form-stx{flex:1 1 0;min-width:0;width:auto}
#container #bo_list #bo_btn_top .ip-btn{box-sizing:border-box;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:auto;min-width:44px;height:44px;margin:0;padding:0 14px;border:0;border-radius:12px;background:var(--mb-teal);color:#fff;font-size:13px;font-weight:800;line-height:1}
#container #bo_list #bo_btn_top .ip-btn.app{background:var(--mb-teal2)}

/* ---------- 목록: 카드 ---------- */
#container #bo_list .list-module-layout{order:3;display:flex;flex-direction:column;gap:9px;width:auto;margin:0;padding:12px 14px 4px}
#container #bo_list .all_chk{padding:0 2px}
#container #bo_list .list-module.type-f{box-sizing:border-box;width:100%;flex-direction:row;align-items:flex-start;gap:12px;padding:13px 13px 12px;background:#fff;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_list .list-module.type-f .lm-text-box{display:block;flex:1 1 0;min-width:0;width:auto;margin:0;padding:0;background:transparent}
#container #bo_list .list-module.type-f.is_notice,#container #bo_list .list-module.type-f.is_notice .lm-text-box{background-color:#fff}
#container #bo_list .list-module.type-f.is_view,#container #bo_list .list-module.type-f.is_view .lm-text-box{background-color:#fff9e0 !important}
#container #bo_list .list-module.type-f.is_view{border-color:var(--mb-yel)}
#container #bo_list .list-module.type-f .lm-text-cate{position:relative;display:inline-block;margin:0 0 5px;padding:3px 10px;border-radius:999px;background:var(--mb-mint);color:var(--mb-teal2);font-size:12px;font-weight:800;line-height:1.4}
#container #bo_list .list-module.type-f .lm-text-cate:empty{display:none}
#container #bo_list .list-module.type-f.is_notice span.lm-text-cate{background:var(--mb-yel);color:#4a3a00}
#container #bo_list .list-module.type-f .lm-text-cont{display:block;margin:0}
/* 제목 줄: 도시 알약(.rent-city-tag)이 제목 글자 위 한 줄, 제목 글자(bdi.rent-subject)만 2줄로 자른다. h3 를 줄바꿈 flex 로 두어 새 글 표시(N)가 있어도 알약 옆에 붙는다 */
#container #bo_list .list-module.type-f .lm-text-cont h3{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;height:auto;margin:0;overflow:visible;white-space:normal;font-size:15px;line-height:1.42;font-weight:800;letter-spacing:-.015em;color:var(--mb-ink);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_list .list-module.type-f .lm-text-cont h3 .rent-city-tag{display:block;flex:0 1 auto;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 0 5px;padding:3px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:var(--mb-mint);color:var(--mb-teal2);font-size:12px;font-weight:800;line-height:1.4;text-align:left;vertical-align:baseline}
#container #bo_list .list-module.type-f .lm-text-cont h3 .rent-subject{display:-webkit-box;flex:0 0 100%;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
#container #bo_list .list-module.type-f .lm-text-cont p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:auto;margin:5px 0 0;overflow:hidden;font-size:12.5px;line-height:1.55;color:var(--mb-sub);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_list .list-module.type-f .lm-text-cont>span{display:block;width:100%;margin:7px 0 0;font-size:12px;line-height:1.4;color:#7b8a90;text-align:left}
#container #bo_list .list-module.type-f .lm-type-f-img{flex:0 0 auto;width:76px;height:76px;border-radius:12px;overflow:hidden;background:var(--mb-mint)}
#container #bo_list .list-module.type-f .lm-type-f-img img{width:100%;height:100%;object-fit:cover}
#container #bo_list .list-module.type-f .lm-type-f-img img{position:relative}
#container #bo_list .list-module.type-f .lm-type-f-img img::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mb-mint)}
#container #bo_list .list-module.type-f .lm-checkbox.chk_box{position:static;flex:0 0 auto;align-self:center;margin:0 -4px 0 -4px}
#container #bo_list .lm-checkbox.chk_box input[type="checkbox"]+label{display:flex;align-items:center;justify-content:center;width:36px;height:44px;margin:0}
#container #bo_list .lm-checkbox.chk_box input[type="checkbox"]+label span{float:none;top:auto;left:auto}
#container #bo_list .all_chk.chk_box input[type="checkbox"]+label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:var(--mb-sub)}
#container #bo_list .all_chk.chk_box input[type="checkbox"]+label span{float:none}

/* ---------- 목록: 빈 목록·페이지 번호 ---------- */
#container #bo_list .empty_data{order:3;box-sizing:border-box;width:auto;margin:12px 14px 0;padding:34px 18px;background:#fff;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_list .empty_data p{justify-content:center;font-size:14px;color:var(--mb-sub)}
#container #bo_list .empty_data .ip-btn{display:flex;align-items:center;justify-content:center;width:120px;height:44px;border-radius:12px;background:var(--mb-teal);color:#fff;font-weight:800}
/* 관리자 옵션 메뉴(표출순서·선택삭제·선택복사·선택이동) 버튼을 터치 높이 44px 로 */
#container #bo_list .more_opt li{float:none;width:auto;min-width:132px;padding:0}
#container #bo_list .more_opt li button{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:0 12px;font-size:13px;line-height:1.2}
#container #bo_list .more_opt li i{float:none;line-height:1}
#container #bo_list .pg_wrap{order:4;float:none;display:flex;justify-content:center;width:auto;margin:0;padding:12px 14px 8px}
#container #bo_list .pg_wrap .pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}
#container #bo_list .pg_wrap .pg_page,#container #bo_list .pg_wrap .pg_current{display:grid;place-items:center;box-sizing:border-box;min-width:40px;height:44px;padding:0 6px;border:0;border-radius:12px;background:transparent;color:var(--mb-sub);font-size:13.5px;font-weight:700;line-height:1;text-indent:0;text-decoration:none}
#container #bo_list .pg_wrap .pg_current{background:var(--mb-teal);color:#fff}
#container #bo_list .pg_wrap .pg_start,#container #bo_list .pg_wrap .pg_prev,#container #bo_list .pg_wrap .pg_next,#container #bo_list .pg_wrap .pg_end{min-width:44px;overflow:visible;background-image:none;font-size:12px}
#container #bo_list .bo_fx{order:5;float:none;margin:0;padding:0 14px 8px}

/* ---------- 글 상세: 이동 줄 ---------- */
/* 사이트 공통 CSS 가 html·body 에 overflow-x:hidden 을 걸어 body 가 스크롤 상자가 되면 sticky 가 화면에 붙지 못한다. 이 줄이 있는 글 상세 화면에서만 body 를 clip(가로 넘침은 똑같이 잘림, 스크롤 상자는 안 됨)으로 바꾼다 */
html:root body:has(.mb-bar){overflow-x:clip}
/* 글 상세를 감싸는 사이트 상자(bbs/board_head.php 의 .cont-box.board-wrap)가 overflow:hidden 이라 이 상자가 스크롤 상자가 되어 sticky 가 화면에 붙지 못한다. 가로만 같은 방식으로 자르고(clip) 세로는 열어 둔다. */
html:root .cont-box.board-wrap:has(.mb-bar){overflow-x:clip;overflow-y:visible}
/* normalize.css 의 [hidden]{display:none} 이 스킨 CSS 보다 나중에 로드되어 같은 우선순위로 이긴다 → #bo_v 로 우선순위를 올린다. PC 에서는 이 블록이 적용되지 않아 hidden 그대로 숨는다. */
#bo_v .mb-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px;position:sticky;top:var(--mb-bar-top);z-index:30;box-sizing:border-box;height:46px;padding:0 6px 0 4px;background:#fff;border-bottom:1px solid var(--mb-line)}
.mb-bar a{display:flex;align-items:center;min-height:44px;padding:0 10px;font-size:13px;font-weight:700;line-height:1;color:var(--mb-teal);text-decoration:none;white-space:nowrap}
.mb-bar .mb-bar-back{justify-self:start}
.mb-bar .mb-bar-back::before{content:"";box-sizing:border-box;width:8px;height:8px;margin:0 7px 0 2px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.mb-bar .mb-bar-name{justify-self:center;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;color:var(--mb-ink)}
.mb-bar .mb-bar-scrap{justify-self:end;grid-column:3;color:var(--mb-sub)}

/* ---------- 글 상세: 제목·메타(흰 블록) ---------- */
#container #bo_v{margin:0;background:transparent}
#container #bo_v.board-view header{margin:0;padding:22px 18px 0;background:#fff}
#container #bo_v #bo_v_title{margin:0;padding:0}
#container #bo_v #bo_v_title .rent-city-tag{display:inline-block;width:auto;margin:0 4px 6px 0;padding:3px 10px;border:0;border-radius:999px;background:var(--mb-mint);color:var(--mb-teal2);font-size:12px;font-weight:800;line-height:1.4;vertical-align:baseline}
#container #bo_v #bo_v_title .bo_v_tit{display:block;box-sizing:border-box;margin:0;padding:0;font-size:22px;line-height:1.45;font-weight:800;letter-spacing:-.03em;color:var(--mb-ink);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_v #bo_v_info{margin:0;padding:10px 18px 14px;background:#fff;border-bottom:1px solid var(--mb-line)}
#container #bo_v #bo_v_info .profile_info{display:block;float:none;margin:0;padding:0}
#container #bo_v #bo_v_info .profile_info .pf_img{display:none}
#container #bo_v #bo_v_info .profile_info .profile_info_ct{display:flex;flex-wrap:wrap;align-items:center;float:none;gap:4px 12px;padding:0;line-height:1.4}
#container #bo_v #bo_v_info .profile_info_ct .gap-bar,#container #bo_v #bo_v_info .profile_info_ct .mb-m-name,#container #bo_v #bo_v_info .profile_info_ct strong.good,#container #bo_v #bo_v_info .profile_info_ct .material-symbols-outlined{display:none}
#container #bo_v #bo_v_info .profile_info_ct strong,#container #bo_v #bo_v_info .profile_info_ct strong a{display:flex;gap:4px;margin:0;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--mb-sub) !important}
#container #bo_v #bo_v_info .profile_info_ct strong.if_date{order:1}
#container #bo_v #bo_v_info .profile_info_ct strong.mb-m-hit{order:2}
#container #bo_v #bo_v_info .profile_info_ct strong.mb-m-cmt{order:3}
#container #bo_v #bo_v_info .profile_info_ct strong.mb-m-hit::before{content:"조회"}
#container #bo_v #bo_v_info .profile_info_ct strong.mb-m-cmt a::before{content:"댓글"}
#container #bo_v #bo_v_top{margin:0;padding:0;float:none}
#container #bo_v #bo_v_top .bo_v_com{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;float:none;margin:0;padding:0}
#container #bo_v #bo_v_top .bo_v_com>li{float:none;width:auto;margin:10px 0 0;background:transparent}
#container #bo_v #bo_v_top .bo_v_com>li:first-child{display:none}
#container #bo_v #bo_v_top .btn_b01.btn{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--mb-line);border-radius:12px;background:#fff;color:var(--mb-teal)}

/* ---------- 글 상세: 본문 카드 ---------- */
#container #bo_v #bo_v_atc{box-sizing:border-box;margin:12px 14px 0;padding:18px 16px 16px;min-height:0;background:#fff;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_v #bo_v_con{margin:0;min-height:0;font-size:15.5px;line-height:1.88;color:#1d2f37;word-break:keep-all;overflow-wrap:anywhere;overflow-x:auto}
#container #bo_v #bo_v_con :where(p,div,span,li,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,strong,em,b,i,u,a,font,td,th,figure,figcaption){word-break:keep-all;overflow-wrap:anywhere}
#container #bo_v #bo_v_con a{color:var(--mb-teal2);font-weight:700;text-underline-offset:3px}
/* 네이버 카페에서 붙여 넣은 글 맨 앞의 보이지 않는 빈 문단(글자 없는 span 하나뿐)이 카드 위쪽을 한 줄 비우는 것을 줄인다 — 글자는 하나도 안 바뀐다 */
#container #bo_v #bo_v_con>p:first-child:has(>span:only-child:empty){display:none}
/* 본문 중간·끝에 이어진 빈 문단(<p>&nbsp;</p> — view.skin.php 가 mb-blank 표시를 붙인다)은 한 칸만 남기고, 글 맨 끝에 이어진 빈 문단은 모두 줄인다 — 글자·사진·링크는 하나도 안 바뀐다 */
#container #bo_v #bo_v_con>.mb-blank+.mb-blank{display:none}
#container #bo_v #bo_v_con>.mb-blank:not(:has(~ :not(.mb-blank))){display:none}
/* 표: 표 자체가 가로로 밀린다(문서·본문 카드는 안 밀림). 첫 칸 고정 + 양옆 그림자 단서. thead 가 있는 표는 원래 표 모양 그대로 둔다 */
#container #bo_v #bo_v_con table:not(:has(>thead)){display:block;box-sizing:border-box;width:auto !important;max-width:100%;margin:14px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left center,linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center,radial-gradient(farthest-side at 0 50%,rgba(11,79,84,.30),rgba(11,79,84,0)) left center,radial-gradient(farthest-side at 100% 50%,rgba(11,79,84,.30),rgba(11,79,84,0)) right center;background-repeat:no-repeat;background-color:#fff;background-size:40px 100%,40px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll}
#container #bo_v #bo_v_con table:not(:has(>thead))>tbody:only-child{display:table;width:max-content;min-width:100%;border-collapse:collapse}
/* 폭 100% 로 쓴 표(렌트 글의 키/값 표·사진 격자)는 본문 카드 폭에 맞춰 줄바꿈한다. 고정 px 폭으로 쓴 넓은 표만 위 규칙대로 표만 옆으로 민다 */
#container #bo_v #bo_v_con table:not(:has(>thead)):is([width="100%"],[style*="width:100%"],[style*="width: 100%"])>tbody:only-child{width:100%;min-width:0}
#container #bo_v #bo_v_con table:not(:has(>thead)):is([width="100%"],[style*="width:100%"],[style*="width: 100%"]){background-image:none}
#container #bo_v #bo_v_con table img{max-width:100%;height:auto}
#container #bo_v #bo_v_con table :where(td,th){padding:9px 8px;border:1px solid #cfd9da;font-size:12.5px;line-height:1.4;text-align:center;vertical-align:middle}
#container #bo_v #bo_v_con table :where(td,th,p,div,span,strong,b,em,li,a,font,h1,h2,h3,h4,h5,h6){word-break:keep-all;overflow-wrap:normal}
#container #bo_v #bo_v_con table :where(p,div,li,h1,h2,h3,h4,h5,h6){margin:0;font-size:inherit;line-height:inherit}
#container #bo_v #bo_v_con table th{background:var(--mb-mint);color:var(--mb-teal);font-weight:800}
#container #bo_v #bo_v_con table:not(:has(>thead)) tr>:first-child{text-align:left}
#container #bo_v #bo_v_con table:not(:has(>thead)):has(tr>:nth-child(3)) tr>:first-child{position:sticky;left:0;max-width:42vw;background-color:#fff;box-shadow:1px 0 0 #cfd9da;font-weight:700}
#container #bo_v #bo_v_con table:not(:has(>thead)):has(tr>:nth-child(3)) tr>th:first-child{background-color:var(--mb-mint)}
/* 수리: 글에 붙여 넣은 표 첫 칸의 인라인 투명 배경(Word 붙여넣기)이 고정 칸의 흰 바탕을 이겨 밀려 들어온 다른 칸 글자가 비쳐 포개지므로, 투명으로 지정된 고정 칸만 흰 바탕을 강제한다(다른 색이 지정된 칸은 그대로) */
#container #bo_v #bo_v_con table:not(:has(>thead)):has(tr>:nth-child(3)) tr>:first-child:is([style*="background-color: transparent" i],[style*="background-color:transparent" i],[style*="background: transparent" i],[style*="background:transparent" i]){background-color:#fff !important}
/* 수리: 인라인 좌우 margin 이 표를 본문 칸 밖으로 밀지 않게, thead 표도 표 자신의 칸에서만 가로로 민다 */
#container #bo_v #bo_v_con table{margin-left:0 !important;margin-right:0 !important}
#container #bo_v #bo_v_con table:has(>thead){display:block;box-sizing:border-box;width:auto !important;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 수리: 표를 가로로 밀 수 있게 display:block 으로 바꾸면 글에 박힌 height(스타일·속성)가 고정 높이가 되어 아래 줄이 잘린다 → 높이는 내용을 따른다 */
#container #bo_v #bo_v_con table{height:auto !important}

/* ---------- 글 상세: 교육청 링크 카드(본문 카드 안) ---------- */
#container #bo_v #bo_v_atc .rent-district-link{margin:16px 0 0;padding:0;background:var(--mb-mint);border:0;border-radius:12px}
#container #bo_v #bo_v_atc .rent-district-link a{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:48px;margin:0;padding:6px 16px;font-size:14px;font-weight:800;line-height:1.4;color:var(--mb-teal);text-decoration:none;word-break:keep-all}

/* ---------- 글 상세: 추천·목록 줄 ---------- */
#container #bo_v .board-like{display:flex;gap:8px;margin:12px 14px 0;padding:0}
#container #bo_v .board-like #bo_v_act{flex:1 1 0;min-width:0;margin:0;padding:0;text-align:center}
#container #bo_v .board-like #bo_v_act .bo_v_act_gng{display:block}
#container #bo_v .board-like #bo_v_act .bo_v_good{display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:0 10px;border:1.5px solid var(--mb-teal);border-radius:14px;background:#fff;color:var(--mb-teal);font-size:14px;font-weight:800;line-height:1.2}
#container #bo_v .board-like #bo_v_act .bo_v_good .material-symbols-outlined{display:none}
#container #bo_v .board-like #bo_v_act .bo_v_good .good-ico{display:none}
#container #bo_v .board-like #bo_v_act .bo_v_good strong{font-weight:800;color:var(--mb-teal2)}
#container #bo_v .board-like #bo_v_act .bo_v_good>span:not(.sound_only){display:none}
#container #bo_v .board-like #bo_v_act span.bo_v_good::before{content:"추천"}
#container #bo_v .board-like #bo_v_act a.bo_v_good::before{content:"추천"}
#container #bo_v .board-like>a.btn{display:flex;align-items:center;justify-content:center;flex:1 1 0;box-sizing:border-box;height:48px;margin:0;padding:0 10px;border:1.5px solid transparent;border-radius:14px;background:var(--mb-mint);color:var(--mb-teal);font-size:14px;font-weight:800}
#container #bo_v .board-like>a.btn::after{content:"목록";content:"목록" / ""}

/* ---------- 글 상세: 첨부·링크 / 이전글·다음글 / 댓글 ---------- */
#container #bo_v .board-view-filelink{margin:12px 14px 0}
#container #bo_v .bo_v_nb{margin:14px 14px 0}
#container #bo_v .cmt_btn{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:calc(100% - 28px);min-height:48px;margin:12px 14px 0;padding:0 16px;border:1px solid var(--mb-line);border-radius:16px;background:#fff;font-size:14px;text-align:left}
#container #bo_v .cmt_btn span.total{margin:0;color:var(--mb-teal2)}
#container #bo_v .cmt_btn span.total::after{display:none}
#container #bo_v .cmt_btn b{font-size:14px;color:var(--mb-ink)}
#container #bo_v .cmt_btn span.cmt_more{float:none;margin:0}
#container #bo_v #bo_vc_empty{margin:0;padding:16px 0 6px;font-size:13px;color:var(--mb-sub);text-align:center}
#container #bo_v #bo_vc{margin:8px 14px 0;padding:0}
#container #bo_v #bo_vc>article{display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;margin:8px 0 0;padding:12px 14px;background:#fff;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_v #bo_vc>article::after{display:none}
#container #bo_v #bo_vc>article header{margin:0;padding:0}
#container #bo_v #bo_vc>article .pf_img{flex:0 0 auto;float:none;margin:0}
#container #bo_v #bo_vc>article .pf_img img{width:36px;height:36px}
#container #bo_v #bo_vc>article .cm_wrap{flex:1 1 0;min-width:0;float:none;width:auto;max-width:none}
#container #bo_v #bo_vc>article .cmt_contents{padding:4px 0 0;font-size:14px;line-height:1.7;color:var(--mb-ink);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_v #bo_vc_w{margin:10px 14px 0;padding:0}
#container #bo_v #bo_vc_w textarea#wr_content{box-sizing:border-box;width:100%;height:88px;padding:10px 12px;border:1px solid var(--mb-line);border-radius:12px;background:#fff;font-size:14px}
#container #bo_v #bo_vc_w .btn_submit,#container #bo_v #bo_vc_w .ip-btn.app{position:static;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:6px 0 0;padding:0 14px;border:0;border-radius:12px;background:var(--mb-teal);color:#fff;font-size:14px;font-weight:800}

/* ---------- 글 아래 목록(글 상세 안) ---------- */
#container #bo_v~#bo_list #bo_btn_top{margin:18px 14px 0;padding:12px 14px;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_v~#bo_list>#rent_filter~form #bo_btn_top{border-radius:16px 16px 0 0}
#container #bo_v~#bo_list #rent_filter{margin:0 14px;padding-left:0;padding-right:0;border:1px solid var(--mb-line);border-top:0;border-radius:0 0 16px 16px}

}
