@charset "utf-8";
/* mobile-board — 767px 이하 전용 (mt_file 엄마동반 자료실 목록·글 상세 · 확정 목업 v002 「나안」)
   이 파일의 모든 규칙은 아래 미디어 블록 한 개 안에 있다. 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-pin-line:#e6d7a3;--mb-pin-bg:#fffdf4;--mb-pin-ink:#8a5a00;--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}

/* 사이트 게시판 상자(.cont-box.board-wrap)의 양옆 10px 여백을 걷어 흰 블록이 화면 폭을 꽉 채운다(:has() 를 모르는 브라우저는 이 줄만 건너뜀) */
html:root .cont-box.board-wrap:has(#bo_list,#bo_v){padding-left:0 !important;padding-right:0 !important}

/* ---------- 목록: 위쪽 흰 블록(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_cate~form #bo_btn_top{padding-bottom:0;border-bottom:0}
#container #bo_list #bo_cate{order:2;margin:0;padding:10px 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:" · "}
#container #bo_list #bo_cate_ul{display:flex;flex-wrap:nowrap;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#container #bo_list #bo_cate_ul::-webkit-scrollbar{display:none}
#container #bo_list #bo_cate_ul li{display:block;flex:0 0 auto;margin:0;padding:0}
#container #bo_list #bo_cate a{display:grid;place-items:center;min-height:40px;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-size:13px;font-weight:700;white-space:nowrap}
#container #bo_list #bo_cate a:hover,#container #bo_list #bo_cate a:focus,#container #bo_list #bo_cate a:active{background:#fff !important;border:1px solid var(--mb-teal) !important;color:var(--mb-teal) !important;box-shadow:none !important}
#container #bo_list #bo_cate a#bo_cate_on,#container #bo_list #bo_cate a.bo_cate_on,#container #bo_list #bo_cate a#bo_cate_on:hover,#container #bo_list #bo_cate a#bo_cate_on:focus{background:var(--mb-teal) !important;border:1px solid var(--mb-teal) !important;color:#fff !important;box-shadow:none !important}

/* 검색 줄: 분류 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)}

/* ---------- 목록: 격자(공지 한 줄씩 · 일반 글 2열 표지 타일) ---------- */
#container #bo_list .list-module-layout{order:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;row-gap:0;align-items:stretch;width:auto;margin:0;padding:12px 14px 4px}
#container #bo_list .all_chk{grid-column:1/-1;padding:0 2px}
#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 .list-module.type-f{position:relative;box-sizing:border-box;width:auto;margin:0;padding:0;gap:0;overflow:visible;background:#fff;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_list .list-module.type-f .lm-text-box,#container #bo_list .list-module.type-f a.lm-text-cont{display:contents}
#container #bo_list .list-module.type-f.is_view{border-color:var(--mb-yel);background-color:#fffbe9 !important;box-shadow:0 0 0 2px rgba(255,210,74,.55)}

/* -- 일반 글: 2열 표지 타일 (표지 = 카드 ::before 청록 바탕 → 사진 → 어두운 덧칠 → 분류 알약 · 흰 제목) -- */
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(118px,auto) auto auto auto;align-content:start;align-items:stretch;justify-items:stretch;isolation:isolate;margin-top:10px;padding:0 0 11px}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*))::before{content:"";grid-row:1;grid-column:1;z-index:0;border-radius:15px 15px 0 0;background:linear-gradient(135deg,var(--mb-teal2),#0b3a44)}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .lm-type-f-img{position:relative;grid-row:1;grid-column:1;z-index:1;width:auto;height:auto;margin:0;overflow:hidden;border-radius:15px 15px 0 0;background:transparent}
#container #bo_list .list-module.type-f .lm-type-f-img a.lt_img{display:block;width:100%;height:100%}
#container #bo_list .list-module.type-f .lm-type-f-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:none}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .lm-type-f-img::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,30,34,.2),rgba(8,30,34,.78));pointer-events:none}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .lm-text-cate{position:absolute;top:9px;left:9px;z-index:3;display:inline-block;margin:0;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--mb-teal);font-size:11.5px;font-weight:800;line-height:1.4}
#container #bo_list .list-module.type-f a.lm-text-cate::after{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .lm-text-cate:empty{display:none}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) a.lm-text-cont h3{grid-row:1;grid-column:1;z-index:2;display:block;align-self:end;box-sizing:border-box;height:auto;margin:0;padding:36px 11px 11px;overflow:visible;font-size:14px;line-height:1.38;font-weight:800;letter-spacing:-.02em;color:#fff;white-space:normal;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.3);background:transparent}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) a.lm-text-cont span{display:block;grid-row:2;grid-column:1;width:auto;margin:0;padding:8px 11px 0;font-size:11.5px;line-height:1.5;color:#7b8a90;text-align:left;word-break:keep-all;text-wrap:balance}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) a.lm-text-cont p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;grid-row:3;grid-column:1;height:auto;margin:0;padding:3px 11px 0;overflow:hidden;font-size:12.5px;line-height:1.5;color:var(--mb-sub);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .tag-list{grid-row:4;grid-column:1;display:flex;flex-wrap:wrap;gap:4px 6px;margin:0;padding:6px 11px 0}
#container #bo_list .list-module.type-f .tag-list a.bo_v_cate{position:relative;display:inline-block;margin:0;padding:3px 10px;border:0;border-radius:999px;background:var(--mb-mint);color:var(--mb-teal2);font-size:11.5px;font-weight:700;line-height:1.4}
#container #bo_list .list-module.type-f .tag-list a.bo_v_cate::after{content:"";position:absolute;top:-10px;right:-4px;bottom:-10px;left:-4px}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .lm-checkbox.chk_box{position:absolute;top:2px;right:2px;left:auto;z-index:4;margin:0}
/* 공지 상자 뒤 첫 일반 글 줄(2칸) 위쪽에 「전체 자료」 머리를 만든다 — 공지가 없는 화면에는 생기지 않는다 */
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*)+.list-module.type-f:not(.is_notice),#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*)+.list-module.type-f:not(.is_notice)+.list-module.type-f{margin-top:46px}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*)+.list-module.type-f:not(.is_notice)::after{content:"전체 자료";position:absolute;top:-30px;left:2px;z-index:5;width:max-content;font-size:14px;line-height:1.4;font-weight:800;color:var(--mb-ink)}
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .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 .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)) .lm-checkbox.chk_box input[type="checkbox"]+label span{float:none;top:auto;left:auto}

