@charset "utf-8";
/* 맘스클래스(class.ibabynews.com) 베뉴 스타일 — 모바일 (2026-10-03 대표님 지시: "베뉴 스타일로, 메뉴·컬러 등", "베이비뉴스는 군청/오렌지가 메인 컬러")
   PC(bn-venue.css)와 같은 값: 군청 #253272 · 오렌지 #F16531(진한 #D8471B) · 글자 #17213A · Pretendard · 흰 둥근 카드 + 하늘→살구 배경.
   기존 mobile.css 는 그대로 두고 맨 뒤에서 덮는다 — 빼면 원래대로 */
:root { --bv-navy: #17213A; --bv-gun: #253272; --bv-gun-d: #1B2660; --bv-or: #F16531; --bv-or-d: #D8471B; --bv-line: #EFEDEA; --bv-text-2: #687084; --bv-card-sh: 0 4px 16px rgba(23, 33, 58, .08); }

body, button, h1, h2, h3, h4, h5, input, select, table, textarea, h3.h3, .conts_li ul li .itembx .subject { font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif !important; letter-spacing: -.01em; }
body { color: var(--bv-navy); background: linear-gradient(180deg, #E2F2FA 0, #F3EEF6 360px, #FBEDE4 1000px, #FDF3EC 100%); }

/* ── 머리: 흰 띠 + 군청 메뉴 띠(현재 메뉴는 오렌지 밑줄) ── */
.header { background: #fff; box-shadow: 0 1px 0 rgba(23, 33, 58, .06); }
.header .nav { background: var(--bv-gun) !important; }
.header .nav li a { border-left: 1px solid rgba(255, 255, 255, .14) !important; font-weight: 700; height: 42px; line-height: 42px; position: relative; }
.header .nav li.m01 a { border-left: 0 !important; }
.header .nav li a:active, .header .nav li a:hover { background: var(--bv-gun-d); }
.header .nav li.on a:after, .header .nav li.active a:after { content: ""; position: absolute; left: 18%; right: 18%; bottom: 0; height: 3px; background: var(--bv-or); }

/* ── 본문 카드 ── */
/* 큰 배너(bxslider)는 손대지 않는다 — 여백·overflow 를 주면 슬라이드 크기 계산이 어긋나 배너가 사라진다 */
.main_visual .slider .active, .main_visual .bx-pager .active { background-color: var(--bv-or) !important; }
.content { padding: 0 12px; }
.h_wr { margin: 18px 2px 10px; }
h3.h3 { font-size: 20px; font-weight: 800; color: var(--bv-navy); letter-spacing: -.03em; }
h3.h3 em { color: var(--bv-or); }
.h_wr .btn_more span { color: var(--bv-text-2); }
.conts_li ul li .itembx { border: 1px solid var(--bv-line); border-radius: 14px; overflow: hidden; box-shadow: var(--bv-card-sh); }
.conts_li ul li .itembx .info_a { padding: 14px 14px 14px; }
.conts_li ul li .itembx .subject { color: var(--bv-navy); font-weight: 800; font-size: 17px; letter-spacing: -.02em; }
.conts_li ul li .itembx .info_a .dp span { color: var(--bv-text-2); font-size: 14.5px; }
.conts_li ul li .itembx .term dt, .conts_li ul li .itembx .ann dt { color: var(--bv-gun); font-weight: 800; }
.conts_li ul li .itembx .ann dt { color: var(--bv-or-d); }
.conts_li ul li .itembx .term dd, .conts_li ul li .itembx .ann dd { color: var(--bv-text-2); }
.conts_li ul li .itembx .button_a .btn { width: auto !important; min-width: 120px; padding: 0 18px; box-sizing: border-box; white-space: nowrap; height: 38px; line-height: 38px; font-size: 15px; background: var(--bv-or) !important; box-shadow: 0 3px 10px rgba(241, 101, 49, .28); }   /* 글자 길이에 맞춰 늘어난다 — '압타클럽가입하기' 가 잘리지 않게 */
.conts_li ul li .itembx .button_a .btn:active { background: var(--bv-or-d) !important; }
.conts_li ul li .itembx .th { border-color: var(--bv-gun) !important; border-radius: 10px; }
.conts_li ul li .itembx .th span { color: var(--bv-gun) !important; border-bottom-color: var(--bv-or) !important; }

/* ── 게시판·공통 단추 ── */
.button_area .btn { background-color: var(--bv-gun); border-radius: 10px; }
.button_area .btn.b2 { background-color: var(--bv-or); }

/* ── 바닥 ── */
.footer { background: var(--bv-gun); padding: 16px 12px; }
.footer .tnb li a { background: rgba(255, 255, 255, .1) !important; font-weight: 600; }
.footer .copyright { color: #C9D0E6; }

/* 섹션 제목 아이콘 (2026-10-04) */
.sec-ico { display: inline-block; width: 26px; height: 26px; vertical-align: -5px; margin-right: 8px; }
.h_group h3 em, h3.h3 em { margin-right: 2px; }

/* 모바일 가로 메뉴 — 출산지원금·육아정보 두 칸이 늘어 옆으로 밀어 보는 줄로 (2026-10-04) */
.header .nav { display: flex; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.header .nav::-webkit-scrollbar { display: none; }
.header .nav li { float: none !important; flex: 1 0 auto; width: auto !important; text-align: center; }   /* 5칸이 폭을 나눠 채운다 (2026-10-04) */
.header .nav li a { padding: 0 14px; }

/* 메뉴 띠 군청 + 오렌지 사선 투톤 (2026-10-04 대표님 지시, 웍스와 같은 모양) */
.header .nav { background: linear-gradient(110deg, var(--bv-gun) 82%, var(--bv-or) 82%) !important; }

/* ══ 모바일 새 화면 (2026-10-04 대표님 지시 · 홀딩스 세션 시안 C:/LAPL/marketing/class/mobile_mock.html) ══
   머리 · 슬라이드 · AI 검색 · 푸터 · 하단 띠는 모든 모바일 화면, .mm 아래는 첫 화면만.
   규칙: 둥근 모서리 금지(오렌지 투톤 단추 12px 만 예외) · 판 안에 박스 단추 금지 · 이벤트·영상·동네 블록은 좌우 끝까지 */
body, .wrap { background: #fff !important; }

/* ① 머리 */
.header.mh { background: #fff; box-shadow: none; border-bottom: 1px solid #E6E8EF; }
.mh-util { height: 30px; display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 0 14px; background: linear-gradient(110deg, #253272 0 58%, #F16531 58%); }
.mh-util a { display: flex; align-items: center; gap: 4px; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }
.mh-util svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mh-util i { font-style: normal; font-size: 11px; color: rgba(255, 255, 255, .6); }
.mh-head { position: relative; height: 54px; display: flex; align-items: center; justify-content: center; }
.header .mh-head h1 { padding: 0; margin: 0; }
.header .mh-head h1 img { display: block; width: auto; height: 30px; }
.mh-burger { position: absolute; right: 8px; top: 9px; width: 36px; height: 36px; padding: 6px; border: 0; background: none; color: #253272; cursor: pointer; }
.mh-burger svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.mh-nav { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; height: 44px; padding: 0 6px; background: #253272; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mh-nav::-webkit-scrollbar { display: none; }
.mh-nav a { flex: none; display: flex; align-items: center; height: 44px; padding: 0 8px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.mh-nav a.on { color: #FFD7C6; }
.mh-nav i { flex: none; font-style: normal; font-size: 11px; color: rgba(255, 255, 255, .35); }
.mh-home svg { width: 17px; height: 17px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .9; }

/* ② 슬라이드 — 폰 전용 그림(750x600)이 있으면 그걸로(bn/top_visual.inc.php 의 picture) */
.main_visual.mb20 { margin: 0 !important; }
.main_visual .bx-wrapper img, .main_visual picture img { display: block; width: 100%; height: auto; }

/* ③ AI 검색 */
.bn-ai-sec { margin: 0 !important; padding: 14px 16px 4px; }
.bn-ai-sec:after { content: "AI육아비서 라플이 출처와 함께 답해 드려요"; display: block; margin-top: 6px; font-size: 11.5px; color: #5A6275; }
.bn-ai { height: 48px !important; padding: 0 0 0 8px !important; border: 2px solid #F16531 !important; border-radius: 0 !important; box-shadow: none !important; }
.bn-ai__ic { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; background: url(https://lapl.co.kr/images/lapl-robot@2x.png) center / contain no-repeat; }
.bn-ai__ic svg { display: none !important; }
.bn-ai input[type=text] { min-width: 0; padding: 0 8px !important; font-size: 16px !important; }   /* 16px 아래면 아이폰이 눌렀을 때 화면을 키운다 */
.bn-ai button { flex: 0 0 48px; width: 48px; height: 44px !important; padding: 0 !important; border-radius: 0 !important; font-size: 0 !important; background: #F16531 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22M20 20l-4-4%22/%3E%3C/svg%3E") center / 20px no-repeat !important; }

/* 섹션 머리 — 제목 20px · 작은 오렌지 꼬리 · 더보기 */
.content.mm { padding: 0 !important; }
.mm-sec { padding-top: 30px; }
.mm-h, .mm .bnx-home .h_group { display: flex; align-items: flex-end; justify-content: space-between; margin: 0; padding: 0 16px 12px; border: 0; }
.mm-h h2, .mm .bnx-home .h_group h3 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 20px; font-weight: 900; line-height: 1.3; letter-spacing: -.03em; color: #17213A; }
.mm .bnx-home .h_group h3 em, .mm .bnx-home .h_group h3 b { font-style: normal; font-size: 20px; font-weight: 900; color: #17213A; margin: 0; }
.mm-h h2 small, .mm .bnx-home .h_group .sec-sub { margin: 0 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: 0; color: #F16531; }
.mm-ic { width: 20px; height: 20px; }
.mm .bnx-home .sec-ico { display: none; }
.mm-h > a, .mm .bnx-home .h_group .btn_more { position: static; flex: none; padding-bottom: 3px; font-size: 12.5px; color: #5A6275; text-decoration: none; background: none; }
.mm .bnx-home .h_group .btn_more span { font-size: 12.5px; color: #5A6275; background: none; padding: 0; }
.mm .bnx-home .h_group .btn_more span:after { content: " ›"; }
.mm .bnx-home { margin: 0; padding: 30px 0 0; background: none; border: 0; border-radius: 0; box-shadow: none; }

/* ④ HOT EVENT — 300px 카드 가로로 넘기기(옆 카드 살짝) + 아래 점 */
.mm-ev .evt { display: flex !important; gap: 12px; padding: 0 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 16px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mm-ev .evt::-webkit-scrollbar { display: none; }
.mm-ev .evt__card { flex: 0 0 300px; scroll-snap-align: start; border-radius: 0; }
.mm-ev .evt__img { aspect-ratio: 4 / 3; }
.mm-ev .evt__img img { object-fit: cover; }
.mm-ev .evt__img:before { display: none; }
.mm-ev .evt__body { padding: 14px 14px 16px; }
.mm-ev .evt__t { font-size: 16.5px; }
.mm-ev .evt__cp { margin: 6px 0 0 !important; font-size: 13.5px !important; white-space: normal; color: #5A6275; }
.mm-ev .evt__meta { margin: 10px 0 0; padding: 0; border: 0; font-size: 12.5px; }
.mm-ev .evt__meta dt { color: #253272; }
.mm-ev .evt__meta dd { color: #5A6275; }
.mm-ev .evt__btn { margin-top: 14px; padding: 0; height: 44px; line-height: 44px; font-size: 15px; box-shadow: none; }
.mm-dots { display: flex; justify-content: center; gap: 5px; margin-top: 12px; }
.mm-dots i { width: 6px; height: 6px; background: #D5D9E2; transition: width .2s; }
.mm-dots i.on { width: 16px; background: #253272; }

/* ⑤ 부모4.0 쇼츠 — 2열 9:16, 왼쪽 위 순위 칸, 왼쪽 아래 조회수 */
.mm-yt .yts { margin: 0; }
.mm-yt .yts__list { grid-template-columns: 1fr 1fr !important; gap: 14px 10px !important; padding: 0 16px !important; }
.mm-yt .yts__thumb { border-radius: 0 !important; box-shadow: none !important; background: #111 !important; }
.mm-yt .yts__thumb img { transform: none !important; }
.mm-yt .yts__rank { left: 0 !important; top: 0 !important; width: 26px; height: 26px !important; min-width: 0 !important; padding: 0 !important; border-radius: 0 !important; background: #F16531 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 26px !important; }
.mm-yt .yts__play { width: 44px !important; height: 44px !important; margin: -22px 0 0 -22px !important; }
.mm-yt .yts__play:before { left: 17px !important; top: 13px !important; border-left-width: 14px !important; border-top-width: 9px !important; border-bottom-width: 9px !important; }
.mm-yt .yts__views { left: 8px !important; bottom: 8px !important; font-size: 12px !important; font-weight: 700 !important; }
.mm-yt .yts__title { margin: 6px 0 0 !important; font-size: 13px !important; line-height: 1.45 !important; }

/* ⑥ 우리동네 출산지원금 — 좌우 꽉 채운 연회색 띠 · 지도 240px · 고르기 2x2 */
.mm .bnx-money { margin-top: 30px; padding: 26px 16px 22px; background: #F6F8FC; }
.mm .bnx-money .h_group { display: block; padding: 0; }
.mm .bnx-money .h_group h3 { display: block; font-size: 21px; line-height: 1.35; }
.mm .bnx-money .h_group h3 em { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 800; letter-spacing: .04em; color: #F16531; }
.mm .bnx-money .h_group h3 b { font-size: 21px; }
.mm .bnx-money .bnx-or { color: #F16531; }
.mm .bnx-money .h_group .btn_more { display: none; }
.mm .bnx-map { display: block; margin: 0; }
.mm .bnx-map__q { margin: 6px 0 2px !important; font-size: 14px !important; font-weight: 700; color: #17213A; }
.mm .bnx-map__d { margin: 0 0 14px !important; font-size: 13px !important; line-height: 1.6; color: #5A6275; }
.mm .bnx-map__d br { display: none; }
.mm .bnx-map__txt .bnx-map__s { display: none; }
.mm .bnx-map2 { width: 240px; margin: 0 auto 14px; }
.mm .bnx-map__w { flex: none; }
.mm .bnf-find { grid-template-columns: 1fr 1fr; }
.mm .bnf-find select { height: 46px; font-size: 16px; }
.mm .bnf-find button { height: 50px; font-size: 16px; }
.mm .bnx-map__s--m { margin: 10px 0 0 !important; font-size: 11px !important; color: #9AA0AB; }

/* ⑦ 육아정보 — 첫 글 크게(16:9), 나머지는 104x78 썸네일 + 제목 2줄, 아래 라플 한 줄(상자 아님, 위아래 선만) */
.mm .bnx-cards { display: block; margin: 0; padding: 0 16px; }
.mm .bnx-cards li:nth-child(n+5) { display: none; }
.mm .bnx-cards li a { display: grid; grid-template-columns: 104px 1fr; grid-template-rows: auto 1fr; column-gap: 12px; padding: 12px 0; border: 0; border-top: 1px solid #E6E8EF; border-radius: 0 !important; background: none; height: auto; }
.mm .bnx-cards li a img { grid-row: 1 / 3; width: 104px; height: 78px; aspect-ratio: auto; }
.mm .bnx-cards li a b { padding: 0; font-size: 14.5px; font-weight: 700; line-height: 1.45; letter-spacing: -.02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mm .bnx-cards li a span { display: none; }
.mm .bnx-cards li a small { padding: 0; margin-top: 4px; font-size: 11.5px; color: #9AA0AB; }
.mm .bnx-cards li:first-child a { display: block; padding: 0 0 14px; border-top: 0; }
.mm .bnx-cards li:first-child a img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.mm .bnx-cards li:first-child a b { margin-top: 10px; font-size: 17px; }
.mm .bnx-cards li:first-child a span { display: -webkit-box; padding: 0; margin-top: 4px; font-size: 13px; color: #5A6275; }
.mm .bnx-inline { margin: 18px 16px 0 !important; padding: 12px 0; border-color: #E6E8EF; }
.mm .bnx-inline a { font-size: 13.5px; font-weight: 600; }
.mm .bnx-inline b { color: #F16531; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

/* ⑧ 육아 Q&A — 3개, 위에 군청 굵은 선, 질문 · 요약 1줄 · 답변자 */
.mm .bnx-qa { display: block !important; margin: 0 !important; padding: 0 16px !important; }
.mm .bnx-qa li:nth-child(n+4) { display: none; }
.mm .bnx-qa li a { padding: 13px 0; border: 0; border-top: 1px solid #E6E8EF; background: none; }
.mm .bnx-qa li:first-child a { border-top: 2px solid #253272; }
.mm .bnx-qa b { font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
.mm .bnx-qa span { margin-top: 4px; font-size: 13px; color: #5A6275; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.mm .bnx-qa small { margin-top: 5px; font-size: 12px; color: #253272; }

/* ⑨ 인스타그램 — 2열 9:16 */
.mm .bnx-ig { grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin: 0 !important; padding: 0 16px !important; }
.mm .bnx-ig li:nth-child(n+3) { display: none; }
.mm .bnx-ig b { margin-top: 6px; font-size: 12.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mm .bnx-ig small { font-size: 11.5px; color: #9AA0AB; }

/* ⑩ 라플 배너 — 오렌지 투톤 판, 안쪽 CTA 는 밑줄 글자(박스 단추 금지) + 공식 스토어 배지 */
.mm-lapl { display: flex; align-items: center; gap: 12px; margin-top: 34px; padding: 22px 16px 20px; color: #fff; background: linear-gradient(118deg, #F16531 0 66%, #D95019 66%); }
.mm-lapl__bot { flex: none; width: 76px; height: auto; transform: scaleX(-1); }
.mm-lapl h3 { margin: 0; font-size: 18px; font-weight: 900; line-height: 1.35; letter-spacing: -.03em; color: #fff; }
.mm-lapl p { margin: 4px 0 8px; font-size: 12.5px; color: rgba(255, 255, 255, .9); }
.mm-lapl__go { color: #fff !important; font-size: 14px; font-weight: 800; text-decoration: underline !important; text-underline-offset: 3px; }
.mm-lapl__apps { display: flex; gap: 6px; margin-top: 10px; }
.mm-lapl__apps img { display: block; height: 30px; width: auto; }

/* ⑪ 푸터 */
.footer.mf { margin: 0; padding: 24px 16px 26px; background: #1B2347; color: rgba(255, 255, 255, .7); font-size: 12px; line-height: 1.75; }
.mf-logo { display: block; height: 24px; width: auto; margin-bottom: 12px; }
.mf-lk { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 12px; padding: 0; list-style: none; }
.mf-lk li { float: none; margin: 0; }
.mf-lk a { color: #fff !important; font-size: 12.5px; font-weight: 700; text-decoration: none; background: none !important; padding: 0 !important; }
.mf-ad { display: flex; align-items: center; gap: 6px; margin: 0; }
.mf-ad a { color: inherit; text-decoration: none; }
.mf-ad svg { flex: none; width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; opacity: .7; }
.mf-biz { margin: 8px 0 0; }
.mf-sns { display: flex; justify-content: center; gap: 16px; margin: 18px 0 10px; }
.mf-sns a { display: flex; color: rgba(255, 255, 255, .75); }
.mf-sns svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mf-cr { margin: 0; text-align: center; font-size: 11px; color: rgba(255, 255, 255, .45); }

/* ⑫ 하단 고정 띠 */
.mb-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: flex; align-items: center; gap: 8px; height: 60px; padding: 0 8px 0 12px; background: #17213A; color: #fff; transform: translateY(100%); transition: transform .3s; }
.mb-bar[hidden] { display: none; }
.mb-bar.is-on { transform: none; }
.mb-bar__bot { flex: none; width: 34px; transform: scaleX(-1); }
.mb-bar__t { margin: 0; font-size: 12.5px; line-height: 1.4; color: rgba(255, 255, 255, .9); }
.mb-bar__t b { color: #FFB396; }
.mb-bar__go { margin-left: auto; color: #fff !important; font-size: 13.5px; font-weight: 800; white-space: nowrap; text-decoration: underline !important; text-underline-offset: 3px; }
.mb-bar__x { flex: none; padding: 6px; border: 0; background: none; color: rgba(255, 255, 255, .6); font-size: 14px; cursor: pointer; }
body.mb-bar-on { padding-bottom: 60px; }

/* 바탕 회색 판·슬라이드 145px 고정 풀기 (2026-10-04 모바일 시안 ②) — 폰 전용 그림 750x600 이 잘리지 않게 */
.container { background: #fff !important; padding-top: 0 !important; }
.main_visual { height: auto !important; margin-bottom: 0 !important; }
.main_visual .slider .bx-pager { bottom: 12px !important; }
.main_visual .slider .bx-pager-link { width: 6px !important; height: 6px !important; border-radius: 0 !important; background-color: rgba(255, 255, 255, .55) !important; }
.main_visual .slider .bx-pager-link.active { width: 18px !important; background-color: #fff !important; }
.mm .bnx-map__d, .mm .bnx-map__q, .mm-lapl, .mf-biz, .mm .bnx-qa, .mm .bnx-cards, .mm .yts__title, .mm .evt__cp { word-break: keep-all; }   /* 낱말 중간에서 줄이 끊기지 않게 */
.mm .bnx-cards li a { grid-template-rows: auto auto; align-content: start; align-items: start; }   /* 1fr 이면 날짜 줄이 늘어나 아래가 빈다 */
.mm .bnx-cards li a img { grid-row: 1 / span 2; }
/* 제목 꼬리 — 시안대로 "육아정보 최신(작게)", "인스타그램 @babynews_official" */
.mm .bnx-home:has(.bnx-cards) .h_group h3 b { margin-left: 2px; font-size: 12px; font-weight: 700; color: #F16531; letter-spacing: 0; }
.mm .bnx-home:has(.bnx-ig) .h_group h3 b { display: none; }
.mf-lk #device_change { position: static !important; display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; line-height: inherit !important; font-size: 12.5px !important; }   /* 예전 PC버전 둥근 단추 모양 풀기 */
.mm .bnx-ig b { word-break: keep-all; }

/* 출산지원금·육아정보·육아Q&A 등 bn/ 화면 — 폰에서 글이 화면 끝에 붙지 않게 좌우 16px, 낱말 단위 줄바꿈 (2026-10-04) */
.container > .bnx:not(.bnx-home) { padding: 16px 16px 0; box-sizing: border-box; }
.container > .bnx { word-break: keep-all; }
.container .bnx p, .container .bnx h1, .container .bnx h2, .container .bnx h3, .container .bnx b, .container .bnx li { word-break: keep-all; }
/* 쇼츠 줄은 어느 화면이든 폰에선 첫 화면과 같은 모양(둥근 모서리 없음 · 순위 칸 오렌지) */
.yts__thumb { border-radius: 0 !important; box-shadow: none !important; }
.yts__rank { left: 0 !important; top: 0 !important; width: 26px; height: 26px !important; min-width: 0 !important; padding: 0 !important; border-radius: 0 !important; background: #F16531 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 26px !important; }