/* Start */
.law_two_contents {
  width:100% !important;
  margin-top:72px !important;
  display:flex !important;
  justify-content: space-between !important;
  gap:24px !important;
}
.left_contents_wrap {
  width:49% !important;
}
.law_two_contents .law_img {
  width:100% !important;
  height:632px !important;
  border-radius: 20px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position: center !important;
  background-repeat:no-repeat !important;
  /* background-attachment: fixed; */
}
.law_img1 {
  background-image: url("../images/lawService_img1.png") !important;
}
.law_contents {
  margin-top:32px !important;
  padding-left:16px !important;
}
.law_contents h3 {
  font-size:26px !important;
  font-weight: 700 !important;
  padding-bottom:16px !important;
}
.law_contents p {
  line-height: 1.9 !important; 
}
.right_contents_wrap {
  width:49% !important;
  /* padding-top:120px !important; */
}
.law_img2 {
  background-image: url("../images/lawService_img2.png") !important;
}



.law_list_container {
  width:100% !important;
  margin-top:140px !important;
  display:flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  flex-wrap:wrap !important;
  gap:24px !important;
}
.law_list_header {
  display:flex !important;
  gap:12px !important;
  justify-content: flex-start !important;
  align-items:center !important;
  margin-bottom:24px !important;
}
.law_list {
  width:32% !important;
  background-color:white !important;
  border:solid 1px var(--color-e8) !important;
  border-radius: 20px !important;
  padding:52px 42px !important;
  transition:.3s !important;
}
.law_list_header > div {
  width:20px !important;
  height:20px !important;
  border-radius: 4px !important;
  background-color: var(--color-main) !important;
  color:white !important;

  display:flex !important;
  justify-content: center !important;
  align-items:center !important;
}
.law_list_header > div p {
  font-size:14px !important;
  font-weight: 600 !important;
}
.law_list_header h3 {
  font-size:20px !important;
  font-weight: 700 !important;
}

/*  li */
.law_list .liDot {
  color:var(--color-111) !important;
  margin-top:12px !important;
}
.law_list .liDot > li {
  display:flex !important;
  margin-top:8px !important;
  font-weight: 400 !important;
  word-break: keep-all !important;
}
.law_list .liDot > li::before {
  content: "" !important;
  display:block !important;
  width:4px !important;
  height:4px !important;
  border-radius: 90px !important;
  background-color:var(--color-111) !important;
  margin-top:2.3% !important;
  margin-left:6px !important;
  margin-right:12px !important;
}
.law_list .liDot > li::before {
  margin-top:2.7% !important;
}
.law_list.gray {
  background-color:var(--color-f8) !important;
}
.law_list:hover {
  background-color:var(--color-sub) !important;
  cursor: pointer !important;
}


/* 강점은 */
.law_merit_container {
  width:100% !important;
  margin-top:140px !important;
}
.law_merit_container > h2 {
  text-align:center !important;
}
.lawMerit_list_wrap {
  display:flex !important;
  justify-content: center !important;
  align-items: center !important;

  background-image:url("../images/law_merit_all.png") !important;
  background-position:center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;

  margin-top:52px !important;
}
.lawMerit_box {
  width:25% !important;
  padding:110px 0 !important;
  text-align:center !important;
}
.lawMerit_box .lawStep {
  font-size:14px !important;
  color:var(--color-76) !important;
  display:block !important;
  padding-bottom:16px !important;
}
.lawMerit_box h4 {
  font-size:18px !important;
  color:var(--color-main) !important;
  font-weight: 600 !important;
  padding-bottom:16px !important;
}


.law_last_contents {
  width:100% !important;
  margin-top:160px !important;
}
.lawLast_imgBox {
  width:80% !important;
  height:330px !important;
  border-radius: 20px !important;
  margin-bottom:32px !important;
  background-image:url("../images/lawService_img3.png") !important;
  background-repeat: no-repeat !important;
  background-size:cover !important;
}
.lawLast_textBox {
  padding-left:17% !important;
}
.lawLast_textBox h3 {
  font-size:24px !important;
  font-weight: 600 !important;
  padding-bottom:16px !important;
}
.lawLast_textBox p {
  font-size:18px !important;
  line-height: 1.8 !important;
}

