@charset "utf-8";
/* mobile-board — 767px 이하 전용 (유학맘, 대디 후기 /after_cafe 목록·글 상세 · 확정 목업 v001 기본안)
   이 파일의 모든 규칙은 아래 미디어 블록 한 개 안에 있다. 768px 이상 화면에는 어떤 규칙도 닿지 않는다.
   list.skin.php · view.skin.php 가 게시판이 after_cafe 일 때만 불러온다(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_gall{display:flex;flex-direction:column;margin:0;padding:0;background:transparent}
#container #bo_gall>form#fboardlist{display:contents}
#container #bo_gall #bo_btn_top{order:1;margin:0;padding:6px 18px 12px;background:#fff;border-bottom:1px solid var(--mb-line)}
#container #bo_gall #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_gall #bo_list_total span::after{content:" · "}
/* 분류 줄 · 지역 줄: 앞에 CSS 글자 라벨(새 링크 아님), 칩은 가로로 민다 */
#container #bo_gall #bo_cate{order:2;display:block;margin:0;padding:8px 18px 10px;background:#fff;border-bottom:1px solid var(--mb-line)}
#container #bo_gall #bo_cate::before{content:"분류";display:block;margin:0 0 5px;font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.02em;color:var(--mb-sub)}
#container #bo_gall #bo_cate~#bo_cate::before{content:"지역"}
#container #bo_gall #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_gall #bo_cate_ul::-webkit-scrollbar{display:none}
#container #bo_gall #bo_cate_ul li{display:block;flex:0 0 auto;margin:0;padding:0}
#container #bo_gall #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_gall #bo_cate~#bo_cate a{min-height:36px;padding:0 13px;background:#f1f6f5;font-size:12.5px}
#container #bo_gall #bo_cate a:hover,#container #bo_gall #bo_cate a:focus,#container #bo_gall #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_gall #bo_cate a#bo_cate_on,#container #bo_gall #bo_cate a.bo_cate_on,#container #bo_gall #bo_cate a#bo_cate_on:hover,#container #bo_gall #bo_cate a#bo_cate_on:focus,#container #bo_gall #bo_cate a.bo_cate_on:hover,#container #bo_gall #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}
#container #bo_gall #bo_cate~#bo_cate a#bo_cate_on,#container #bo_gall #bo_cate~#bo_cate a.bo_cate_on,#container #bo_gall #bo_cate~#bo_cate a.bo_cate_on:hover,#container #bo_gall #bo_cate~#bo_cate a.bo_cate_on:focus{background:var(--mb-teal2) !important;border:1px solid var(--mb-teal2) !important}

/* 검색 줄: 분류 select + 입력 + 검색(+글쓰기) 44px */
#container #bo_gall #bo_btn_top .btn_bo_user{float:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0}
#container #bo_gall #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_gall #bo_btn_top .btn_bo_user>li:first-child{flex:1 0 100%}
#container #bo_gall #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_gall #bo_btn_top .form-box-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;width:100%;align-items:center}
#container #bo_gall #bo_btn_top .form-box{display:block;flex-grow:0;margin:0;padding:0;min-width:0}
#container #bo_gall #bo_btn_top .form-box:first-child{flex:0 0 84px}
#container #bo_gall #bo_btn_top .form-box:last-child{flex:1 1 0}
#container #bo_gall #bo_btn_top .form-box-inner{display:flex;gap:6px;width:100%;margin:0;padding:0}
#container #bo_gall #bo_btn_top select#form-sfl,#container #bo_gall #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_gall #bo_btn_top select#form-sfl{width:100%}
#container #bo_gall #bo_btn_top input#form-stx{flex:1 1 0;min-width:0;width:auto}
#container #bo_gall #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_gall #bo_btn_top .ip-btn.app{background:var(--mb-teal2)}