/* 같은 줄의 두 타일은 표지 높이 · 메타 · 발췌 줄을 서로 맞춘다(subgrid 를 모르는 브라우저는 타일마다 따로 — 그래도 읽는 데 지장 없음) */
@supports (grid-template-rows:subgrid){
#container #bo_list .list-module.type-f:not(.is_notice:not(.list-module:not(.is_notice)~*)){grid-row:span 4;grid-template-rows:subgrid}
}

/* -- 고정 공지: 연한 노랑 한 상자 안의 줄들 (공지 알약 · 제목 · 조회·날짜 · 태그) -- */
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*){grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;row-gap:0;align-items:start;margin:0;padding:8px 13px 6px;background:var(--mb-pin-bg);border:solid var(--mb-pin-line);border-width:0 1px 1px;border-radius:0}
#container #bo_list .all_chk+.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*),#container #bo_list .list-module-layout>.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*):first-child{border-top-width:1px;border-radius:16px 16px 0 0;margin-top:4px;padding-top:40px}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*):is(:last-child,:has(+.list-module.type-f:not(.is_notice))){border-radius:0 0 16px 16px}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*)+.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*){border-top:1px solid #efe3b8}
#container #bo_list .all_chk+.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*):is(:last-child,:has(+.list-module.type-f:not(.is_notice))),#container #bo_list .list-module-layout>.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*):first-child:is(:last-child,:has(+.list-module.type-f:not(.is_notice))){border-radius:16px}
#container #bo_list .all_chk+.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*)::before,#container #bo_list .list-module-layout>.list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*):first-child::before{content:"고정 공지";position:absolute;top:12px;left:13px;width:max-content;font-size:13px;line-height:1.4;font-weight:800;color:var(--mb-pin-ink)}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) span.lm-text-cate{grid-row:1;grid-column:1;display:inline-block;margin:6px 0 0;padding:3px 9px;border-radius:999px;background:#fff3cf;color:var(--mb-pin-ink);font-size:11.5px;font-weight:800;line-height:1.4}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) a.lm-text-cont h3{grid-row:1;grid-column:2;align-self:stretch;display:block;height:auto;margin:0;padding:5px 0 0;overflow:visible;font-size:14px;line-height:1.45;font-weight:800;letter-spacing:-.02em;color:var(--mb-ink);white-space:normal;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) a.lm-text-cont span{display:block;grid-row:2;grid-column:2;width:auto;margin:0;padding:3px 0 5px;font-size:11.5px;line-height:1.5;color:#7b8a90;text-align:left}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) a.lm-text-cont p,#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) .lm-type-f-img{display:none}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) .tag-list{grid-row:3;grid-column:2;display:flex;flex-wrap:wrap;gap:4px 6px;margin:0;padding:2px 0 4px}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) .lm-checkbox.chk_box{position:absolute;top:0;right:0;left:auto;margin:0}
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) .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 .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*) .lm-checkbox.chk_box input[type="checkbox"]+label span{float:none;top:auto;left:auto}

