@charset "utf-8";

.m_header #logo {display:none;}

/* layout */
.mv_wrap {
	position:relative;
	height:890px;
	background:#000;
}
.mvt_box {
	position:absolute;
	left:50%; margin-left:-600px;
	top:58px; bottom:138px;
	color:#fff;
	background:url("../image/main/mv_op.png");
	z-index:111;
}
.mvt_tbl {
	display:table;
	width:100%; height:400px;
	position:relative;
	top:50%; margin-top:-200px;
}
.mvt {
	display:table-cell;
	vertical-align:middle;
	padding:0 90px;
	position:relative;
}
.m_content {
	margin-top:-80px;
	min-height:100px;
	padding-bottom:125px;
	position:relative;
	z-index:1111;
}
.m_content .inner {
	min-height:300px;
}
/* main visual */
.mv .item span {
	display:block;
	height:890px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.mvt_logo {
	position:absolute;
	display:block;
	padding:12px 40px;
	background:#000;
	position:right;
	top:50%; right:0;
	margin-top:-35px;
}
.mvt .tit img {
	display:block;
	height:65px;
}
.mvt .bar {
	display:block;
	width:32px; height:2px;
	background:#9c9c9c;
	margin:25px 0 20px;
}
.mvt .desc {
	font-size:1.14em;
	line-height:1.5625em;
}
.mv_search {
	width:370px; height:70px;
	padding-right:70px;
	margin-top:50px;
	position:relative;
	background:url("../image/main/search_op.png");
}
.mv_search input[type="text"] {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	color:#fff;
	border-radius:0;
	outline:0;
	border:0;
	width:310px; height:70px;
	padding:0 30px;
	background:transparent;
	font-size:1.21em;
	line-height:1.5em;
	letter-spacing:-0.03em;
}
	.mv_search input[type="text"]::-webkit-input-placeholder {color:#fff;}
	.mv_search input[type="text"]::-moz-placeholder {color:#fff;}
	.mv_search input[type="text"]:-moz-placeholder {color:#fff;}
	.mv_search input[type="text"]:-ms-input-placeholder {color:#fff;}
.mv_search input[type="image"] {
	position:absolute;
	right:0; top:0;
}
/* 하단 컨텐츠 */
.m_left {
	float:left;
	width:188px;
}
.m_right {
	float:right;
	width:1002px;
}
.m_cate li {
	margin-bottom:1px;
}
.m_cate a {
	display:block;
	height:50px;
	padding:0 42px 0 20px;
	background:#6e6e6e;
	color:#fff;
	font-weight:600;
	font-size:1.14em;
	line-height:50px;
	transition:background-color 0.2s ease;
	-webkit-transition:background-color 0.2s ease;
	-moz-transition:background-color 0.2s ease;
	-o-transition:background-color 0.2s ease;
}
.desktop .m_cate a:hover,
.desktop .m_cate a:focus {
	background-color:#191919;
}
.m_cate .on a {
	background:#191919 url("../image/main/left_bl.png") no-repeat right 0;
}
/* list */
.m_grid_box {
	margin-top:-0.4%;
	margin-right:-0.4%;
}
.m_grid {
	animation:openGrid 0.75s ease;
	-webkit-animation:-webkit-openGrid 0.75s ease;
}
.m_grid .item {
	float:left;
	width:19.2%;
	padding:0.4%;
	position:relative;
}
.m_grid .item a {
	display:block;
	position:relative;
	color:#4a4a4a;
	box-shadow:0 0 6px rgba(0,0,0,0.2);
}
.m_grid .img img {
	display:block;
	width:100%;
}
.m_grid .txt {
	padding:17px 20px;
	letter-spacing:-0.0375em;
	background:#fff;
	transition:0.15s ease;
	-webkit-transition:0.15s ease;
	-moz-transition:0.15s ease;
	-o-transition:0.15s ease;
}
.m_grid .cate {
	font-size:.85em;
	color:#9a9a9a;
	margin-bottom:10px;
}
.m_grid .tit {
	font-size:1.14em;
	line-height:1.5625em;
	color:#2a2a2a;
	font-weight:600;
	letter-spacing:-0.05em;
}
.m_grid .desc {
	font-size:.928em;
	color:#6a6a6a;
	line-height:1.53em;
	margin-top:15px;
}
.m_grid .date {
	margin-top:20px;
	font-size:.85em;
	color:#9a9a9a;
}
.m_grid .new {
	display:block;
	position:absolute;
	right:0; top:0;
	z-index:1;
	width:39px;
}
.desktop .m_grid a:hover .txt,
.desktop .m_grid a:focus .txt {
	background:#303030;
}
.desktop .m_grid a:hover .tit,
.desktop .m_grid a:hover .desc,
.desktop .m_grid a:hover .date,
.desktop .m_grid a:focus .tit,
.desktop .m_grid a:focus .desc,
.desktop .m_grid a:focus .date {
	color:#fff;
	transition:0.15s ease;
	-webkit-transition:0.15s ease;
	-moz-transition:0.15s ease;
	-o-transition:0.15s ease;
}
.m_grid .item .more {
	display:block;
	height:50px;
	line-height:50px;
	background:#494949;
	color:#fff;
	font-weight:600;
	text-align:center;
}
.m_grid .no-ct {
	padding:0.4%;
}
.m_grid .no-ct p {
	background:#fff;
}
.m_grid .thumb_court {
	display:block;
	padding:13% 0;
	text-align:center;
	background:#8b8b8b;
}
.m_grid .thumb_court em {
	display:block;
	color:#fff;
	font-size:1.14em;
	font-weight:600;
	margin-top:10px;
	line-height:1.2em;
	letter-spacing:-0.03em;
}


/* grid initial animation */
@keyframes openGrid {
	from {
		transform:translate(0, 100px);
		opacity:0;
	}
	to {
		transform:translate(0, 0);
		opacity:1;
	}
}

@keyframes -webkit-openGrid {
	from {
		-webkit-transform:translate(0, 100px);
		opacity:0;
	}
	to {
		-webkit-transform:translate(0, 0);
		opacity:1;
	}
}




/* 20251202 추가 */
.main-lawyer-list{
  padding-bottom: 80px;
}
.ngw-title{
  color: #2A2A2A;
font-family: NanumGothic;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 40px */
letter-spacing: -1.6px;
margin: 80px 0 40px;
}
.ngw-list .slick-slide {
  padding: 0 10px;   
  box-sizing: border-box;
}
.ngw-list .slick-list {
  margin: 0 -10px;   
}
.ngw-list .slick-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-lawyer-list .ngw-caption{
  padding: 25px 20px;
  background: #191919;
  color: #CCC;
font-family: NanumGothic;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: -0.64px;
}
.main-lawyer-list .ngw-caption span{
  color: #FFF;
font-family: NanumGothic;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 25px */
letter-spacing: -1px;
margin-right: 6px;
}
.ngw-thumb{
  position: relative;
}
.ngw-thumb::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 5px;
  background: #B4D012;
}
.main-lawyer-list .slick-prev,
.main-lawyer-list .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #6E6E6E;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
}

.main-lawyer-list .slick-prev::before,
.main-lawyer-list .slick-next::before {
    content: ''; 
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 7px; 
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: brightness(0) invert(1);
    transition: filter 0.2s ease; 
}
.main-lawyer-list .slick-prev {
  left: 0;
}

.main-lawyer-list .slick-next {
  right: 0;
}
.main-lawyer-list .slick-prev::before {
    background-image: url('/image/main/main-slick-ar01.svg');
}

.main-lawyer-list .slick-next::before {
    background-image: url('/image/main/main-slick-ar02.svg');
}
@media all and (min-width:768px) {
  .main-lawyer-list .slick-prev:hover::before,
  .main-lawyer-list .slick-next:hover::before {
      filter: none;   
  }
  .main-lawyer-list .slick-prev:hover,
  .main-lawyer-list .slick-next:hover {
    background: #191919;
}
}

@media all and (max-width:1024px) {
  .ngw-title {
    font-size: 30px;
}
.main-lawyer-list .ngw-caption span {
  font-size: 22px;
}
.main-lawyer-list .slick-prev,
.main-lawyer-list .slick-next {
    width: 40px;
    height: 40px;
}
}