/* ---------- 목록: 카드 ---------- */
#container #bo_gall .list-module-layout{order:3;display:flex;flex-direction:column;flex-wrap:nowrap;gap:9px;width:auto;margin:0;padding:12px 14px 4px}
#container #bo_gall .all_chk{order:3;padding:0 14px}
#container #bo_gall .list-module.type-a{box-sizing:border-box;width:100% !important;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_gall .list-module.type-a .lm-text-box{order:1;display:block;flex:1 1 0;min-width:0;width:auto;margin:0;padding:0;background:transparent}
#container #bo_gall .list-module.type-a .lm-text-cate{position:relative;z-index:2;display:inline-block;margin:0 4px 5px 0;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_gall .list-module.type-a .lm-text-cate a{color:inherit}
#container #bo_gall .list-module.type-a .lm-text-cate a::after{content:"";position:absolute;top:-8px;right:-6px;bottom:-8px;left:-6px}
#container #bo_gall .list-module.type-a .lm-text-cate:has(>a:empty){display:none}
/* 지역 알약: 값이 있는 글에만 list.skin.php 가 hidden 자리를 내보낸다(링크 아님 — 눌러도 글이 열린다) */
#container #bo_gall .list-module.type-a .mb-area[hidden]{display:inline-block;margin:0 0 5px;padding:2px 9px;border:1px solid var(--mb-line);border-radius:999px;background:#fff;color:var(--mb-sub);font-size:12px;font-weight:700;line-height:1.4}
/* 카드 전체가 눌리게: 글 링크의 ::after 가 카드를 덮고, 분류 알약 · 사진 · 체크 칸은 그 위(z-index) */
#container #bo_gall .list-module.type-a .lm-text-cont{display:block;margin:0}
#container #bo_gall .list-module.type-a a.lm-text-cont::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}
#container #bo_gall .list-module.type-a .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_gall .list-module.type-a .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_gall .list-module.type-a .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_gall .list-module.type-a .lm-type-a-img{order:2;position:relative;z-index:2;flex:0 0 auto;width:76px;height:76px;border-radius:12px;overflow:hidden;background:var(--mb-mint)}
#container #bo_gall .list-module.type-a .lm-type-a-img:has(img[src$="/no_img.png"]){display:none}
#container #bo_gall .list-module.type-a .lm-type-a-img a{display:block;width:100%;height:100%}
#container #bo_gall .list-module.type-a .lm-type-a-img img{position:relative;top:auto;left:auto;transform:none;display:block;width:100%;height:100%;object-fit:cover}
#container #bo_gall .list-module.type-a .lm-type-a-img img::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mb-mint)}
/* 카드의 추천 수 알약(0건 · 목업 카드에 없음)은 휴대폰에서 숨긴다 — 글 상세 메타의 추천 수 숨김과 같은 처리 */
#container #bo_gall .list-module.type-a .gall_option{display:none}
/* 관리자 체크 칸: 체크박스가 없는 사용자에게는 빈 칸이 생기지 않게 */
#container #bo_gall .list-module.type-a .lm-checkbox.chk_box:not(:has(input)){display:none}
#container #bo_gall .list-module.type-a .lm-checkbox.chk_box{order:0;position:relative;z-index:2;flex:0 0 auto;align-self:center;margin:0 -4px 0 -4px}
#container #bo_gall .lm-checkbox.chk_box input[type="checkbox"]+label{display:flex;align-items:center;justify-content:center;width:36px;height:44px;margin:0;padding-left:0}
#container #bo_gall .lm-checkbox.chk_box input[type="checkbox"]+label span{float:none;top:auto;left:auto}
#container #bo_gall .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_gall .all_chk.chk_box input[type="checkbox"]+label span{float:none}

