@charset "utf-8";

#lawyer-view { padding: 200px 0 100px; } 
#lawyer-view .lawyer-intro .profile-img {float: left;width: 280px;} 
#lawyer-view .lawyer-intro .intro-con { float: left; margin-left: 100px; margin-top: 120px; } 
#lawyer-view .lawyer-intro .intro-con .name-and-role span { display: block; } 
#lawyer-view .lawyer-intro .intro-con .name-and-role span.name { font-size: 50px; font-weight: bold; margin-bottom: 20px; } 
#lawyer-view .lawyer-intro .intro-con .name-and-role span.role { font-size: 30px; font-weight: 400; } 
#lawyer-view .lawyer-intro .intro-con .contact { margin-top: 100px; } 
#lawyer-view .lawyer-intro .intro-con .contact li { display: inline-block; margin-right: 50px; } 
#lawyer-view .lawyer-intro .intro-con .contact li p.title { color: var(--page-theme-color); font-size: 20px; font-weight: bold; margin-bottom: 20px; } 
#lawyer-view .lawyer-intro .intro-con .contact li p.con { font-size: 20px; font-weight: 500; } 
#lawyer-view .lawyer-ment { margin: 70px 0; font-size: 35px; border-bottom: 1px solid #cacaca; padding-bottom: 25px; } 
#lawyer-view .career .career-box { margin-bottom: 70px; border-bottom: 1px solid #cacaca; padding-bottom: 30px; } 
#lawyer-view .career .career-box .career-tit { font-size: 26px; font-weight: bold; margin-bottom: 30px; } 
#lawyer-view .career .career-box .career-con { font-size: 17px; line-height: 2; } 
#lawyer-view .lawyer_introduce_pic a { float: left; width: 49%; margin-right: 1%; height: 385px; } 
#lawyer-view .lawyer_introduce_pic a img { display: block; width: 100%; object-fit: cover; height: 100%; } 

.case-list { float: left; width: 31.3333%; margin: 0 1%; } 
.case-list > img { border: 1px solid #eee; object-fit: cover; width: 100%; height: 222px; cursor: pointer; } 
.case-list .cont { text-align: left; padding: 20px 0; line-height: 1.3; color: #757575; } 
.case-list .cont .list-title { margin-bottom: 10px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

/* 미디어 쿼리 */
@media (max-width: 1000px) { /* 태블릿,모바일 레이아웃 변경 */
 #lawyer-view { padding: 150px 0; } 
 #lawyer-view .lawyer-intro { text-align: center; } 
 #lawyer-view .lawyer-intro .profile-img { float: none; } 
 #lawyer-view .lawyer-intro .intro-con { float: none; margin-top: 50px; margin-left: 0; } 
 #lawyer-view .lawyer-intro .intro-con .name-and-role span.name { font-size: 30px; } 
 #lawyer-view .lawyer-intro .intro-con .name-and-role span.role { font-size: 20px; } 
 #lawyer-view .lawyer-intro .intro-con .contact { margin-top: 50px; } 
 #lawyer-view .lawyer-intro .intro-con .contact li { width: 46%; margin: 0 1%; text-align: center; } 
 #lawyer-view .lawyer-intro .intro-con .contact li p.title,
 #lawyer-view .lawyer-intro .intro-con .contact li p.con { font-size: 17px; word-break: keep-all; } 
 #lawyer-view .lawyer-ment { font-size: 27px; word-break: keep-all; } 
 #lawyer-view .career .career-box .career-tit { font-size: 20px; } 
 #lawyer-view .career .career-box .career-con { font-size: 15px; line-height: 1.7; } 

 #lawyer-view .lawyer_introduce_pic a { margin: 10px 0; display: block; width: 100%; height: auto; } 
 #lawyer-view .lawyer_introduce_pic a img { width: 100%; display: block; } 
 }

 @media (max-width: 400px){
 #lawyer-view .lawyer-intro .intro-con .contact li p.title,
 #lawyer-view .lawyer-intro .intro-con .contact li p.con { font-size: 14px; } 
 }