/* 관리자 선택 상자가 있는 공지 줄은 제목이 상자 밑으로 들어가지 않게 오른쪽을 비운다 */
#container #bo_list .list-module.type-f.is_notice:not(.list-module:not(.is_notice)~*):has(.lm-checkbox){padding-right:46px}

/* ---------- 목록: 빈 목록·페이지 번호 ---------- */
#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;border-left:0;background:#fff}
#container #bo_v #bo_v_title{margin:0;padding:0}
#container #bo_v #bo_v_title .bo_v_cate{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}
#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}
/* 정보 줄: 새 class 없이 위치로 고른다 — 작성자(첫 strong, 이 게시판은 글 전체가 1종) · 구분 막대 · 추천 · 아이콘 글꼴 글자는 화면에서 뺀다 */
#container #bo_v #bo_v_info .profile_info_ct>strong:first-of-type,#container #bo_v #bo_v_info .profile_info_ct .gap-bar,#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:not(:first-of-type):not(.if_date):not(.good):not(:has(>a)){order:2}
#container #bo_v #bo_v_info .profile_info_ct strong:has(>a[href="#bo_vc"]){order:3}
#container #bo_v #bo_v_info .profile_info_ct strong:not(:first-of-type):not(.if_date):not(.good):not(:has(>a))::before{content:"조회"}
#container #bo_v #bo_v_info .profile_info_ct strong>a[href="#bo_vc"]::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:visible}
#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}
/* 글쓴이가 본문 글자에 직접 준 작은 크기(14px · 10.5pt 등 15px 미만)는 읽기 기준(15px)으로 올린다 — 표 안 글자는 아래 표 규칙이 따로 정한다 */
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:9px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 9px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:10px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 10px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:11px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 11px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:12px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 12px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:13px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 13px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:14px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 14px"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:8pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 8pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:9pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 9pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:10pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 10pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:10.5pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 10.5pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:11pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: 11pt"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:small"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: small"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:x-small"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: x-small"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size:smaller"]:not(table *),
#container #bo_v #bo_v_con :is(span,font,p,div,li,b,strong,em,u,i,a,h4,h5,h6)[style*="font-size: smaller"]:not(table *),
#container #bo_v #bo_v_con font:is([size="1"],[size="2"]):not(table *){font-size:15px !important}
/* 사진 · 영상 틀: 폭 안 · 비율 유지 */
#container #bo_v #bo_v_con img{max-width:100% !important;height:auto !important}
/* 문단에 첫 줄 들여쓰기(text-indent, 앞으로 밀기)가 걸려 있으면 그 문단 첫 줄의 사진이 들여쓴 만큼 오른쪽으로 밀려 화면 밖으로 넘친다 — 사진이 든 문단만 들여쓰기를 풀어 준다(뒤로 당기는 음수 들여쓰기 · 사진 없는 문단은 그대로) */
#container #bo_v #bo_v_con :is(p,div,li)[style*="text-indent"]:not([style*="text-indent:-"],[style*="text-indent: -"]):has(img){text-indent:0 !important}
#container #bo_v #bo_v_con iframe{display:block;max-width:100% !important;width:100% !important;height:auto !important;aspect-ratio:16/9;border:0}
#container #bo_v #bo_v_con :where(video,embed,object,canvas,svg){max-width:100% !important;height:auto}
#container #bo_v #bo_v_con :where(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}
/* 표: 폭에 맞춰 줄어든다 — 상자(표 자신)를 block 으로 두고 안쪽 줄들이 익명 표로 칸 폭을 자동 배분(칸 폭 속성 · 인라인 폭은 풀어 줌).
   한 칸의 가장 긴 낱말들 합이 상자보다 넓어 줄일 수 없을 때만 이 상자 안에서 옆으로 밀린다(문서 가로 스크롤 0). 첫 칸 고정은 쓰지 않는다. */
#container #bo_v #bo_v_con table{display:block;box-sizing:border-box;width:auto !important;min-width:0 !important;max-width:100% !important;height:auto !important;margin:14px 0 !important;overflow-x:auto;-webkit-overflow-scrolling:touch;table-layout:auto !important;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 :where(col,colgroup,td,th){width:auto !important;min-width:0 !important;height:auto !important}
#container #bo_v #bo_v_con table :where(td,th){padding:6px 5px !important;border:1px solid #cfd9da;text-align:left;vertical-align:top}
#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){font-size:11.5px !important;line-height:1.4 !important;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}
/* 머리줄 연한 청록 바탕 — 글쓴이가 칸 · 줄 · 표에 바탕색을 직접 준 머리줄(진한 파랑 바탕 + 흰 글자 등)은 그대로 둔다(바탕만 바꾸면 흰 글자가 연한 바탕 위에서 안 보인다) */
#container #bo_v #bo_v_con table :is(th,thead td):not([style*="background"],[bgcolor],:is(tr,thead,tbody)[style*="background"] *,:is(tr,thead,tbody)[bgcolor] *){background:var(--mb-mint) !important;color:var(--mb-teal);font-weight:800}
/* 글 맨 앞의 보이지 않는 빈 문단(글자 없는 span 하나뿐)이 카드 위쪽을 한 줄 비우는 것을 줄인다 — 글자는 하나도 안 바뀐다 */
#container #bo_v #bo_v_con>p:first-child:has(>span:only-child:empty){display:none}
/* 태그 영역(wr_homepage 가 있는 글) */
#container #bo_v .tag_area{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0;padding:12px 0 0;border-top:1px dashed #cfdcdc}
#container #bo_v .tag_area a.stag{display:inline-block;margin:0;padding:4px 11px;border-radius:999px;background:#eef5f4;color:var(--mb-teal2);font-size:12.5px;font-weight:700;line-height:1.4}

