위약벌 기사삭제 성공사례 | 언론중재위 합의 불이행, 위약벌 수천만원 지급 판결
홈
성공사례
명예훼손 · 언론
기사삭제 위약벌 지급 판결
언론분쟁 · 원고 승소 판결
기사삭제 합의를 지키지 않은 언론사,위약벌 수천만원 지급 판결로 책임을 물은 사례
언론중재위원회에서 기사 검색·열람 차단에 합의하고도 기사가 그대로 남아 있던 사건. 기사 내용을 처음부터 다시 다투는 대신 합의서의 위약벌 조항으로 곧장 책임을 물었고, 법원의 조정을 갈음하는 결정에 이의신청까지 하며 상대방의 감액 주장을 막아 원고 승소 판결을 받아낸 과정을 정리했습니다.
카테고리 명예훼손 · 언론분쟁
결과 위약벌 지급 판결 · 원고 승소
관련 법조 민법 제398조
작성일 2026. 8.
의뢰인
협박·명예훼손 사건에서 형사 유죄와 민사 손해배상까지 마무리했던 드라마 작가
사건 발단
언론중재위원회에서 기사 검색·열람 차단에 합의했으나, 합의 뒤에도 기사가 검색되고 내용까지 열람 가능한 상태로 방치
청구
합의서의 위약벌 조항에 근거한 위약벌 및 지연손해금 청구
대응 전략
기사 위법성을 재론하지 않고 합의 불이행 자체에 초점, 조정을 갈음하는 결정에 이의신청 후 감액 주장을 문언·취지로 반박
결과
위약벌 수천만원 이상 지급 판결 — 감액 주장 배척, 원고 승소
분쟁 끝에 합의서를 쓰고 나면 대부분 이제 끝났다고 여기게 됩니다. 그런데 기사 검색 차단처럼 서명 이후 상대방의 후속 조치가 있어야 완성되는 합의라면, 도장을 찍은 뒤에도 문제가 다시 불거질 수 있습니다. 약속이 지켜지지 않으면 어렵게 정리한 분쟁이 처음으로 되돌아가기 때문입니다.
이번에 소개할 사건의 의뢰인도 그런 상황에 놓였던 분입니다. 협박·명예훼손 가해자에 대한 형사 유죄와 민사 손해배상을 마쳤고, 관련 보도에 대해서도 언론중재위원회를 거쳐 기사 검색·열람을 차단하기로 합의했지만, 그 뒤에도 기사는 그대로 검색되고 있었습니다.
뉴로이어 법률사무소는 기사를 내려달라는 요청을 되풀이하는 대신, 합의서에 담긴 위약벌 조항으로 약속을 어긴 책임 자체를 묻는 길을 택했습니다. 법원의 조정을 갈음하는 결정을 받아들이지 않고 판결까지 간 끝에 위약벌 수천만원 이상의 지급을 명하는 원고 승소 판결이 나온 과정을 말씀드리겠습니다.
01사건 개요 — 합의서에 서명했는데도 기사는 검색되고 있었다
의뢰인은 드라마 작가로, 과거 매니지먼트사 대표와 다투는 과정에서 협박과 명예훼손 피해를 입어 저희와 형사·민사 절차를 함께 진행했던 분입니다. 그 무렵 의뢰인과 관련된 내용이 언론에 보도됐고, 해당 기사에 대해서는 언론중재위원회 절차를 밟게 됐습니다.
언론중재위원회에서는 문제된 기사가 더 이상 검색되지 않도록 하고 열람 역시 차단한다는 내용으로 합의가 성립했습니다. 합의서까지 작성됐으니 의뢰인으로서는 관련 분쟁이 전부 정리됐다고 여길 만한 상황이었습니다.
그런데 합의가 성립한 뒤에도 기사는 여전히 검색됐고, 클릭하면 본문까지 그대로 열람할 수 있었습니다. 의뢰인이 담당자에게 직접 연락해 합의대로 조치해 달라고 요청했지만 이행은 이뤄지지 않았습니다. 결국 의뢰인은 합의까지 마쳤는데 기사가 남아 있는 상황을 풀기 위해 다시 저희 사무소를 찾아오셨습니다.
기사삭제 합의, 서명이 끝이 아닌 이유
기사 검색 차단이나 삭제 합의는 서명 시점이 아니라 상대방이 실제로 조치를 마쳐야 목적이 달성되는 약속입니다. 그래서 이런 합의에서는 이행하지 않았을 때 어떤 책임을 지는지를 함께 정해 두는 것이 관건이 되고, 이 사건에서는 그 장치가 바로 위약벌 조항이었습니다.
불이행 상태의 증거화
합의 뒤에도 기사가 검색·열람되는 상태와 시정 요청이 묵살된 경과를 어떻게 자료로 남길 것인가.
위약벌 조항의 성격
해당 조항이 손해배상액의 예정(위약금)이 아닌 위약벌이라는 점을 어떻게 뒷받침할 것인가.
감액 주장 방어
상대방이 사정을 들어 금액을 줄여달라고 나올 때, 조항의 문언과 목적으로 어떻게 막을 것인가.
조정을 갈음하는 결정
빠른 종결과 온전한 책임 추궁 사이에서 결정을 수용할지, 이의신청으로 판결까지 갈지의 판단.
청구의 구성
위약벌에 지연손해금까지 더해 청구 범위를 어떻게 짜는 것이 실익이 있는가.
다툼 범위의 한정
기사 내용의 위법성을 재론하지 않고 합의 불이행 하나로 쟁점을 좁히는 소송 설계.
02문제 해결 — 기사가 아니라 합의서를 먼저 펼쳤습니다
사건을 다시 맡고 가장 먼저 검토한 것은 기사 자체가 아니라 언론중재위원회에서 작성된 합의서였습니다. 검색·열람 차단 의무가 이미 약속돼 있었고, 이를 어길 경우 위약벌을 부담한다는 조항까지 들어 있었기 때문입니다. 기사 내용의 위법성을 처음부터 다시 입증할 이유가 없었던 만큼, 저희는 약속이 지켜지지 않았다는 사실 하나에 청구의 초점을 두고, 위약벌에 지연손해금을 더해 소를 제기했습니다.
민법 제398조(배상액의 예정)
① 당사자는 채무불이행에 관한 손해배상액을 예정할 수 있다.
② 손해배상의 예정액이 부당히 과다한 경우에는 법원은 적당히 감액할 수 있다.
④ 위약금의 약정은 손해배상액의 예정으로 추정한다.
출처: 국가법령정보센터 · 작성일 기준 조문 — 위약벌은 위 조항의 손해배상액 예정과 구별되는 개념으로, 감액 공방의 출발점이 되는 규정입니다.
소송이 진행되던 중 법원에서 조정을 갈음하는 결정이 나왔습니다. 저희가 가장 오래 고민한 대목이 바로 여기였습니다. 그대로 수용하면 사건을 빠르게 끝낼 수 있었지만, 한 차례 약속을 어긴 상대방의 책임이 줄어든 채 마무리되는 결말이 과연 옳은지 의문이 남았습니다. 의뢰인과 충분히 상의한 끝에 이의신청을 하고 판결을 받는 쪽으로 방향을 잡았습니다. 합의를 지키게 하려고 위약벌 조항을 넣어 둔 이상, 그 조항이 실제로 어떤 무게를 갖는지 끝까지 확인해 볼 필요가 있다고 봤기 때문입니다.
합의서 정밀 분석
기사보다 합의서를 먼저 펼쳐 차단 의무의 범위, 위약벌 조항의 문언, 이행 기한을 짚고 청구의 뼈대를 세웠습니다.
불이행 사실의 증거화
합의 성립 뒤에도 기사가 검색되고 본문까지 열람되는 상태, 그리고 의뢰인의 시정 요청이 이행되지 않은 경과를 자료로 정리했습니다.
위약벌·지연손해금 청구 소 제기
기사 내용의 위법성을 재론하지 않고 합의 불이행 하나로 쟁점을 좁혀, 위약벌에 지연손해금을 더한 청구를 구성했습니다.
조정을 갈음하는 결정에 이의신청
빠른 종결 대신 온전한 책임을 묻는 쪽을 택해 이의신청서를 냈고, 사건을 판결 절차로 되돌렸습니다.
감액 주장 반박
상대방은 이 조항을 위약벌로 볼 수 없다거나 특별한 사정이 있었으니 금액을 줄여달라고 주장했습니다. 저희는 합의서와 관련 판례를 하나씩 대조해, 이 조항이 차단 의무를 실제로 이행시키기 위한 장치이며 합의서 어디에도 상대방 사정에 따라 책임을 덜어 준다는 내용이 없다는 점을 준비서면의 중심에 놓았습니다.
이 사건 변호의 무게중심
복잡한 법리를 길게 늘어놓는 대신, 왜 이 조항이 합의서에 들어갔는지 그리고 상대방이 실제로 그 약속을 어겼다는 사실 두 가지에 서면을 집중시켰습니다. 위약벌 소송에서 재판부를 움직이는 것은 화려한 논증이 아니라 조항의 목적과 불이행의 사실이 맞물리는 단순한 구도라고 판단했기 때문입니다.
주의해야 할 점
조정을 갈음하는 결정에 대한 이의신청이 언제나 유리한 선택인 것은 아닙니다. 정해진 기간 안에 이의하지 않으면 결정이 그대로 확정되고, 이의한 뒤에는 소송이 이어지는 만큼 시간과 비용의 부담도 따릅니다. 조항의 문언, 불이행의 정도, 받아낼 수 있는 금액을 견주어 사건마다 달리 판단할 문제입니다.
03최종 결과 — 위약벌 수천만원 지급 판결, 원고 승소
법원은 저희 주장을 받아들였고, 상대방이 내세운 위약벌 조항의 해석론과 감액 주장은 배척했습니다. 그 결과 언론사가 의뢰인에게 위약벌 수천만원 이상을 지급하라는 원고 승소 판결이 선고됐습니다. 합의까지 해 놓고도 기사가 남아 있어 답답해하시던 의뢰인도 그제야 마음을 놓으실 수 있었습니다.
돌이켜 보면 조정을 갈음하는 결정을 수용하지 않고 이의신청을 택한 판단이 결과를 갈랐습니다. 신속한 종결만 따졌다면 조정 단계에서 마칠 수도 있었지만, 약속을 어긴 쪽의 책임을 다시 덜어 주는 결말이 맞는지 끝까지 따져 본 끝에 판결을 받아 보자는 쪽으로 방향을 잡았고, 그 선택이 좋은 결과로 이어졌습니다.
"합의서는 서명으로 완성되는 것이 아니라 이행으로 완성됩니다. 위약벌 조항은 그 이행을 지키게 하는 장치였고, 이번 판결로 그 무게가 확인됐습니다."
— 뉴로이어 법률사무소
이번 사건을 진행하며 다시 확인한 것은, 합의서를 쓰는 것만으로 분쟁이 끝나지는 않는다는 점입니다. 기사삭제나 검색 차단처럼 후속 이행이 남는 약속이라면, 지키지 않았을 때 어떤 책임을 지는지까지 합의서에 정해 두는 것이 요체입니다. 이 사건에서도 위약벌 조항이 있었기에 기사 내용부터 다시 다투지 않고 곧장 불이행 책임을 물을 수 있었습니다.
언론중재위원회에서 합의를 마쳤는데 기사가 그대로 남아 있거나 상대방이 약속한 조치를 계속 미루고 있다면, 기다리기만 하지는 마시기 바랍니다. 이미 작성해 둔 합의서 안에 책임을 물을 근거가 담겨 있을 수 있습니다.
기사삭제·검색차단 합의, 이행 단계 점검 포인트
합의서에 차단·삭제 의무의 범위와 이행 기한이 구체적으로 적혀 있는가
불이행 시 위약벌 등 책임 조항이 들어 있는가, 그 문언은 어떻게 돼 있는가
합의 뒤에도 기사가 검색·열람되는 상태를 날짜와 함께 자료로 남겼는가
상대방에게 시정을 요청한 내역(일시·방법·답변)을 기록해 두었는가
위약벌 외에 지연손해금 등 함께 청구할 항목을 검토했는가
조정을 갈음하는 결정이 나오면 수용과 이의신청의 득실을 따져 보았는가
관련 개념·법령 정리
위약벌
채무를 이행하도록 압박하기 위해 불이행 시 물기로 약정한 제재금입니다. 손해 전보가 목적인 손해배상액의 예정과 구별되며, 실무상 손해배상액 예정에 관한 감액 규정이 그대로 적용되지 않는 것으로 다뤄져 감액 공방의 향방이 갈리는 지점이 됩니다.
위약금·손해배상액의 예정 (민법 제398조)
당사자는 채무불이행에 관한 손해배상액을 미리 정할 수 있고, 예정액이 부당히 과다하면 법원이 감액할 수 있습니다. 위약금 약정은 손해배상액의 예정으로 추정되므로, 위약벌로 인정받으려면 조항의 목적과 문언이 뒷받침돼야 합니다.
조정을 갈음하는 결정
소송 중 법원이 분쟁의 조기 해결을 위해 내리는 결정으로, 정해진 기간 안에 이의신청을 하면 확정되지 않고 소송 절차가 이어집니다.
이 사건을 담당한 변호인
언론 보도와 평판이 걸린 사건은 형사·민사·언론중재 절차를 하나의 흐름으로 설계해야 합니다. 이 사건은 대표변호사가 직접 수행했습니다.
CEO Lawyer
김수열 대표변호사
#명예훼손·모욕#사이버범죄#인플루언서·MCN
서울대학교 심리학과를 거쳐 서울대학교 법학전문대학원을 졸업했고, 법무법인 율촌을 거쳐 뉴로이어 법률사무소를 이끌고 있는 대한변호사협회 인증 형사전문변호사입니다. 언론 보도와 평판이 걸린 명예훼손 사건을 형사 고소부터 민사·언론중재 절차까지 직접 수행합니다.
언론사 가짜뉴스 명예훼손·업무방해 고소대리
서울대 총학생회장 명예훼손 사건 대법원 파기환송 승소
유명 웹툰·드라마·웹소설 작가, 100만 유튜버 고소대리
프로필 자세히 보기 →
FAQ위약벌·기사삭제 합의, 자주 묻는 질문
위약벌과 위약금은 무엇이 다른가요?
위약금은 손해배상액을 미리 정해 두는 성격(손해배상액의 예정)으로 추정되고, 부당히 과다하면 법원이 감액할 수 있습니다. 반면 위약벌은 의무 이행을 압박하기 위한 제재금으로, 손해배상액 예정의 감액 규정이 그대로 적용되지 않는 것으로 다뤄집니다. 어느 쪽으로 평가되는지는 조항의 문언과 목적에 따라 갈립니다.
위약벌도 깎일 수 있나요?
손해배상액 예정처럼 곧바로 감액되지는 않는 것으로 다뤄지지만, 금액이 지나치게 무겁다고 평가되는 경우 효력이 일부 다퉈질 여지는 있습니다. 이 사건에서는 조항의 목적과 문언, 상대방이 실제로 약속을 어긴 사실을 중심으로 반박해 감액 주장이 배척됐습니다.
언론중재위원회에서 합의했는데 기사가 안 내려가면 어떻게 해야 하나요?
먼저 기사가 여전히 검색·열람되는 상태를 날짜와 함께 자료로 남기고, 시정 요청 내역도 기록해 두시기 바랍니다. 합의서에 위약벌 등 책임 조항이 있다면 기사 내용을 다시 다투지 않고 불이행 책임을 곧장 물을 수 있으므로, 합의서를 들고 검토를 받아 보시는 것이 출발점이 됩니다.
법원의 조정을 갈음하는 결정은 그대로 받아들여야 하나요?
수용하면 사건이 빨리 끝나는 장점이 있지만, 청구의 일부가 줄어든 채 마무리될 수 있습니다. 정해진 기간 안에 이의신청을 하면 결정은 확정되지 않고 소송이 이어지므로, 조항의 내용과 입증 상태, 기대 금액을 견주어 사건마다 판단할 문제입니다. 이 사건에서는 이의신청 후 판결로 가는 쪽이 결과적으로 유리했습니다.
기사삭제 합의서를 쓸 때 무엇을 넣어 두어야 하나요?
삭제·차단 의무의 범위(검색 차단, 열람 차단, 포털 반영 등)와 이행 기한을 구체적으로 적고, 지키지 않았을 때의 책임 조항을 함께 두는 것이 요체입니다. 이 사건에서도 위약벌 조항이 있었기에 불이행 즉시 책임을 물을 수 있었습니다.
위약벌을 청구하려면 기사 내용이 위법하다는 점을 다시 입증해야 하나요?
합의 불이행을 원인으로 하는 청구라면 초점은 기사 내용이 아니라 약속을 어겼다는 사실에 놓입니다. 이 사건에서도 기사 위법성을 재론하지 않고 차단 의무 위반과 위약벌 조항만으로 청구를 구성해 판결을 받았습니다. 다만 사안에 따라 청구 구성이 달라질 수 있어 개별 검토가 필요합니다.
함께 보면 좋은 글
언론기사 허위사실 보도 손해배상, 일부 승소 원고 대리 성공사례
전여자친구 허위사실유포 명예훼손·스토킹·통매음, 손해배상 700만원 성공사례
명예훼손·모욕 성공사례 더 보기
합의는 이행까지 지켜져야 끝난 것입니다
기사삭제·검색차단 합의가 지켜지지 않고 있다면 작성해 둔 합의서를 준비해 문의해 주세요.언론분쟁·명예훼손 사건 경험이 축적된 변호사가 대응 방향을 함께 잡아 드립니다.
카카오톡 상담
070-8098-0421
홈페이지 상담 신청
인용 법령: 민법 제398조(배상액의 예정) (국가법령정보센터, 작성일 기준)
뉴로이어 법률사무소 · 서울 서초구 강남대로 525 세영제이타워 11층(06536) · 사업자등록번호 588-14-01388 · [email protected]
본 성공사례는 뉴로이어 법률사무소가 실제 수행한 사건을 바탕으로 작성됐으며, 의뢰인 보호를 위해 일부 사실관계를 조정했습니다. 개별 사건의 결과는 구체적 사정에 따라 달라질 수 있어, 본 글이 유사 사건에서 동일한 결과를 약속하는 것은 아닙니다.
{
"@context": "https://schema.org</a>",
"@type": "Article",
"headline": "기사삭제 합의를 지키지 않은 언론사, 위약벌 수천만원 지급 판결로 책임을 물은 성공사례",
"description": "언론중재위원회에서 기사 검색·열람 차단에 합의하고도 이행하지 않은 언론사를 상대로, 합의서의 위약벌 조항에 근거해 소송을 제기하고 감액 주장까지 막아 위약벌 수천만원 이상 지급 판결을 받아낸 뉴로이어 원고 승소 성공사례입니다. 기사삭제 합의 불이행 대응 과정을 정리했습니다.",
"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</a>",
"image": "https://newlawyer.co.kr/data/file/member/thumb-238321632_UzWE7X3O_a622b2fa6778b002d58c2ddc7bdddb15cb53f084_460x460.jpg</a>",
"knowsAbout": [
"명예훼손·모욕",
"언론분쟁",
"사이버범죄",
"인플루언서·MCN",
"협박·스토킹"
],
"alumniOf": {
"@type": "CollegeOrUniversity",
"name": "서울대학교 법학전문대학원"
},
"worksFor": {
"@type": "LegalService",
"name": "뉴로이어 법률사무소",
"url": "https://www.newlawyer.co.kr</a>"
}
},
"publisher": {
"@type": "LegalService",
"name": "뉴로이어 법률사무소",
"url": "https://www.newlawyer.co.kr</a>",
"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/31/397</a>"
},
"about": [
"위약벌",
"기사삭제",
"언론중재위원회 합의",
"위약벌 감액",
"기사 검색 차단"
]
}
{
"@context": "https://schema.org</a>",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "홈",
"item": "https://www.newlawyer.co.kr</a>"
},
{
"@type": "ListItem",
"position": 2,
"name": "성공사례",
"item": "https://www.newlawyer.co.kr/31</a>"
},
{
"@type": "ListItem",
"position": 3,
"name": "명예훼손 · 언론",
"item": "https://www.newlawyer.co.kr/31?sca=%EB%AA%85%EC%98%88%ED%9B%BC%EC%86%90+%C2%B7+%EB%AA%A8%EC%9A%95</a>"
},
{
"@type": "ListItem",
"position": 4,
"name": "기사삭제 위약벌 지급 판결",
"item": "https://www.newlawyer.co.kr/31/397</a>"
}
]
}
{
"@context": "https://schema.org</a>",
"@type": "FAQPage",
"mainEntity": [
{
"@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": "삭제·차단 의무의 범위(검색 차단, 열람 차단, 포털 반영 등)와 이행 기한을 구체적으로 적고, 지키지 않았을 때의 책임 조항을 함께 두는 것이 요체입니다. 이 사건에서도 위약벌 조항이 있었기에 불이행 즉시 책임을 물을 수 있었습니다."
}
},
{
"@type": "Question",
"name": "위약벌을 청구하려면 기사 내용이 위법하다는 점을 다시 입증해야 하나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "합의 불이행을 원인으로 하는 청구라면 초점은 기사 내용이 아니라 약속을 어겼다는 사실에 놓입니다. 이 사건에서도 기사 위법성을 재론하지 않고 차단 의무 위반과 위약벌 조항만으로 청구를 구성해 판결을 받았습니다. 다만 사안에 따라 청구 구성이 달라질 수 있어 개별 검토가 필요합니다."
}
}
]
}
{
"@context": "https://schema.org</a>",
"@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;
gap: 6px;
margin-top: 18px;
font-size: 12px;
color: #c5d1e0;
letter-spacing: 0.08em;
position: relative;
}
.nl-cta-secret::before { content: "????"; }
.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;
}
}
