/****** sub lawyer ******/
.sub.lawyer{}
.sub.lawyer .title-wrap{}

.sub.lawyer.detail{}
.sub.lawyer.detail .article{overflow:hidden;}

.sub.lawyer.detail .article .section.info{
	padding-bottom:0;
}

.sub.lawyer.detail .article .section.info::after{
	display:none;
}


/* =========================================================
   PROFILE HERO
========================================================= */

.sub.lawyer.detail .profile-hero{
	position:relative;
	width:100%;
	height:365px;
	overflow:hidden;
}

.sub.lawyer.detail .profile-image{
	width:100%;
	height:100%;
}

.sub.lawyer.detail .profile-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	vertical-align:top;
}

.sub.lawyer.detail .profile-info{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0 clamp(60px, 13.45%, 160px);

	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;

	color:#fff;
}

.sub.lawyer.detail .profile-name{
	display:flex;
	align-items:baseline;
	gap:12px;
}

.sub.lawyer.detail .profile-name .title{
	font-size:clamp(28px, 2.54vw, 36px);
	font-weight:700;
	line-height:1.2;
	color:#fff;
}

.sub.lawyer.detail .profile-name .position{
	font-size:18px;
	font-weight:500;
}

.sub.lawyer.detail .profile-info .email{
	margin-top:12px;
	color:#fff;
	font-size:15px;
	font-weight:500;
}

.sub.lawyer.detail .profile-info .btn{
	margin-top:28px;
	width:180px;
	height:46px;
	border:1px solid rgba(255,255,255,.8);
	background:transparent;
	color:#fff;
}


/* =========================================================
   INTRO
========================================================= */

.sub.lawyer.detail .profile-intro{
	display:flex;
	width:100%;
	padding:42px clamp(40px, 8.5%, 100px);
	background:#f4f7f8;
}

.sub.lawyer.detail .profile-intro > div{
	width:50%;
}

.sub.lawyer.detail .profile-intro .title{
	font-size:20px;
	font-weight:700;
	color:var(--darkBlue);
	letter-spacing:.12em;
}

.sub.lawyer.detail .profile-intro .text{
	margin-top:24px;
	font-size:16px;
	font-weight:500;
	line-height:1.8;
	word-break:keep-all;
}

.sub.lawyer.detail .intro-field{
	padding-left:50px;
}

.sub.lawyer.detail .intro-field .badge-list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:8px;
	margin-top:20px;
}

.sub.lawyer.detail .intro-field .badge-list li{
	width:auto;
	min-width:0;
	height:42px;

	display:flex;
	align-items:center;
	justify-content:center;

	border:1px solid #222;
	border-radius:5px;

	text-align:center;
}


.sub.lawyer.detail .intro-field .badge-list .ico-wrap .ico{
	display:none;
}

.sub.lawyer.detail .intro-field .badge-list span{
	padding:0;
	font-size:14px;
	letter-spacing:-.03em;
}


/* =========================================================
   DETAIL INFO
========================================================= */

.sub.lawyer.detail .article .section.info .info-footer{
	margin-top:0;
}

.sub.lawyer.detail .article .section.info .info-footer .info-box{
	display:grid;
	grid-template-columns:220px 1fr;
	column-gap:50px;

	margin:0;
	padding:55px 0;
	border-top:1px solid var(--lightGray2);
}

.sub.lawyer.detail .article .section.info .info-footer .info-box:first-child{
	border-top:0;
}

.sub.lawyer.detail .article .section.info .info-footer .info-box .title{
	font-size:18px;
	font-weight:700;
}

.sub.lawyer.detail .article .section.info .info-footer .info-list{
	font-size:16px;
	line-height:1.7;
}

