/* 소송안내 */
.lawGuidContainer {
  margin-bottom:150px;
}
.guideBox {
  width:100%;
  border-radius: 20px;
  background-color: white;
  border:solid 1px var(--color-e8);
  box-shadow: 4px 4px 8px rgba(0,0,0,0.05);
  padding:42px 32px;
}
.guideBox h5 {
  font-size:18px;
  font-weight: 700;
  padding-bottom:16px;
}
.guideBox > .top {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.guideBox > .top p {
  color:var(--color-55);
}

.guideBox2 {
  margin-top:42px;
}
.guideBox2 > div {
  width:100%;
  display:flex;
  gap:24px;
  flex-wrap:wrap;
}
.q_guideBVox {
  width:100%;
  flex-wrap:wrap;
}
.q_guideBVox h5 {
  color:var(--color-main);
  font-weight: 700;
  line-height: 1.8;
}
.q_guideBVox h5 {
  padding-bottom:6px;
  word-break:keep-all;
}
.q_guideBVox p {
  color:var(--color-55);
  word-break:keep-all;
}


/* 소송진행하기 */
.lawStartBtn {
  width:100%;
  height:auto;
  margin-top:24px;
}
.lawStartBtn > a {
  display:block;
  width:100%;
  border-radius: 20px;
  background-color:var(--color-main);
  border:solid 1px var(--color-main);
  color:white;
  padding:20px 72px;
  transition: .3s;
  text-align:center;
}
.lawStartBtn > a:hover {
  background-color:var(--color-darkBg1);
}


/* 무료 상담 신청 */
.freeCounsel {
  margin-top:100px;
}
.freeCounsel h3 {
  font-size:24px;
  font-weight: 700;
  padding-bottom:24px;
}


.freeC_form {
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}
.freeC_form > div {
  width:100%;
}
.freeC_form > div > label {
  font-size:18px;
  font-weight: 500;
  width:100%;
}
.freeC_form > div > label span {
  color:var(--color-red);
  padding-left:4px;
}
.freeC_form > div input,
.freeC_form > div button {
  width:100%;
  height:60px;
  border-radius: 12px;
  background-color:white;
  border:solid 1px var(--color-e8);
  padding:18px 24px;
  margin-top:8px;
  outline:none;
}
.freeC_form > div input::placeholder {
  font-family: "Pretendard";
  font-weight: 500;
  color:var(--color-99);
}
.freeC_form > div button {
  display:flex;
  justify-content: space-between;
  font-size:16px;
}

#freeUsim,
.freeUsim_div {
  position: relative;
}
.freeUsim_list {
  position: absolute;
  bottom:-320%;
  left:0;
  z-index:2;
  background-color:var(--color-f8);
  border:solid 1px var(--color-e8);
  width:100%;
  border-radius: 12px;

  height:0;
  opacity: 0;
  overflow:hidden;
  visibility: hidden;
  transition:0.3s;
}
.freeUsim_list.view {
  height:auto;
  opacity: 1;
  visibility: visible;
}
.freeUsim_list > li {
  width:100%;
  text-align:center;
  padding:0%;
  padding:24px 0;
  cursor: pointer;
}
.freeUsim_list > li:not(last-child){
  border-bottom:dotted 1px var(--color-e8);
}
.freeCounsel_btn {
  width:100%;
  height:76px;
  border-radius: 20px;
  background-color: var(--color-f8);
  border:solid 1px var(--color-e8);
  color:var(--color-76);
  font-size:20px;
  font-weight: 500;
  line-height:1.8;
}
.freeCounsel_btn.go {
  background-color: var(--color-main);
  color:white;
  border: solid 1px var(--color-main);
  cursor: pointer;
}