@charset "utf-8";
/* 2022년 12월 21일 ... 기존 css가 너무 복잡하여 작업시 순차적으로 정리합니다. */


/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20221220 (서브)변호사 목록 페이지 정리   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
/* 20200428 변호사소개 페이지 디자인수정*/
.lawyerListWrap {}
.lawyerList ul:after { display:block; clear:both; content:''; }
.lawyerList ul { width:calc(100% + 10px); transform:translateX(-5px); }
.lawyerList ul li  { width:25%; padding:5px; float:left; }
.lawyerList ul li .lawyerCnts { position:relative; overflow:hidden; }
.lawyerList ul li .lawyerCnts a { display:block; width:100%; height:100%; }
.lawyerList ul li .lawyerCnts .lawyerPic { }
.lawyerList ul li .lawyerCnts .lawyerPic img { width:100%; 
		transform:matrix(1, 0, 0, 1, 0, 0); 
		transition:0.2s ease-in; 
		-moz-transition:0.2s ease-in; 
		-webkit-transition:0.2s ease-in; 
		-ms-transition:0.2s ease-in;}
.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.05, 0, 0, 1.05, 0, 0); }
.lawyerList ul li .lawyerCnts .lawyerText { position:absolute; width:100%; padding:10px; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:right; }
.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:17px; }
.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:13px; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:19px; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:28px; font-weight:500; display:inline-block; margin-right:5px; }
.lawyerList.list02 { margin-top:80px; }
.lawyerList.list02  ul li  { width:16.666666%;  }
.lawyerList.list02 ul li .lawyerCnts .lawyerText { padding:5px 10px; text-align:center; }
.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:16px; }
.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:22px; }

@media (max-width: 1080px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:24px; }
}

@media (max-width: 959px) {
	.lawyerList ul li  { width:50%;  }
	.lawyerList.list02  ul li  { width:25%;  }
}

@media (max-width: 767px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:11px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:17px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:25px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:14px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:20px; margin-right:3px; }
}

@media (max-width: 639px) {
	.lawyerList.list02  ul li  { width:33.33333%;  }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
}

/*20200729  변호사 목록 페이지 수정 */
.sub-top-img.lawyerpage { background:url(/img/lawyer/lawyer_top_bg.jpg)center bottom no-repeat; height:auto; padding:60px 0 80px 0; }
.sub-top-img.lawyerpage .container { text-align:center; }
.sub-top-img.lawyerpage .container img { width:90%; max-width:739px; margin:0 auto; max-width:915px; }
.lawyerList.newlist ul { width:100%; transform:translateX(-0px); }
.lawyerList.newlist ul li { width:25%; padding:0; margin-top:30px; }
.lawyerList.newlist ul li:nth-child(4n+1) { clear:both; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic { position:relative; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.pc { display:block; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.mobile { display:none; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.15);
transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:hover:after { background:rgba(0,0,0,0); transition: all .3s ease-out; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:hover img { transform: matrix(1.03, 0, 0, 1.03, 0, 0); }

@media (max-width: 958px) {
	.lawyerList.newlist ul li { width:50%; padding:0; margin-top:20px; }
	.lawyerList.newlist ul li:nth-child(4n+1) { clear:none; }
	.lawyerList.newlist ul li:nth-child(2n+1) { clear:both; }
}

@media (max-width: 598px) {
	.sub-top-img.lawyerpage { padding:30px 0 40px 0; }
	.sub-top-img.lawyerpage .container img { width:96%; }

	.lawyerList.newlist ul li { width:100%; padding:0; margin-top:10px; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.pc { display:none; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.mobile { display:block; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic:after { display:none; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerText { text-align:center; }
}

/* 변호사 목록 페이지 수정 20201118 */
.lawyerTab .tab {}
.lawyerTab .tab:after { display:block; clear:both; content:''; }
.lawyerTab .tab li { width:50%; float:left; }
.lawyerTab .tab li:nth-child(2){ margin-left:-1px; }
.lawyerTab .tab li a { display:block; width:100%; line-height:56px; text-align:center; font-size:18px; color:#333; border:1px solid #ccc; }
.lawyerTab .tab li a:hover { background:#f1f1f1; }
.lawyerTab .tab li.on a { background:#0d4068; border-color:#0d4068; color:#fff; }
.tabContent { margin-top:30px; }
.lawyerList.newlist ul.col03 li { width:33.3333%; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong { background:rgba(254,208,128,0.5); padding:0 10px; border-radius:3px; }
.lawyerList ul li .lawyerCnts .lawyerText strong.bg { background:rgba(254,208,128,0.5); padding:0 10px; border-radius:3px; background:#7c6033; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong { margin-top:2px; display:inline-block; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong.first { margin-top:0; }
.lawyerList.newlist ul.col03 li:nth-child(4n+1) { clear:none; }
.lawyerList.newlist ul.col03 li:nth-child(3n+1) { clear:both; }
.tabWrap.lawyerTab { display:none; }
#lawyerList02 { display:block; }
.lawyerList.newlist ul.col03.first li { /*margin-top:0;*/ }
.tab_title { margin-top:100px !important; display:block; font-size:34px; font-weight:700; }
.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { background:#7c6033; border:1px solid #8a6f44; display:inline-block; }

@media (max-width: 959px) {
	.lawyerList.newlist ul li { width:33.3333%; }
	.lawyerList.newlist ul li:nth-child(2n+1) { clear:none; }
	.lawyerList.newlist ul li:nth-child(3n+1) { clear:both; }
	.lawyerList.newlist ul.col03 li:nth-child(2n+1) { clear:none; }
	.tab_title { font-size:28px; margin-bottom:0px; }
}

@media (max-width: 767px) {
	.lawyerTab .tab li a { line-height:40px; font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
}

@media (max-width: 598px) {
	.tabWrap.lawyerTab { display:block; }
	#lawyerList02 { display:none; }
	.tab_title { display:none; }
	.lawyerList.newlist ul li { width:100%; } 
	.lawyerList.newlist ul.col03 li { width:100%; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText { padding:0; text-align:left; background:none; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName { margin-top:3px; text-align:right; background:rgba(0,0,0,0.6); padding:5px 10px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:19px; font-weight:700; letter-spacing:0.05em; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong { margin-left:5px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { padding:2px 6px; font-size:15px; }
}

/* 변호사 목록 페이지 수정 20221221 */
.lawyerListWrap.new .tabWrap.lawyerTab { display:block; }
.lawyerListWrap.new .tabWrap.lawyerTab .tab {  display:flex; justify-content:space-between; width:100%; }
.lawyerListWrap.new .tabWrap.lawyerTab li { flex-grow:1; width:33.3333%; }
.lawyerListWrap.new .tab_title { display:none; }
.lawyerListWrap.new #lawyerList02,
.lawyerListWrap.new #lawyerList03 { display:none; }

@media (max-width: 598px) {
	.lawyerListWrap.new .tabWrap.lawyerTab li { width:auto; }
	.lawyerListWrap.new .tabWrap.lawyerTab li a { font-size:13px; }
}