@charset "utf-8";
/* mobile-board — 767px 이하 전용 (공지사항 notice_basic 목록·글 상세 · 확정 목업 v001 · mt_story 판에서 분류 칩·태그 규칙 제외)
   이 파일의 모든 규칙은 아래 미디어 블록 한 개 안에 있다. 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 #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:" · "}

/* 검색 줄: 분류 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}
#container #bo_list .list-module.type-f .lm-text-cont h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:auto;margin:0;overflow:hidden;white-space:normal;text-overflow:ellipsis;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 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 .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}
/* 표: 반영 전 배치를 그대로 둔다 — 표를 스크롤 상자로 바꾸거나 칸 폭을 늘리지 않는다. 운영에서 폭 안에 맞던 표는 운영 모양 그대로이고, 넘치던 표는 카드 폭 안에서 줄바꿈되거나 본문 카드째 옆으로 밀어 끝까지 읽는다 */
#container #bo_v #bo_v_con table:not(:has(>thead)){box-sizing:border-box;max-width:100%;margin-top:14px;margin-bottom:14px}
#container #bo_v #bo_v_con table :where(td,th){font-size:12.5px;line-height:1.4;text-align:center;vertical-align:middle}
/* 수리(C8): 표 칸 안 글자는 낱말을 중간에서 자르지 않는다 — 위 본문 규칙의 overflow-wrap:anywhere 는 칸의 최소 폭 계산을 글자 한 개로 낮춰 표가 카드 폭에 맞춰질 때 영문 · 금액이 쪼개지므로 표 안에서만 break-word 로 되돌린다(칸보다 긴 낱말만 칸 안에서 꺾는다). 표 밖 본문 · 제목 · 댓글은 그대로. 다른 표 안에 든 표 · 표를 품은 바깥 표(글 전체 배치용)는 제외한다 — 거기서는 꾸밈 문구의 최소 폭이 살아나 배치 전체가 카드보다 넓어지기 때문 */
#container #bo_v #bo_v_con table:not(:has(table)):not(table table) :where(td,th,p,div,span,li,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,strong,em,b,i,u,a,font,figure,figcaption){overflow-wrap:break-word}
#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{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(:where([bgcolor],[background],[bordercolor],[style*="background" i],[style*="border" i],[style*="color" i],[border]:not([border="0"]),font[color]),:has(:where([bgcolor],[background],[bordercolor],[style*="background" i],[style*="border" i],[style*="color" i],[border]:not([border="0"]),font[color])),:where([bgcolor],[background],[style*="background" i]) table) th{background:var(--mb-mint);color:var(--mb-teal)}
/* 수리: 인라인 좌우 margin 이 표를 본문 칸 밖으로 밀지 않게, thead 표도 표 자신의 칸에서만 가로로 민다 */
#container #bo_v #bo_v_con table[style*="margin" i]{margin-left:0 !important;margin-right:0 !important}
#container #bo_v #bo_v_con table:has(>thead){box-sizing:border-box;max-width:100%}

/* ---------- 글 상세: 자체 디자인 글(고객이 붙여 넣은 HTML) — 새로 디자인하지 않고 카드 폭 안에 들어오게만 ---------- */
/* 글에 박힌 고정 폭(width:851px 등)이 카드를 밀어내지 않게 요소별로 카드 폭까지만 쓴다(max-width 는 width 보다 이긴다) */
#container #bo_v #bo_v_con :where(div,p,ul,ol,li,section,article,figure,blockquote,pre,form,video,iframe){max-width:100%}
/* 수리(C4): 글 안 표 칸 안에 든 · 줄 하나 · 칸 둘인 표(번호 | 글 카드)는 127행 max-content 폭이 글 한 줄 길이로 늘어나므로 번호 위 · 글 아래로 쌓고 왼쪽 정렬한다. 줄이 둘 이상이거나 칸이 셋 이상인 표는 위 규칙 그대로 둔다 */
#container #bo_v #bo_v_con :is(td,th) table:not(:has(>thead)):has(>tbody>tr>:nth-child(2)):not(:has(>tbody>tr>:nth-child(3))):not(:has(>tbody>tr:nth-child(2)))>tbody:only-child,#container #bo_v #bo_v_con :is(td,th) table:not(:has(>thead)):has(>tbody>tr>:nth-child(2)):not(:has(>tbody>tr>:nth-child(3))):not(:has(>tbody>tr:nth-child(2)))>tbody>tr,#container #bo_v #bo_v_con :is(td,th) table:not(:has(>thead)):has(>tbody>tr>:nth-child(2)):not(:has(>tbody>tr>:nth-child(3))):not(:has(>tbody>tr:nth-child(2)))>tbody>tr>:where(td,th){display:block;width:auto;min-width:0;max-width:100%}
#container #bo_v #bo_v_con :is(td,th) table:not(:has(>thead)):has(>tbody>tr>:nth-child(2)):not(:has(>tbody>tr>:nth-child(3))):not(:has(>tbody>tr:nth-child(2)))>tbody>tr>:where(td,th){text-align:left;border-width:0}
/* 수리(C5): 글 안 표 칸 안에서 배경 · 안쪽 여백이 있는 줄 안 링크 · 단추는 두 줄 이상으로 꺾이면 뒤 조각의 배경이 앞 줄 글자를 덮으므로 상자째 줄바꿈되게 inline-block 으로 둔다(글자 크기 · 여백 · 배경은 그대로) */
#container #bo_v #bo_v_con :is(td,th) :is(a,span,strong,b,em,font,u,i,label)[style*="padding" i][style*="background" i]{display:inline-block;max-width:100%;box-sizing:border-box}
/* 동영상 틀: YouTube 만 16:9, 그 밖(폼을 담은 edufair 등)은 높이 그대로 둔다 */
#container #bo_v #bo_v_con iframe:is([src*="youtube.com"],[src*="youtube-nocookie.com"],[src*="youtu.be"]){width:100%;aspect-ratio:16/9;height:auto}

/* ---------- 글 상세: 추천·목록 줄 ---------- */
#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}

}