기업 브랜드 악플 관리 성공사례 | 커뮤니티 허위사실 22건 정리, 주간 점검 체계 구축
홈
성공사례
기업자문 · 신산업
브랜드 평판 리스크 관리
기업자문 · 브랜드 평판 관리
매출을 갉아먹던 디시인사이드,일베 여론,주간 점검 체계로 22건을 걷어낸 브랜드 대응
제품을 향한 험담이 두 게시판을 타고 번지자 브랜드 신뢰가 흔들렸습니다. 한 번의 조치로 끝내지 않고 회차를 나눠 훑는 운영 방식을 세우고, 처리 내역을 표로 남겨 경영진이 상황을 눈으로 확인할 수 있게 한 관리 기록입니다.
카테고리 기업자문 · 평판 리스크
결과 문제 게시물 22건 정리
운영 주 단위 점검 · 정기 보고
작성일 2026. 8.
의뢰인
국내 의류 브랜드를 이끄는 경영자
사건 발단
디시인사이드, 일베에 자사 제품을 헐뜯는 글이 올라오기 시작했고, 일부에는 근거 없는 내용과 회사·운영자를 겨냥한 표현이 섞여 있었음
경영상 위험
퍼질수록 되돌리기 어려워지고 브랜드 신뢰와 매출까지 흔들릴 수 있어 시간을 다투던 국면
운영 방식
회차를 나눠 훑고 처리 대상을 표로 정리해 경영진 확인을 거친 뒤 게시판별 기준에 맞춰 요청, 주 단위로 반복
결과
문제 게시물 22건 정리 — 이후 유사 글이 다시 생기지 않음을 확인
회사 이름이 오르내리는 게시판을 들여다보다 손을 놓게 되는 경영자분이 많습니다. 그런 곳은 글이 내려가지 않는다는 말을 이미 들어 왔기 때문입니다.
다만 게시판마다 다른 운영 방식과 처리 절차를 제대로 알고 접근하면 이야기가 달라집니다. 저희는 서비스별로 처리 방식을 살펴 왔고 실제로 정리해 낸 기록도 여럿 갖고 있습니다. 험담을 다시 퍼뜨릴 원본을 남기지 않겠다는 마음으로 임합니다.
이번에 다룰 사안은 저희가 의류 브랜드를 겨냥한 문제 게시물 22건을 정리한 기록입니다.
01사건 개요 — 제품 험담이 회사 공격으로 번진 국면
의뢰인은 국내 의류 브랜드를 이끄는 경영자였습니다. 그런데 어느 시점부터 디시인사이드, 일베에 자사 제품을 헐뜯는 글이 오르기 시작했습니다. 이에 온라인 대응을 다루는 곳을 찾다 저희에게 연락을 주셨고, 저희는 첫 번째 점검을 돌려 스무 건 안팎의 근거 없는 내용과 험담을 정리했습니다.
그런데 이야기가 이미 퍼진 뒤여서 첫 회차만으로는 흐름을 막기 어려웠습니다. 몇몇 글에는 근거 없는 내용에 더해 회사와 운영자를 겨냥한 표현까지 실려 있었습니다. 그런 글이 늘어날수록 나중의 수습은 힘들어지고 브랜드가 쌓아 온 신뢰도 무너질 수 있어 서둘러야 했습니다.
의뢰인의 요청으로 두 번째 회차에 들어가기로 했습니다. 첫 회차를 거치며 문제 게시물이 눈에 띄게 줄어든 것을 보시고 믿고 맡겨 주셨다는 말씀을 들었기에, 저희도 그 신뢰에 답하고자 했습니다.
평판 관리는 일회성 작업이 아닙니다
한 차례 정리하면 끝나는 일로 여기기 쉽지만, 게시판의 여론은 남아 있는 글을 재료 삼아 계속 되살아납니다. 그래서 회사 차원의 대응은 없애는 기술보다 운영 방식에 가깝습니다. 어느 주기로 훑고, 누가 판단하고, 결과를 어떻게 남길지가 정해져야 관리가 굴러갑니다.
요청의 근거
움직이지 않는 게시판을 상대로 무엇을 제시해야 처리로 이어지는가.
평가와 날조의 경계
고객의 솔직한 후기로 볼 글과 지어낸 내용을 어떤 잣대로 나눌 것인가.
우선순위
쏟아지는 글 중 회사에 실제 타격을 주는 것을 먼저 가려내는 방법.
게시판별 기준 차이
서비스마다 다른 처리 방식에 어떻게 맞춰 접근할 것인가.
재발 관리
정리한 뒤에도 새로 오르는 글을 어느 주기로 관리할 것인가.
경영진 보고
무엇을 어떤 이유로 처리했는지 회사가 확인할 수 있게 어떻게 남길 것인가.
02문제 해결 — 운영 체계를 먼저 세웠습니다
디시인사이드, 일베는 내려 달라는 말만으로는 처리되지 않습니다. 더구나 제품이나 회사에 관한 글이라면 고객의 솔직한 목소리일 뿐 처리 대상이 아니라고 서비스 측이 볼 수도 있습니다. 그래서 어느 표현이 실제와 다른지, 그 글이 회사에 어떤 손실을 안기는지 구체적으로 풀어내는 작업이 앞서야 했습니다.
게시판 점검과 대상 추출
해당 게시판을 훑어 실제 자료와 어긋나거나 회사 신뢰에 타격을 줄 소지가 큰 글을 추려냈습니다.
처리 대상 표 정리
추려낸 글을 올라온 시각과 게시판 위치, 담긴 내용, 퍼진 정도, 처리해야 할 이유로 나눠 표에 담았습니다.
경영진 회신 후 실행
정리한 표를 의뢰인께 보내 처리를 원하시는 글을 회신받은 뒤 차례로 실행했습니다. 회사 사정을 가장 잘 아는 쪽의 판단을 거치는 절차였습니다.
서비스별 방식 적용
게시판마다 접수 방식과 운영 잣대가 달라, 각 서비스의 기준에 맞는 경로로 요청을 넣었습니다.
주 단위 반복과 정기 보고
매주 새로 오른 글을 훑고 추가로 실행했습니다. 주가 거듭될수록 문제 게시물이 줄어드는 흐름을 확인했고, 정리한 표를 정기적으로 보내 드렸습니다.
이 대응의 무게중심
회사 사건에서 까다로운 것은 실행이 아니라 기준입니다. 눈에 거슬리는 글을 모두 없애려 들면 고객의 정당한 목소리까지 손대게 되고, 그 순간 요청 전체가 신뢰를 잃습니다. 실제와 어긋난 지점만 골라낸 것이 22건을 정리할 수 있었던 이유입니다.
주의해야 할 점
담당자가 게시판에 직접 들어가 해명하거나 작성자와 말을 섞으면 시선이 모여 오히려 확산을 부추기기 쉽습니다. 사내에 대응 창구를 하나로 정해 두고, 개별 직원이 임의로 반응하지 않도록 미리 안내해 두시는 편이 안전합니다.
03결과 — 디시인사이드, 일베 22건 정리, 재발 없음 확인
두 커뮤니티 게시판을 살핀 결과 최종적으로 22건의 글을 정리했습니다. 그 뒤 비슷한 글이 다시 생기지 않는 것을 확인하고 마무리했습니다. 브랜드가 크게 흔들리기 전에 손을 쓸 수 있었다는 점에서 뜻깊은 사안이었습니다.
이번 일로 다시 확인한 것은 초기부터 짜임새 있는 운영이 필요하다는 점입니다. 회사를 향한 험담은 매출까지 흔들 수 있어 번지기 전에 길을 막는 일이 중요했습니다. 전담 패러리걸팀이 점검과 실행을 함께 맡은 덕에 신속한 처리가 가능했습니다.
"평판 대응은 한 번의 작업이 아니라 굴러가는 체계입니다. 주기와 기준, 보고가 정해져야 관리가 됩니다."
— 뉴로이어 법률사무소 기업자문팀
온라인 대응을 어려워하시고, 근거 없는 이야기가 실시간으로 번지는 상황에 당황하시는 분이 많습니다. 그럴 때는 혼자 고민하기보다 번짐의 원인이 되는 원본을 서둘러 정리해 되살아날 길을 막아야 합니다. 그 과정을 함께하겠으니 필요하실 때 연락 주시기 바랍니다.
기업 평판 리스크, 관리 체계 점검 포인트
회사명·브랜드명이 오르내리는 게시판을 정기적으로 확인하고 있는가
문제 글을 발견했을 때 화면과 주소를 저장하는 절차가 있는가
실제 자료와 어긋나는 서술인지 판단할 기준을 마련해 두었는가
대응 창구를 하나로 정하고 직원 개별 대응을 막아 두었는가
처리 내역을 표로 남겨 경영진이 확인할 수 있게 하고 있는가
정리에서 그칠지 책임까지 물을지 판단 기준을 세워 두었는가
브랜드 평판 대응 운영 요소
점검 주기
한 번의 실행으로는 흐름이 끊기지 않습니다. 주 단위처럼 주기를 정해 반복해야 새로 오르는 글과 남은 글의 재생산을 함께 관리할 수 있습니다.
판단 기준
고객의 평가와 지어낸 내용을 가르는 잣대가 필요합니다. 실제 자료와 어긋나는 서술인지, 회사 신뢰에 어떤 타격을 주는지가 기준이 됩니다.
의사결정 절차
처리 대상을 추려 회사에 전달하고 회신을 받아 실행하는 흐름을 두면, 회사 사정이 반영되고 책임 소재도 분명해집니다.
기록과 보고
올라온 시각과 위치, 내용, 퍼진 정도, 처리 이유를 표로 남기면 경영진이 상황을 파악하기 쉽고 이후 절차의 근거로도 활용됩니다.
이 사건을 담당한 변호인
기업 평판 사안은 실행 속도와 판단 기준이 함께 필요합니다. 이 사건은 형사전문 대표변호사가 직접 수행했습니다.
CEO Lawyer
김수열 대표변호사
#명예훼손·모욕#사이버범죄#인플루언서·MCN
서울대학교 심리학과를 거쳐 서울대학교 법학전문대학원을 졸업했고, 법무법인 율촌을 거쳐 뉴로이어 법률사무소를 이끌고 있는 대한변호사협회 인증 형사전문변호사입니다. 기업과 브랜드를 겨냥한 온라인 여론 대응을 다수 맡아 왔습니다.
언론사 가짜뉴스 명예훼손·업무방해 고소대리
방송 출연자·인플루언서 악성댓글 집단 고소 성공 수행
서울대 총학생회장 명예훼손 사건 대법원 파기환송 승소
프로필 자세히 보기 →
FAQ기업 온라인 평판 관리, 자주 묻는 질문
회사 관련 글도 게시판에서 정리할 수 있나요?
가능합니다. 다만 내려 달라는 말만으로는 처리되지 않는 곳이라, 어느 표현이 실제와 다른지 또 그 글이 회사에 어떤 손실을 주는지 구체적으로 풀어내야 합니다. 이번 사안에서도 그 방식으로 22건을 정리했습니다.
고객 후기까지 손대면 역효과가 나지 않나요?
그래서 기준이 중요합니다. 평가나 감상에 머무는 글은 그대로 두어야 합니다. 눈에 거슬리는 글을 모두 없애려 들면 요청 전체가 신뢰를 잃어, 정작 지어낸 내용조차 처리되지 않습니다.
얼마나 자주 점검해야 하나요?
사안의 열기에 따라 다르지만, 확산 중이라면 주 단위 점검이 무난합니다. 이번 사안에서도 매주 새 글을 훑으며 추가 실행했고, 주가 거듭되며 문제 게시물이 줄어드는 것을 확인했습니다.
무엇을 정리할지 회사가 정하나요?
저희가 대상을 추려 표로 정리해 보내 드리고, 회사에서 처리를 원하시는 글을 회신받아 실행합니다. 제품과 시장 상황을 가장 잘 아는 쪽의 판단이 들어가야 하기 때문입니다.
직원이 직접 댓글로 해명해도 되나요?
권하지 않습니다. 반응이 붙을수록 시선이 모여 오히려 번지기 쉽습니다. 사내 대응 창구를 하나로 정하고 개별 대응을 하지 않도록 미리 안내해 두시는 편이 안전합니다.
진행 상황은 어떻게 확인하나요?
처리 대상과 실행 내역을 표로 남겨 정기적으로 보내 드립니다. 올라온 시각과 위치, 내용, 퍼진 정도, 처리 이유가 담기므로 경영진이 상황을 한눈에 파악하실 수 있습니다.
함께 보면 좋은 글
디시인사이드 허위사실 악플, 브랜드 게시글 22건 삭제한 대응 사례
플랫폼 사업모델 상표·부정경쟁·저작권 리스크 방어 논리를 세운 자문 사례
리셀러 상표권침해 내용증명, 판매 중단 없이 자문으로 방어한 사례
브랜드 여론, 체계를 갖춰 관리하세요
회사나 제품을 겨냥한 근거 없는 글이 번지고 있다면 게시판 주소와 화면을 정리해 문의해 주세요.점검 주기와 판단 기준부터 함께 설계해 드립니다.
카카오톡 상담
070-8098-0421
홈페이지 상담 신청
모든 상담 내용은 비밀이 보장됩니다
뉴로이어 법률사무소 · 서울 서초구 강남대로 525 세영제이타워 11층(06536) · 사업자등록번호 588-14-01388 · [email protected]
본 성공사례는 뉴로이어 법률사무소가 실제 수행한 사건을 바탕으로 작성됐으며, 의뢰인 보호를 위해 일부 사실관계를 조정했습니다. 개별 사건의 결과는 구체적 사정에 따라 달라질 수 있어, 본 글이 유사 사건에서 동일한 결과를 약속하는 것은 아닙니다.
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "매출을 갉아먹던 커뮤니티 여론, 주간 점검 체계로 22건을 걷어낸 브랜드 대응 성공사례",
"description": "의류 브랜드를 겨냥한 근거 없는 글이 두 게시판에 번진 사안. 회차를 나눠 훑는 운영 방식을 세우고 처리 내역을 표로 남겨 경영진 확인을 거치는 절차로 문제 게시물 22건을 정리한 뉴로이어 기업 브랜드 평판 리스크 관리 성공사례입니다.",
"inLanguage": "ko",
"datePublished": "2026-08-12",
"dateModified": "2026-08-12",
"author": {
"@type": "Person",
"name": "김수열",
"jobTitle": "대표변호사",
"url": "https://newlawyer.co.kr/page/21_view?wr_id=1",
"image": "https://newlawyer.co.kr/data/file/member/thumb-238321632_UzWE7X3O_a622b2fa6778b002d58c2ddc7bdddb15cb53f084_460x460.jpg",
"knowsAbout": [
"기업자문",
"브랜드 평판 관리",
"명예훼손·모욕",
"사이버범죄",
"온라인 여론 대응"
],
"alumniOf": {
"@type": "CollegeOrUniversity",
"name": "서울대학교 법학전문대학원"
},
"worksFor": {
"@type": "LegalService",
"name": "뉴로이어 법률사무소",
"url": "https://www.newlawyer.co.kr"
}
},
"publisher": {
"@type": "LegalService",
"name": "뉴로이어 법률사무소",
"url": "https://www.newlawyer.co.kr",
"address": {
"@type": "PostalAddress",
"streetAddress": "강남대로 525 세영제이타워 11층",
"addressLocality": "서초구",
"addressRegion": "서울",
"postalCode": "06536",
"addressCountry": "KR"
},
"telephone": "+82-70-8098-0421"
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.newlawyer.co.kr/32/104"
},
"about": [
"기업 브랜드 악플",
"온라인 평판 관리",
"커뮤니티 게시글 정리",
"브랜드 리스크 관리",
"허위사실 확산 차단"
]
}
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "홈",
"item": "https://www.newlawyer.co.kr"
},
{
"@type": "ListItem",
"position": 2,
"name": "성공사례",
"item": "https://www.newlawyer.co.kr/31"
},
{
"@type": "ListItem",
"position": 3,
"name": "기업자문 · 신산업",
"item": "https://www.newlawyer.co.kr/32"
},
{
"@type": "ListItem",
"position": 4,
"name": "브랜드 평판 리스크 관리",
"item": "https://www.newlawyer.co.kr/32/104"
}
]
}
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "회사 관련 글도 게시판에서 정리할 수 있나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "가능합니다. 다만 내려 달라는 말만으로는 처리되지 않는 곳이라, 어느 표현이 실제와 다른지 또 그 글이 회사에 어떤 손실을 주는지 구체적으로 풀어내야 합니다. 이번 사안에서도 그 방식으로 22건을 정리했습니다."
}
},
{
"@type": "Question",
"name": "고객 후기까지 손대면 역효과가 나지 않나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "그래서 기준이 중요합니다. 평가나 감상에 머무는 글은 그대로 두어야 합니다. 눈에 거슬리는 글을 모두 없애려 들면 요청 전체가 신뢰를 잃어, 정작 지어낸 내용조차 처리되지 않습니다."
}
},
{
"@type": "Question",
"name": "얼마나 자주 점검해야 하나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "사안의 열기에 따라 다르지만, 확산 중이라면 주 단위 점검이 무난합니다. 이번 사안에서도 매주 새 글을 훑으며 추가 실행했고, 주가 거듭되며 문제 게시물이 줄어드는 것을 확인했습니다."
}
},
{
"@type": "Question",
"name": "무엇을 정리할지 회사가 정하나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "저희가 대상을 추려 표로 정리해 보내 드리고, 회사에서 처리를 원하시는 글을 회신받아 실행합니다. 제품과 시장 상황을 가장 잘 아는 쪽의 판단이 들어가야 하기 때문입니다."
}
},
{
"@type": "Question",
"name": "직원이 직접 댓글로 해명해도 되나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "권하지 않습니다. 반응이 붙을수록 시선이 모여 오히려 번지기 쉽습니다. 사내 대응 창구를 하나로 정하고 개별 대응을 하지 않도록 미리 안내해 두시는 편이 안전합니다."
}
},
{
"@type": "Question",
"name": "진행 상황은 어떻게 확인하나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "처리 대상과 실행 내역을 표로 남겨 정기적으로 보내 드립니다. 올라온 시각과 위치, 내용, 퍼진 정도, 처리 이유가 담기므로 경영진이 상황을 한눈에 파악하실 수 있습니다."
}
}
]
}
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "기업 브랜드 평판 리스크 관리 절차",
"description": "게시판에 번진 근거 없는 글로부터 브랜드를 지키기 위한 운영 체계 구축 순서입니다.",
"step": [
{
"@type": "HowToStep",
"name": "게시판 점검과 대상 추출",
"text": "실제 자료와 어긋나거나 회사 신뢰에 타격을 줄 소지가 큰 글을 추려냅니다."
},
{
"@type": "HowToStep",
"name": "처리 대상 표 정리",
"text": "올라온 시각과 위치, 내용, 퍼진 정도, 처리 이유를 표로 담습니다."
},
{
"@type": "HowToStep",
"name": "경영진 회신 후 실행",
"text": "표를 전달해 처리를 원하는 글을 회신받은 뒤 차례로 실행합니다."
},
{
"@type": "HowToStep",
"name": "서비스별 방식 적용",
"text": "게시판마다 다른 접수 방식과 운영 잣대에 맞춰 요청을 넣습니다."
},
{
"@type": "HowToStep",
"name": "주 단위 반복과 정기 보고",
"text": "새로 오른 글을 주기적으로 훑고 처리 내역을 정기적으로 보고합니다."
}
]
}
:root {
--nl-navy: #1f4e79;
--nl-navy-2: #2e5a8a;
--nl-navy-3: #0f2e4d;
--nl-navy-soft: #5b7ea1;
--nl-ink: #222222;
--nl-soft: #444444;
--nl-mute: #767676;
--nl-line: #e5e7eb;
--nl-line-soft: #eef0f3;
--nl-bg-soft: #f5f7fa;
--nl-bg-card: #fafbfc;
--nl-accent: #c0392b;
--nl-bg: #ffffff;
}
.nl-wrap {
font-family: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
color: var(--nl-ink);
line-height: 1.85;
font-size: clamp(15px, 1.05vw + 12px, 17px);
background: var(--nl-bg);
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
word-break: keep-all;
overflow-wrap: anywhere;
max-width: 880px;
margin: 0 auto;
padding: clamp(20px, 4vw, 48px) clamp(16px, 3vw, 32px);
position: relative;
font-feature-settings: "ss01", "ss02";
letter-spacing: -0.005em;
}
.nl-wrap * { box-sizing: border-box; }
.nl-wrap a { color: var(--nl-navy); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.nl-wrap a:hover { color: var(--nl-navy-3); }
.nl-crumb {
font-size: 13px;
color: var(--nl-mute);
letter-spacing: 0.01em;
margin-bottom: 24px;
padding-bottom: 14px;
border-bottom: 1px solid var(--nl-line);
}
.nl-crumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 10px; }
.nl-crumb li + li::before { content: "›"; margin-right: 10px; color: var(--nl-navy-soft); }
.nl-crumb a { color: var(--nl-mute); text-decoration: none; }
.nl-crumb a:hover { color: var(--nl-navy); }
.nl-tag {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
color: #ffffff;
background: var(--nl-navy);
padding: 7px 16px;
border-radius: 2px;
}
.nl-tag::before {
content: "";
width: 6px; height: 6px;
border-radius: 50%;
background: #ffffff;
}
.nl-h1 {
font-weight: 800;
font-size: clamp(24px, 3.2vw + 12px, 38px);
line-height: 1.35;
color: var(--nl-navy-3);
margin: 16px 0 14px;
letter-spacing: -0.025em;
}
.nl-h1 .nl-h1-accent { color: var(--nl-navy); }
.nl-sub {
font-size: clamp(14px, 0.6vw + 12px, 16px);
color: var(--nl-soft);
margin: 0 0 28px;
line-height: 1.75;
font-weight: 400;
}
.nl-meta {
display: flex;
flex-wrap: wrap;
gap: 14px;
font-size: 13px;
color: var(--nl-mute);
padding: 12px 0;
border-top: 1px solid var(--nl-line);
border-bottom: 1px solid var(--nl-line);
margin-bottom: 36px;
}
.nl-meta span { display: inline-flex; align-items: center; gap: 6px; }
.nl-meta strong { color: var(--nl-navy); font-weight: 600; }
.nl-author {
display: grid;
grid-template-columns: auto 1fr;
gap: 18px;
align-items: center;
background: var(--nl-bg-soft);
border-left: 4px solid var(--nl-navy);
padding: 22px 24px;
margin: 0 0 36px;
border-radius: 2px;
}
.nl-author-badge {
width: 60px; height: 60px;
border-radius: 50%;
background: var(--nl-navy);
color: #fff;
display: flex; align-items: center; justify-content: center;
font-weight: 800;
font-size: 20px;
letter-spacing: 0.02em;
}
.nl-author-name { font-weight: 700; font-size: 16px; color: var(--nl-navy-3); margin: 0 0 4px; letter-spacing: -0.01em; }
.nl-author-role { font-size: 13px; color: var(--nl-soft); line-height: 1.65; margin: 0; }
.nl-author-role b { color: var(--nl-navy); font-weight: 600; }
.nl-summary {
background: var(--nl-bg-card);
border: 1px solid var(--nl-line);
border-radius: 4px;
padding: 28px 28px 24px;
margin: 0 0 40px;
position: relative;
}
.nl-summary::before {
content: "한눈에 보기";
position: absolute;
top: -12px; left: 24px;
background: var(--nl-navy);
color: #fff;
font-size: 11px;
letter-spacing: 0.16em;
font-weight: 600;
padding: 5px 14px;
border-radius: 2px;
}
.nl-summary dl {
display: grid;
grid-template-columns: 100px 1fr;
gap: 12px 20px;
margin: 4px 0 0;
font-size: 14.5px;
}
.nl-summary dt {
color: var(--nl-mute);
font-weight: 500;
border-right: 1px solid var(--nl-line);
padding-right: 20px;
line-height: 1.7;
}
.nl-summary dd { margin: 0; color: var(--nl-ink); line-height: 1.7; }
.nl-summary dd b { color: var(--nl-navy); font-weight: 700; }
.nl-summary dd .nl-win { color: var(--nl-navy); font-weight: 700; border-bottom: 2px solid var(--nl-navy); padding-bottom: 1px; }
.nl-lead {
background: var(--nl-bg-soft);
border-left: 4px solid var(--nl-navy);
padding: 22px 26px;
margin: 36px 0;
border-radius: 2px;
}
.nl-lead p { margin: 0; font-size: 16px; line-height: 1.85; color: var(--nl-ink); }
.nl-lead p + p { margin-top: 12px; }
.nl-lead strong { color: var(--nl-navy); font-weight: 700; }
.nl-h2 {
font-weight: 800;
font-size: clamp(20px, 1.5vw + 14px, 26px);
color: var(--nl-navy-3);
margin: 64px 0 22px;
padding-bottom: 14px;
border-bottom: 2px solid var(--nl-navy);
display: flex;
align-items: baseline;
gap: 14px;
letter-spacing: -0.025em;
}
.nl-h2 .nl-h2-no {
font-size: 13px;
color: var(--nl-navy-soft);
letter-spacing: 0.2em;
font-weight: 700;
}
.nl-h3 {
font-weight: 700;
font-size: clamp(17px, 0.7vw + 14px, 19px);
color: var(--nl-navy);
margin: 36px 0 14px;
padding-left: 14px;
border-left: 3px solid var(--nl-navy);
letter-spacing: -0.015em;
}
.nl-wrap p { margin: 14px 0; }
.nl-defn {
background: var(--nl-bg-card);
border: 1px solid var(--nl-line);
border-top: 3px solid var(--nl-navy);
padding: 18px 22px;
margin: 24px 0;
border-radius: 2px;
font-size: 15px;
}
.nl-defn dt {
font-size: 12px;
letter-spacing: 0.14em;
color: var(--nl-navy);
font-weight: 700;
margin-bottom: 8px;
}
.nl-defn dd { margin: 0; color: var(--nl-ink); line-height: 1.8; }
.nl-defn dd b { color: var(--nl-navy); font-weight: 700; }
.nl-statute {
background: var(--nl-bg-soft);
border: 1px solid var(--nl-line);
border-left: 4px solid var(--nl-navy);
padding: 22px 26px;
margin: 28px 0;
border-radius: 2px;
position: relative;
}
.nl-statute::before {
content: "법령";
position: absolute;
top: 16px; right: 20px;
font-size: 10px;
letter-spacing: 0.18em;
font-weight: 700;
color: #fff;
background: var(--nl-navy);
padding: 3px 9px;
border-radius: 2px;
}
.nl-statute .nl-statute-h {
font-weight: 800;
font-size: 16px;
color: var(--nl-navy-3);
margin: 0 0 12px;
padding-right: 60px;
letter-spacing: -0.015em;
}
.nl-statute ol { padding-left: 18px; margin: 8px 0 0; }
.nl-statute li { margin-bottom: 6px; line-height: 1.85; }
.nl-statute .nl-cite { display: block; margin-top: 14px; font-size: 12px; color: var(--nl-mute); }
.nl-statute .nl-cite a { color: var(--nl-navy); }
.nl-issues {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin: 28px 0;
}
.nl-issue {
background: #ffffff;
border: 1px solid var(--nl-line);
border-radius: 2px;
padding: 18px 20px;
position: relative;
overflow: hidden;
transition: border-color 0.2s;
}
.nl-issue:hover { border-color: var(--nl-navy); }
.nl-issue::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 4px; height: 100%;
background: var(--nl-navy);
}
.nl-issue h4 {
font-size: 15px;
color: var(--nl-navy-3);
margin: 0 0 8px;
font-weight: 700;
letter-spacing: -0.015em;
}
.nl-issue p {
font-size: 13.5px;
color: var(--nl-soft);
margin: 0;
line-height: 1.7;
}
.nl-steps {
counter-reset: nlstep;
display: grid;
gap: 12px;
margin: 28px 0;
}
.nl-step {
display: grid;
grid-template-columns: 64px 1fr;
gap: 18px;
background: #ffffff;
border: 1px solid var(--nl-line);
border-left: 4px solid var(--nl-navy);
border-radius: 2px;
padding: 18px 22px;
align-items: start;
}
.nl-step::before {
counter-increment: nlstep;
content: "STEP " counter(nlstep);
font-size: 11px;
font-weight: 700;
color: var(--nl-navy);
background: var(--nl-bg-soft);
padding: 6px 10px;
border-radius: 2px;
letter-spacing: 0.08em;
text-align: center;
line-height: 1.4;
align-self: start;
white-space: nowrap;
}
.nl-step h4 {
font-size: 16px;
color: var(--nl-navy-3);
margin: 2px 0 6px;
font-weight: 700;
letter-spacing: -0.015em;
}
.nl-step p {
font-size: 14.5px;
color: var(--nl-soft);
margin: 0;
line-height: 1.75;
}
.nl-table {
width: 100%;
border-collapse: collapse;
margin: 28px 0;
font-size: 14px;
background: #fff;
border: 1px solid var(--nl-line);
border-radius: 2px;
overflow: hidden;
}
.nl-table th, .nl-table td {
padding: 14px 16px;
border-bottom: 1px solid var(--nl-line);
border-right: 1px solid var(--nl-line);
vertical-align: top;
line-height: 1.7;
}
.nl-table th:last-child, .nl-table td:last-child { border-right: none; }
.nl-table tr:last-child td { border-bottom: none; }
.nl-table thead th {
background: var(--nl-navy);
color: #fff;
font-weight: 600;
letter-spacing: 0.02em;
text-align: left;
font-size: 13.5px;
}
.nl-table tbody th {
background: var(--nl-bg-soft);
color: var(--nl-navy-3);
font-weight: 600;
text-align: left;
width: 28%;
}
.nl-table .nl-td-good { color: var(--nl-navy); font-weight: 700; }
.nl-table .nl-td-bad { color: var(--nl-accent); font-weight: 700; }
.nl-checklist {
background: var(--nl-bg-card);
border: 1px solid var(--nl-line);
border-radius: 2px;
padding: 24px 26px;
margin: 28px 0;
}
.nl-checklist h4 {
font-size: 16px;
color: var(--nl-navy-3);
margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--nl-line);
font-weight: 700;
letter-spacing: -0.015em;
}
.nl-checklist ul { list-style: none; padding: 0; margin: 0; }
.nl-checklist li {
position: relative;
padding-left: 30px;
margin-bottom: 10px;
font-size: 14.5px;
color: var(--nl-ink);
line-height: 1.75;
}
.nl-checklist li::before {
content: "";
position: absolute;
left: 0; top: 5px;
width: 18px; height: 18px;
border: 2px solid var(--nl-navy);
border-radius: 2px;
background: #fff;
}
.nl-checklist li::after {
content: "";
position: absolute;
left: 4px; top: 8px;
width: 10px; height: 5px;
border-left: 2px solid var(--nl-navy);
border-bottom: 2px solid var(--nl-navy);
transform: rotate(-45deg);
}
.nl-caution {
background: var(--nl-bg-soft);
border-left: 4px solid var(--nl-navy);
padding: 18px 22px;
margin: 28px 0;
border-radius: 2px;
}
.nl-caution h4 {
font-size: 15px;
color: var(--nl-navy-3);
margin: 0 0 8px;
font-weight: 700;
letter-spacing: -0.015em;
}
.nl-caution h4::before { content: "⚠ "; color: var(--nl-navy); }
.nl-caution p { margin: 0; font-size: 14.5px; color: var(--nl-soft); line-height: 1.75; }
.nl-law {
background: var(--nl-bg-card);
border: 1px solid var(--nl-line);
border-radius: 2px;
padding: 24px 26px;
margin: 28px 0;
}
.nl-law h4 {
font-size: 15px;
color: var(--nl-navy-3);
margin: 0 0 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--nl-line);
font-weight: 700;
letter-spacing: -0.015em;
}
.nl-law dl { margin: 0; font-size: 14px; }
.nl-law dt { color: var(--nl-navy); font-weight: 700; margin-top: 12px; }
.nl-law dt:first-child { margin-top: 0; }
.nl-law dd { margin: 4px 0 0; color: var(--nl-soft); line-height: 1.75; }
.nl-quote {
border-left: 3px solid var(--nl-navy);
padding: 8px 22px;
margin: 28px 0;
color: var(--nl-soft);
font-size: 16px;
line-height: 1.85;
}
.nl-quote p { font-style: normal; }
.nl-quote cite { display: block; font-style: normal; font-size: 13px; color: var(--nl-mute); margin-top: 8px; }
.nl-faq {
margin: 40px 0;
border-top: 2px solid var(--nl-navy);
}
.nl-faq h2 { margin-top: 24px; }
.nl-faq details {
border-bottom: 1px solid var(--nl-line);
padding: 20px 4px;
}
.nl-faq summary {
font-size: 16px;
font-weight: 700;
color: var(--nl-navy-3);
cursor: pointer;
list-style: none;
display: flex;
align-items: flex-start;
gap: 12px;
line-height: 1.55;
padding-right: 30px;
position: relative;
letter-spacing: -0.015em;
}
.nl-faq summary::-webkit-details-marker { display: none; }
.nl-faq summary::before {
content: "Q";
flex-shrink: 0;
width: 26px; height: 26px;
background: var(--nl-navy);
color: #fff;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 13px;
font-weight: 700;
}
.nl-faq summary::after {
content: "+";
position: absolute;
right: 0; top: 0;
font-size: 22px;
color: var(--nl-navy);
font-weight: 300;
transition: transform 0.25s;
line-height: 1;
}
.nl-faq details[open] summary::after { content: "−"; }
.nl-faq .nl-a {
margin-top: 14px;
padding-left: 38px;
font-size: 14.5px;
color: var(--nl-soft);
line-height: 1.85;
}
.nl-faq .nl-a::before {
content: "A. ";
font-weight: 800;
color: var(--nl-navy);
}
.nl-related {
background: var(--nl-bg-soft);
border: 1px solid var(--nl-line);
border-radius: 2px;
padding: 24px 26px;
margin: 32px 0;
}
.nl-related h4 {
font-size: 14px;
color: var(--nl-navy-3);
letter-spacing: 0.04em;
margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--nl-line);
font-weight: 700;
}
.nl-related ul { list-style: none; padding: 0; margin: 0; }
.nl-related li {
font-size: 14px;
margin: 8px 0;
padding-left: 14px;
position: relative;
}
.nl-related li::before { content: "›"; position: absolute; left: 0; color: var(--nl-navy); font-weight: 700; }
.nl-related a { color: var(--nl-navy); text-decoration: none; }
.nl-related a:hover { text-decoration: underline; }
.nl-cta {
margin: 48px 0 24px;
background: var(--nl-navy);
color: #fff;
border-radius: 2px;
padding: 38px 32px;
text-align: center;
position: relative;
overflow: hidden;
}
.nl-cta::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--nl-navy-soft) 0%, #ffffff 100%);
}
.nl-cta-h {
font-size: clamp(20px, 1.5vw + 12px, 26px);
font-weight: 800;
margin: 0 0 8px;
position: relative;
letter-spacing: -0.025em;
}
.nl-cta-sub {
font-size: 14.5px;
color: #c5d1e0;
margin: 0 0 24px;
line-height: 1.7;
position: relative;
}
.nl-cta-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
position: relative;
}
.nl-cta-buttons a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14.5px;
font-weight: 600;
padding: 14px 26px;
border-radius: 2px;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
letter-spacing: 0.01em;
}
.nl-cta-buttons a:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.25); }
.nl-cta-kakao { background: #fee500; color: #181600; }
.nl-cta-tel { background: #ffffff; color: var(--nl-navy-3); }
.nl-cta-web { background: #ffffff; color: var(--nl-navy); border: 1.5px solid var(--nl-navy); font-weight: 700; }
.nl-cta-secret {
display: inline-flex;
align-items: center;
margin-top: 18px;
font-size: 12px;
color: #c5d1e0;
letter-spacing: 0.08em;
position: relative;
}
.nl-footer-cite {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid var(--nl-line);
font-size: 12px;
color: var(--nl-mute);
line-height: 1.8;
}
.nl-footer-cite h4 {
font-size: 12px;
letter-spacing: 0.08em;
color: var(--nl-navy);
margin: 0 0 10px;
font-weight: 700;
}
.nl-footer-cite ul { padding-left: 18px; margin: 0; }
.nl-footer-cite li { margin: 4px 0; }
.nl-footer-cite a { color: var(--nl-navy); }
.nl-disclaimer {
margin-top: 28px;
font-size: 12px;
color: var(--nl-mute);
line-height: 1.75;
padding: 14px 16px;
background: var(--nl-bg-soft);
border: 1px solid var(--nl-line);
border-radius: 2px;
}
@media (max-width: 640px) {
.nl-wrap { padding: 16px 14px; }
.nl-issues { grid-template-columns: 1fr; }
.nl-summary dl { grid-template-columns: 1fr; gap: 4px 0; }
.nl-summary dt { border-right: none; border-bottom: 1px solid var(--nl-line); padding: 0 0 4px; margin-bottom: 4px; }
.nl-author { grid-template-columns: 1fr; text-align: center; }
.nl-author-badge { margin: 0 auto; }
.nl-table thead { display: none; }
.nl-table tr { display: block; border-bottom: 2px solid var(--nl-navy); padding: 8px 0; }
.nl-table th, .nl-table td { display: block; border-right: none; padding: 8px 14px; }
.nl-table tbody th { width: 100%; }
.nl-step { grid-template-columns: 1fr; gap: 8px; }
.nl-step::before { justify-self: start; }
.nl-cta { padding: 28px 20px; }
.nl-cta-buttons a { width: 100%; justify-content: center; }
}
@media (max-width: 380px) {
.nl-wrap { padding: 14px 12px; font-size: 14.5px; }
.nl-h2 { flex-direction: column; gap: 4px; align-items: flex-start; }
.nl-h2 .nl-h2-no { font-size: 12px; }
.nl-statute, .nl-defn, .nl-checklist, .nl-related, .nl-law { padding: 16px 18px; }
}
/* ==========================================================================
[ADD-ON] 담당 변호인 카드 (nl-team) — 기존 스타일 수정 없이 추가된 블록
사용처: 성공사례 하단, CTA 상단. 1~2인 카드 배치.
========================================================================== */
.nl-team {
margin: 40px 0 36px;
}
.nl-team-h {
font-size: 15px;
font-weight: 700;
color: var(--nl-navy);
letter-spacing: -0.01em;
margin: 0 0 4px;
padding-left: 12px;
border-left: 3px solid var(--nl-navy);
line-height: 1.4;
}
.nl-team-sub {
font-size: 13.5px;
color: var(--nl-mute);
margin: 0 0 18px;
padding-left: 15px;
line-height: 1.7;
}
.nl-team-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.nl-card {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
gap: 16px;
background: var(--nl-bg-card);
border: 1px solid var(--nl-line);
border-top: 3px solid var(--nl-navy);
border-radius: 2px;
padding: 20px 18px;
align-items: start;
}
.nl-card-photo {
width: 84px;
height: 84px;
border-radius: 2px;
overflow: hidden;
background: var(--nl-bg-soft);
border: 1px solid var(--nl-line);
}
.nl-card-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.nl-card-role {
display: inline-block;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--nl-navy-soft);
margin: 0 0 4px;
line-height: 1.3;
}
.nl-card-name {
font-size: 16.5px;
font-weight: 800;
color: var(--nl-ink);
letter-spacing: -0.02em;
margin: 0 0 8px;
line-height: 1.35;
}
.nl-card-name a {
color: var(--nl-ink);
text-decoration: none;
}
.nl-card-name a:hover {
color: var(--nl-navy);
text-decoration: underline;
text-underline-offset: 3px;
}
.nl-card-tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin: 0 0 10px;
padding: 0;
list-style: none;
}
.nl-card-tags li {
font-size: 11.5px;
color: var(--nl-navy);
background: rgba(31, 78, 121, 0.07);
border-radius: 2px;
padding: 2px 7px;
line-height: 1.6;
letter-spacing: -0.01em;
}
.nl-card-desc {
font-size: 13.5px;
color: var(--nl-soft);
line-height: 1.75;
margin: 0 0 10px;
letter-spacing: -0.01em;
}
.nl-card-list {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--nl-line-soft);
padding-top: 9px;
}
.nl-card-list li {
font-size: 12.5px;
color: var(--nl-mute);
line-height: 1.7;
padding-left: 10px;
position: relative;
letter-spacing: -0.01em;
}
.nl-card-list li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--nl-navy-soft);
}
.nl-card-list li b {
color: var(--nl-soft);
font-weight: 700;
}
.nl-card-link {
display: inline-block;
font-size: 12.5px;
color: var(--nl-navy);
margin-top: 10px;
text-decoration: none;
border-bottom: 1px solid var(--nl-line);
padding-bottom: 1px;
}
.nl-card-link:hover {
border-bottom-color: var(--nl-navy);
}
@media (max-width: 760px) {
.nl-team-grid { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 480px) {
.nl-card {
grid-template-columns: 64px minmax(0, 1fr);
gap: 13px;
padding: 17px 15px;
}
.nl-card-photo { width: 64px; height: 64px; }
.nl-card-name { font-size: 15.5px; }
.nl-card-desc { font-size: 13px; }
}
/* [ADD-ON] 1인 카드일 때 전체 폭 사용 */
.nl-team-grid:has(> .nl-card:only-child) {
grid-template-columns: minmax(0, 1fr);
}
.nl-team-grid > .nl-card:only-child {
grid-template-columns: 110px minmax(0, 1fr);
gap: 20px;
padding: 22px 20px;
}
.nl-team-grid > .nl-card:only-child .nl-card-photo {
width: 110px;
height: 110px;
}
@media (max-width: 480px) {
.nl-team-grid > .nl-card:only-child {
grid-template-columns: 64px minmax(0, 1fr);
gap: 13px;
padding: 17px 15px;
}
.nl-team-grid > .nl-card:only-child .nl-card-photo {
width: 64px;
height: 64px;
}
}