/* 태블릿 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .law_two_contents {
    flex-direction: column !important;
    gap: 40px !important;
  }
  
  .left_contents_wrap,
  .right_contents_wrap {
    width: 100% !important;
    padding-top: 0 !important;
  }
  
  .law_two_contents .law_img {
    height: 400px !important;
  }
  
  .law_contents h3 {
    font-size: 24px !important;
  }
  
  .law_list_container {
    margin-top: 100px !important;
  }
  
  .law_list {
    width: 48% !important;
    padding: 40px 30px !important;
  }
  
  .lawMerit_list_wrap {
    flex-wrap: wrap !important;
  }
  
  .lawMerit_box {
    width: 50% !important;
    padding: 80px 0 !important;
  }
  
  .lawLast_textBox {
    padding-left: 10% !important;
  }
}

/* 모바일 (max-width: 768px) */
@media screen and (max-width: 768px) {
  .law_two_contents {
    flex-direction: column !important;
    margin-top: 40px !important;
    gap: 30px !important;
  }
  
  .left_contents_wrap,
  .right_contents_wrap {
    width: 100% !important;
    padding-top: 0 !important;
  }
  
  .law_two_contents .law_img {
    height: 300px !important;
    border-radius: 15px !important;
  }
  
  .law_contents {
    margin-top: 20px !important;
    padding-left: 8px !important;
  }
  
  .law_contents h3 {
    font-size: 20px !important;
    padding-bottom: 12px !important;
  }
  
  .law_contents p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  
  .law_list_container {
    margin-top: 80px !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  .law_list {
    width: 100% !important;
    padding: 30px 20px !important;
    border-radius: 15px !important;
  }
  
  .law_list_header h3 {
    font-size: 18px !important;
  }
  
  .law_list .liDot > li {
    font-size: 14px !important;
  }
  
  .law_merit_container {
    margin-top: 80px !important;
  }
  
  .law_merit_container > h2 {
    font-size: 24px !important;
  }
  
  .lawMerit_list_wrap {
    flex-direction: column !important;
    background-image: none !important;
    margin-top: 30px !important;
  }
  
  .lawMerit_box {
    width: 100% !important;
    padding: 30px 20px !important;
    margin-bottom: 20px !important;
    background-color: var(--color-f8) !important;
    border-radius: 15px !important;
  }
  
  .lawMerit_box h4 {
    font-size: 16px !important;
  }
  
  .lawMerit_box p {
    font-size: 14px !important;
  }
  
  .law_last_contents {
    margin-top: 80px !important;
  }
  
  .lawLast_imgBox {
    width: 100% !important;
    height: 250px !important;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
  }
  
  .lawLast_textBox {
    padding-left: 0 !important;
  }
  
  .lawLast_textBox h3 {
    font-size: 20px !important;
    padding-bottom: 12px !important;
  }
  
  .lawLast_textBox p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}

/* 소형 모바일 (max-width: 375px) */
@media screen and (max-width: 375px) {
  .law_two_contents {
    margin-top: 30px !important;
    gap: 20px !important;
  }
  
  .law_two_contents .law_img {
    height: 250px !important;
    border-radius: 12px !important;
  }
  
  .law_contents h3 {
    font-size: 18px !important;
  }
  
  .law_contents p {
    font-size: 13px !important;
  }
  
  .law_list_container {
    margin-top: 60px !important;
    gap: 15px !important;
  }
  
  .law_list {
    padding: 25px 15px !important;
    border-radius: 12px !important;
  }
  
  .law_list_header h3 {
    font-size: 16px !important;
  }
  
  .law_list .liDot > li {
    font-size: 13px !important;
  }
  
  .law_merit_container {
    margin-top: 60px !important;
  }
  
  .law_merit_container > h2 {
    font-size: 20px !important;
  }
  
  .lawMerit_box {
    padding: 25px 15px !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important;
  }
  
  .lawMerit_box h4 {
    font-size: 15px !important;
  }
  
  .lawMerit_box p {
    font-size: 13px !important;
  }
  
  .law_last_contents {
    margin-top: 60px !important;
  }
  
  .lawLast_imgBox {
    height: 200px !important;
    border-radius: 12px !important;
  }
  
  .lawLast_textBox h3 {
    font-size: 18px !important;
  }
  
  .lawLast_textBox p {
    font-size: 13px !important;
  }
}