/* ---------- 글 상세: 큰 목록 단추 줄 · 첨부·링크 / 이전글·다음글 / 댓글 ---------- */
#container #bo_v .board-like{display:flex;gap:8px;margin:12px 14px 0;padding:0}
#container #bo_v .board-like #bo_v_act{flex:0 0 auto;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>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}
/* 큰 「목록」 단추의 글자는 이미 있는 화면낭독용 글자(sound_only)를 눈에도 보이게 한다 — 새 글자를 만들지 않는다 */
#container #bo_v .board-like>a.btn .sound_only{position:static !important;display:inline !important;width:auto !important;height:auto !important;margin:0 0 0 7px !important;overflow:visible !important;font-size:14px !important;line-height:1.2 !important}
#container #bo_v .board-view-filelink{margin:12px 14px 0}
#container #bo_v .board-view-filelink ul{margin:0;padding:0;list-style:none}
#container #bo_v .board-view-filelink li{box-sizing:border-box;margin:8px 0 0;padding:12px 13px;border:1px solid #cfe0df;border-radius:14px;background:#f4fafa}
#container #bo_v .board-view-filelink li:first-child{margin-top:0}
#container #bo_v .board-view-filelink .board-view-filelink-title{display:flex;align-items:flex-start;gap:8px;min-height:40px;color:var(--mb-teal)}
#container #bo_v .board-view-filelink .board-view-filelink-title a{display:block;box-sizing:border-box;min-height:40px;padding:10px 0;font-size:13.5px;font-weight:800;line-height:1.45;color:var(--mb-ink);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_v .board-view-filelink .board-view-filelink-title a span{margin-left:6px;font-size:11.5px;font-weight:600;color:var(--mb-sub)}
#container #bo_v .board-view-filelink .board-view-filelink-info{display:flex;flex-wrap:wrap;gap:2px 12px;margin:6px 0 0 26px;font-size:11.5px;line-height:1.5;color:var(--mb-sub)}
#container #bo_v .board-view-filelink .board-view-filelink-info .high{color:var(--mb-teal2);font-weight:800}
#container #bo_v .bo_v_nb{margin:14px 14px 0;padding:0;list-style:none}
#container #bo_v .bo_v_nb li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:8px;align-items:start;box-sizing:border-box;margin:8px 0 0;padding:0 14px 10px;background:#fff;border:1px solid var(--mb-line);border-radius:14px}
#container #bo_v .bo_v_nb li:first-child{margin-top:0}
#container #bo_v .bo_v_nb .nb_tit{grid-row:1;grid-column:1;display:block;padding:15px 0 0;font-size:12.5px;font-weight:800;line-height:1.4;color:var(--mb-teal);white-space:nowrap}
#container #bo_v .bo_v_nb .nb_tit i{display:none}
#container #bo_v .bo_v_nb a{grid-row:1;grid-column:2;display:block;box-sizing:border-box;min-height:48px;padding:12px 0 4px;font-size:14px;font-weight:700;line-height:1.5;color:var(--mb-ink);word-break:keep-all;overflow-wrap:anywhere}
#container #bo_v .bo_v_nb .nb_date{grid-row:2;grid-column:2;display:block;float:none;margin:0;padding:0;font-size:11.5px;line-height:1.4;color:var(--mb-sub)}
#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}
/* [2026-10-19 F-MBC-001] 「댓글 N건」 링크 이동 자리 — 전역 scroll-padding-top 61 + 이동 줄 46 + 여유 8 = 도착 자리 115 */
#container #bo_v #bo_vc{scroll-margin-top:54px}
#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>#bo_cate~form #bo_btn_top{border-radius:16px 16px 0 0}
#container #bo_v~#bo_list #bo_cate{margin:0 14px;border:1px solid var(--mb-line);border-top:0;border-radius:0 0 16px 16px}

}