/* ---------- 목록: 빈 목록·페이지 번호 ---------- */
#container #bo_gall .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_gall .empty_data p{justify-content:center;font-size:14px;color:var(--mb-sub)}
#container #bo_gall .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_gall .more_opt li{float:none;width:auto;min-width:132px;padding:0}
#container #bo_gall .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_gall .more_opt li i{float:none;line-height:1}
#container #bo_gall .pg_wrap{order:4;float:none;display:flex;justify-content:center;width:auto;margin:0;padding:12px 14px 8px}
#container #bo_gall .pg_wrap .pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}
#container #bo_gall .pg_wrap .pg_page,#container #bo_gall .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_gall .pg_wrap .pg_current{background:var(--mb-teal);color:#fff}
#container #bo_gall .pg_wrap .pg_start,#container #bo_gall .pg_wrap .pg_prev,#container #bo_gall .pg_wrap .pg_next,#container #bo_gall .pg_wrap .pg_end{min-width:44px;overflow:visible;background-image:none;font-size:12px}
#container #bo_gall .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_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_cate~.bo_v_cate{padding:2px 9px;border:1px solid var(--mb-line);background:#fff;color:var(--mb-sub);font-weight:700}
#container #bo_v #bo_v_title .bo_v_tit,#container #bo_v #bo_v_title .bo_v_tit_full[hidden]{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_title .bo_v_tit_full[hidden]{font-family:'hd_harmony',sans-serif}
/* 서버가 PC 에서도 70자에서 자른 긴 제목(그런 글에만 hidden 전체본이 있다)은 휴대폰에서 전체본을 보이고 잘린 사본을 가린다 */
#container #bo_v #bo_v_title .bo_v_tit_full[hidden]+.bo_v_tit{display:none}
#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}
/* 메타는 작성일 · 조회 · 댓글만 — 이름 · 추천 수 · 구분선 · 아이콘 글꼴은 숨긴다(마크업에 클래스를 더하지 않고 순서와 :has() 로 고른다) */
#container #bo_v #bo_v_info .profile_info_ct .gap-bar,#container #bo_v #bo_v_info .profile_info_ct strong:first-of-type,#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(.good):not(.if_date):not(:first-of-type):not(:has(>a)){order:2}
#container #bo_v #bo_v_info .profile_info_ct strong:not(.good):not(.if_date):not(:first-of-type):not(:has(>a))::before{content:"조회"}
#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:has(>a[href="#bo_vc"]) 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_share{display:none}
#container #bo_v #bo_v_con{margin:0;min-height:0;font-size:15.5px;line-height:1.8;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 *{max-width:100% !important;box-sizing:border-box}
#container #bo_v #bo_v_con [style*="min-width" i]{min-width:0 !important}
#container #bo_v #bo_v_con :is([style*="white-space:nowrap" i],[style*="white-space: nowrap" i],nobr):not([style*="ellipsis" i]){white-space:normal !important}
/* 네이버 편집기 사진 묶음(.se-imageGroup-item)은 인라인으로 한 줄 고정(text-wrap:nowrap) + overflow:hidden 이라 휴대폰에서 둘째 사진부터 잘려 안 보인다 — 줄바꿈을 허용해 사진이 위아래로 이어지게 한다(사진을 숨기거나 자르지 않음) */
#container #bo_v #bo_v_con :is([style*="text-wrap:nowrap" i],[style*="text-wrap: nowrap" i],[style*="text-wrap-mode" i]):not([style*="ellipsis" i]){text-wrap:wrap !important}
#container #bo_v #bo_v_con :is([style*="break-all" i]){word-break:keep-all !important}
#container #bo_v #bo_v_con :is(div,p,section,article,figure,center,pre,blockquote,ul,ol,li,dl,dd,dt)[style*="width"]{width:auto !important}
#container #bo_v #bo_v_con pre{white-space:pre-wrap;overflow-wrap:anywhere}
#container #bo_v #bo_v_con img{max-width:100% !important;height:auto !important}
#container #bo_v #bo_v_con img[style*="width"]{width:auto !important}
#container #bo_v #bo_v_con :is(iframe,video,embed,object){display:block;box-sizing:border-box;width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:16/9;margin:10px 0;border:0}

/* ---------- 글 상세: 추천·목록 줄 ---------- */
#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 .board-view-filelink ul{margin:0;padding:0;list-style:none;gap:8px}
#container #bo_v .board-view-filelink ul li{display:block;box-sizing:border-box;padding:12px 14px;background:#fff;border:1px solid var(--mb-line);border-radius:16px}
#container #bo_v .board-view-filelink.link ul li{background:#fff;border:1px solid var(--mb-line)}
#container #bo_v .board-view-filelink ul li .board-view-filelink-title{display:block}
#container #bo_v .board-view-filelink ul li .board-view-filelink-title .material-symbols-outlined{display:none}
#container #bo_v .board-view-filelink.link ul li .board-view-filelink-title::before{content:"원본글 보러 가기";display:block;margin:0 0 3px;font-size:12px;font-weight:800;line-height:1.4;color:var(--mb-teal2)}
#container #bo_v .board-view-filelink.file ul li .board-view-filelink-title::before{content:"첨부파일";display:block;margin:0 0 3px;font-size:12px;font-weight:800;line-height:1.4;color:var(--mb-teal2)}
#container #bo_v .board-view-filelink ul li .board-view-filelink-title a{display:block;font-size:13px;line-height:1.5;font-weight:700;color:var(--mb-teal2) !important;word-break:break-all;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
#container #bo_v .board-view-filelink ul li .board-view-filelink-info{display:block;padding:4px 0 0}
#container #bo_v .board-view-filelink ul li .board-view-filelink-info span{display:inline-block;margin:0 10px 0 0;font-size:12px;line-height:1.4;color:var(--mb-sub);text-align:left}
#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 !important;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}

/* ---------- 글 아래 목록(글 상세 안 — bo_use_list_view) ---------- */
#container #bo_v~#bo_gall{margin-top:18px;border-top:1px solid var(--mb-line)}

}