.sub.lawyer.detail .article .section.info .info-footer .info-list span{
	display:block;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap{
	font-size:16px;
	line-height:1.65;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap + .work-wrap{
	margin-top:20px;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap dt{
	font-size:16px;
	font-weight:700;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap dt + dd{
	margin-top:5px;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap ul{
	padding-left:10px;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap li{
	position:relative;
	padding-left:10px;
	display:flex;
}

.sub.lawyer.detail .article .section.info .info-footer .work-wrap li::before{
	content:"-";
	text-indent:-10px;
}


/* =========================================================
   TABLET
========================================================= */

@media all and (max-width:1260px){

	.sub.lawyer.detail .profile-hero{
		height:340px;
	}

	.sub.lawyer.detail .profile-info{
		padding-left:8%;
	}

	.sub.lawyer.detail .profile-intro{
		padding-left:6%;
		padding-right:6%;
	}

	.sub.lawyer.detail .intro-field{
		padding-left:35px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media all and (max-width:768px){

	.sub.lawyer.detail .profile-hero{
		height:auto;
		overflow:visible;
	}

	.sub.lawyer.detail .profile-image{
		width:100%;
		height:300px;
	}

	.sub.lawyer.detail .profile-image img{
		object-fit:cover;
		object-position:72% center;
	}

	.sub.lawyer.detail .profile-info{
		position:static;
		width:100%;
		height:auto;

		padding:30px;

		display:block;

		background:#fff;
		color:#111;
	}

	.sub.lawyer.detail .profile-name{
		gap:7px;
		align-items:baseline;
	}

	.sub.lawyer.detail .profile-name .title{
		font-size:26px;
		color:#111;
	}

	.sub.lawyer.detail .profile-name .position{
		font-size:16px;
		color:#111;
	}

	.sub.lawyer.detail .profile-info .email{
		display:block;
		margin-top:10px;
		color:#111;
		font-size:14px;
	}

	.sub.lawyer.detail .profile-info .btn{
		width:100%;
		height:52px;
		margin-top:20px;

		border:0;
		background:var(--darkBlue);
		color:#fff;
	}


	/* intro */

	.sub.lawyer.detail .profile-intro{
		display:block;
		padding:30px;
	}

	.sub.lawyer.detail .profile-intro > div{
		width:100%;
	}

	.sub.lawyer.detail .profile-intro .title{
		font-size:16px;
	}

	.sub.lawyer.detail .profile-intro .text{
		margin-top:16px;
		font-size:13px;
		line-height:1.7;
	}

	.sub.lawyer.detail .intro-field{
		margin-top:30px;
		padding-left:0;
	}

	.sub.lawyer.detail .intro-field .badge-list{
		grid-template-columns:repeat(3, 1fr);
		gap:5px;
		margin-top:14px;
	}

	.sub.lawyer.detail .intro-field .badge-list li{
		height:32px;
		border-radius:3px;
	}

	.sub.lawyer.detail .intro-field .badge-list span{
		font-size:12px;
		white-space:nowrap;
	}


	/* detail */

	.sub.lawyer.detail .article .section.info .info-footer .info-box{
		display:block;
		padding:30px;

		border-top:1px solid var(--lightGray2);
	}

	.sub.lawyer.detail .article .section.info .info-footer .info-box:first-child{
		border-top:0;
	}

	.sub.lawyer.detail .article .section.info .info-footer .info-box .title{
		font-size:15px;
	}

	.sub.lawyer.detail .article .section.info .info-footer .info-list{
		margin-top:15px;
		font-size:13px;
		line-height:1.8;
	}

	.sub.lawyer.detail .article .section.info .info-footer .work-wrap{
		font-size:13px;
		line-height:1.75;
	}

	.sub.lawyer.detail .article .section.info .info-footer .work-wrap dt{
		font-size:13px;
	}
}

/* =========================================================
   MEMBER DETAIL - PROFILE INTRO FIX
========================================================= */

.sub.lawyer.detail .profile-intro{
	display:grid;
	grid-template-columns:42% 58%;
	align-items:start;
	padding:50px 8.5%;
}

.sub.lawyer.detail .profile-intro > div{
	width:auto;
}

.sub.lawyer.detail .intro-about{
	padding-right:50px;
}

.sub.lawyer.detail .intro-field{
	padding-left:30px;
}

.sub.lawyer.detail .profile-intro .title{
	margin:0;
	font-size:20px;
	line-height:1.4;
	letter-spacing:.18em;
}

.sub.lawyer.detail .profile-intro .text{
	margin-top:24px;
	font-size:16px;
	line-height:1.8;
	word-break:keep-all;
}


/* 업무 분야 */

.sub.lawyer.detail .intro-field .badge-list{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:8px;

	width:100%;
	margin:20px 0 0;
	padding:0;
}

.sub.lawyer.detail .intro-field .badge-list li{
	display:flex;
	align-items:center;
	justify-content:center;

	width:auto;
	min-width:0;
	height:42px;
	margin:0;
	padding:0;

	border:1px solid #222;
	border-radius:5px;

	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
}

.sub.lawyer.detail .intro-field .badge-list li .ico-wrap{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

.sub.lawyer.detail .intro-field .badge-list li .ico{
	display:none;
}

.sub.lawyer.detail .intro-field .badge-list li span{
	display:block;

	width:auto;
	max-width:100%;
	padding:0;

	font-size:14px;
	line-height:1;
	letter-spacing:-.04em;

	white-space:nowrap;
	word-break:keep-all;
}


/* 혹시 기존 CSS에서 span 안쪽 텍스트를 강제로 block 처리한다면 방어 */
.sub.lawyer.detail .intro-field .badge-list li .ico-wrap > span{
	display:block;
	width:auto;
	white-space:nowrap;
}


/* =========================================================
   MOBILE
========================================================= */

@media all and (max-width:768px){

	.sub.lawyer.detail .profile-intro{
		display:block;
		padding:30px;
	}

	.sub.lawyer.detail .intro-about{
		padding-right:0;
	}

	.sub.lawyer.detail .intro-field{
		margin-top:32px;
		padding-left:0;
	}

	.sub.lawyer.detail .profile-intro .title{
		font-size:16px;
	}

	.sub.lawyer.detail .profile-intro .text{
		margin-top:16px;
		font-size:13px;
		line-height:1.7;
	}

	.sub.lawyer.detail .intro-field .badge-list{
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:5px;
		margin-top:14px;
	}

	.sub.lawyer.detail .intro-field .badge-list li{
		height:32px;
		border-radius:3px;
	}

	.sub.lawyer.detail .intro-field .badge-list li span{
		font-size:10px;
		letter-spacing:-.06em;
	}

}

.sub.lawyer.detail .intro-field .badge-list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:8px;
	width:100%;
	margin:20px 0 0;
	padding:0;
}

.sub.lawyer.detail .intro-field .badge-list li{
	width:100%;
	height:42px;
	min-width:0;
	margin:0;
	padding:0;

	display:flex;
	align-items:center;
	justify-content:center;

	border:1px solid #222;
	border-radius:5px;
	box-sizing:border-box;

	white-space:nowrap;
}

.sub.lawyer.detail .intro-field .badge-list li .ico-wrap{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

.sub.lawyer.detail .intro-field .badge-list li .ico{
	display:none;
}

.sub.lawyer.detail .intro-field .badge-list li span{
	display:block;
	width:auto;
	padding:0;

	font-size:14px;
	line-height:1;
	letter-spacing:-.05em;

	white-space:nowrap;
	word-break:keep-all;
}


/* 업무 분야 */
.sub.lawyer.detail .intro-field .badge-list{
	display:grid !important;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:8px;

	width:calc(100% - 30px);
	margin:28px 15px 0;
	padding:0 !important;

	border-top:0 !important;
}

.sub.lawyer.detail .intro-field .badge-list li{
	width:100%;
	height:42px;
	margin:0;
	padding:0;

	display:flex;
	align-items:center;
	justify-content:center;

	box-sizing:border-box;
	border:1px solid #222;
	border-radius:5px;

	white-space:nowrap;
}

.sub.lawyer.detail .intro-field .badge-list li .ico-wrap{
	width:100%;
	height:100%;
	padding:0;
	margin:0;

	display:flex;
	align-items:center;
	justify-content:center;
}

.sub.lawyer.detail .intro-field .badge-list li .ico{
	display:none;
}

.sub.lawyer.detail .intro-field .badge-list li span{
	display:block;
	width:auto;
	padding:0;

	font-size:14px;
	line-height:1;
	letter-spacing:-.05em;

	white-space:nowrap;
	word-break:keep-all;
}


.sub.lawyer.detail .intro-field .badge-list{
	width:100%;
	margin:28px 0 0;
}

/* 관련 업무 분야 */
.sub.lawyer.detail .intro-field{
	padding-left:20px;
	padding-right:0;
}

.sub.lawyer.detail .intro-field .badge-list{
	display:grid !important;
	grid-template-columns:repeat(3, minmax(0, 1fr));

	gap:8px;

	width:100%;
	margin:28px 0 0;
	padding:0 !important;

	border-top:0 !important;
}

.sub.lawyer.detail .intro-field .badge-list li{
	width:100%;
	height:44px;

	margin:0;
	padding:0 8px;

	display:flex;
	align-items:center;
	justify-content:center;

	box-sizing:border-box;

	border:1px solid #222;
	border-radius:5px;

	white-space:nowrap;
	overflow:hidden;
}

.sub.lawyer.detail .intro-field .badge-list li .ico-wrap{
	width:100%;
	height:100%;
	padding:0;
	margin:0;

	display:flex;
	align-items:center;
	justify-content:center;
}

.sub.lawyer.detail .intro-field .badge-list li .ico{
	display:none;
}

.sub.lawyer.detail .intro-field .badge-list li span{
	display:block;

	width:auto;
	max-width:100%;
	padding:0;

	font-size:14px;
	line-height:1;
	letter-spacing:-.06em;

	white-space:nowrap;
	word-break:keep-all;
}

.sub.lawyer.detail .profile-intro{
	display:grid;
	grid-template-columns:40% 60%;
	align-items:start;

	padding:45px 7%;
}


@media all and (max-width:768px){

	.sub.lawyer.detail .profile-intro{
		display:block;
		padding:30px;
	}

	.sub.lawyer.detail .intro-field{
		margin-top:32px;
		padding:0;
	}

	.sub.lawyer.detail .intro-field .badge-list{
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:6px;

		margin-top:18px;
	}

	.sub.lawyer.detail .intro-field .badge-list li{
		height:36px;
		padding:0 3px;
	}

	.sub.lawyer.detail .intro-field .badge-list li span{
		font-size:12px;
		letter-spacing:-.07em;
	}
}


 .sub.lawyer.detail .article .section.info .badge-list li {
        width: 100%;
    }

@media (min-width: 1261px) and (max-width: 1650px) {
    .sub.lawyer.detail .article .section.info .badge-list li {
        width: 100%;
    }
}

.sub.lawyer.detail .article .section.info .badge-list span{
	padding-top:0px;
}



.sub.lawyer.detail .profile-image{
	width:100%;
	height:100%;
	overflow:hidden;
}

.sub.lawyer.detail .profile-image picture{
	display:block;
	width:100%;
	height:100%;
}

.sub.lawyer.detail .profile-image .img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

@media all and (max-width:768px){

	.sub.lawyer.detail .profile-image{
		height:auto;
		overflow:hidden;
	}

	.sub.lawyer.detail .profile-image .img{
		display:block;
		width:100%;
		height:auto;
		object-fit:initial;
	}
}