#lawyerListContainer {
  margin-bottom:150px;
}

.lawyerListWrap {
  width:100%;
  display:flex;
  gap:32px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top:82px;
}
.lawyerPerBox {
  width:48.5%;
}
.lawyerPerBox .lawyer{
  width:100%;
  height:30vw;
  background-color: var(--color-f4);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background-image: url("../images/simbol.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}
.lawyerPerBox .lawyer img {
  position: absolute;
  width:80%;
  left:10%;
  /* transform:translateX(-50%); */
  transform:scale(0.9);
  transition: .3s;
  cursor: pointer;
}
.lawyerPerBox .lawyer img:hover,
.advisorBox .advisor img:hover {
  transform:scale(1);
}
.lawyerName,
.advisorName {
  width:100%;
  padding:0 8px;
  display:flex;
  justify-content: flex-start;
  align-items: baseline;
  gap:12px;
  margin-top:22px;
}
.lawyerName h4,
.advisorName h4 {
  font-size:28px;
  font-weight: 700;
}
.lawyerName p,
.advisorName p {
  font-size:20px;
  font-weight: 600;
  color:var(--color-76);
}


.advisorListWrap {
  width:100%;
  margin-top:120px;
  display:flex;
  gap:32px;
  justify-content: space-between;
  align-items: flex-start;
}
.advisorBox {
  width:33%;
}
.advisorBox .advisor {
  width:100%;
  height:22vw;
  background-color: var(--color-f4);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.advisorBox .advisor img {
  position: absolute;
  width:80%;
  top:10%;
  left:10%;
  transform:scale(0.9);
  transition: .3s;
  cursor: pointer;
}



/* view */
#lawyerProfileContainer {
  width:100%;
  margin:54px 0 150px 0;
  background-image: url("../images/simbol.png");
  background-repeat: no-repeat;
  background-position:20% 8%;
}
#lawyerProfileContainer .profileName {
  width:100%;
  text-align:center;
}
.profileName h2 {
  padding:10px 20px;
  border-radius: 90px;
  background-color: var(--color-f8);
  color:var(--color-main);
  font-size:18px;
  font-weight: 500;
  width:max-content;
  margin:0 auto;
}
.profileName h1 {
  font-size:40px;
  font-weight: 700;
  margin:22px 0 6px 0;
}
.profileName div {
  width:3px;
  height:3px;
  border-radius: 90%;
  background-color: var(--color-main);
  margin:32px auto;
}
.profileName .lawyerComment {
  font-size:20px;
  font-weight: 300;
}


.profileImg {
  width:100%;
  min-height:30vw;
  position:relative;
  margin-top:80px;
}
.profileImg::before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:25vw;
  background-color:var(--color-f8);
  border-top-right-radius: 600px;
}
.profileImg .w1400 {
  position: relative;
  z-index:2;
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:70px;
}
.profileImg .left {
  width:60%;
  position: relative;
  z-index:2;

  display:flex;
  flex-wrap:wrap;
  justify-content: flex-end;
  gap:36px;
}
.left.mobile768 {
  display: none;
}
.profileImg .left h2 {
  text-align:right;
  font-size:36px;
  line-height: 1.8;
  font-family: "Bookend Batang", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.profileImg .right {
  width:40%;
  height:35vw;
  position: relative;
  z-index:2;
  overflow: hidden;

  display:flex;
  justify-content: center;
  align-items: flex-start;
}
.profileImg .right img {
  width:100%;
  /* height:100%;
  object-fit: cover; */
}

.workList {
  width:440px;
  padding:32px;
  border-radius: 20px;
  background-color: white;
  border:solid 1px var(--color-e8);

  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}
.workList h5 {
  font-weight: 600;
  width:30%;
  padding-top:4px;
}
.workList ul {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  gap:12px;
  width:70%;
}
.workList ul li,
.historyBox ul li {
  line-height: 2;
  padding-left:18px;
  position: relative;
  width:100%;
}
.workList ul li::before,
.historyBox ul li::before {
  content: "";
  display:block;
  width:6px;
  height:6px;
  border-radius: 90px;
  background-color: var(--color-d9);
  position: absolute;
  left:0;
  top:13px;
  /* transform:translateY(-50%); */
}


.lawyerHistory {
  width:100%;
}
.lawyerHistory .w1400 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap:0;
  margin-top:110px;
  flex-wrap:wrap;
}
.lawyerHistory section {
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.lawyerHistory section:first-child {
  border-bottom:solid 1px black;
}
.historyBox {
  width:50%;
  padding:100px 0;

  display:flex;
  justify-content: flex-start;
  align-items: stretch;
  gap:10%;
}


.historyBox h1 {
  width:30%;
  font-size:46px;
  font-weight: 500;
  text-align:left;
  border-right:dotted 2px var(--color-e8);
  position: relative;
  line-height: 1;
}
.historyBox h1::before {
  content:"";
  display:block;
  position: absolute;
  width:9px;
  height:9px;
  border-radius: 90px;
  background-color: var(--color-main);
  right:-6px;
  top:16px;
}
.historyBox ul {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  gap:12px;
  width:70%;
}