/* 종합 컨설팅 */
#consolting {
  width:100%;
  display:flex;
  justify-content: space-between;
  margin-top:140px;
  position:relative;
}
.con_left {
  width:25%;
  position:sticky;
  align-self: flex-start;
  height:auto;
  top:32px;
}
.con_category > li a {
  font-size:26px;
  font-weight: 700;
  color:var(--color-cc);
}
.con_category > li.choice > a{
  color:black;
}
.con_category > li:not(:first-of-type) {
  padding-top:36px;
}
.con_category > li > a span {
  font-size:16px;
}
.con_category > li > ul {
  display:flex;
  gap:26px;
  padding-top:12px;
}
.con_category > li > ul > li a  {
  font-size:18px;
  font-weight: 600;
}
.con_category > li:hover a,
.con_category > li > ul > li:hover a {
  cursor: pointer;
  transition: .3s;
}
.con_category > li:not(.choice):hover a {
  color:#999;
}
.con_category > li.choice > ul > li:nth-of-type(2) a {
  color:var(--color-main);
  font-weight: 600;
  font-size:18px;
}

/* right */
.con_right {
  width:75%;
}
.round_title8 {
  padding-left:8px;
}


/**/
/**/
/**/
/* start */
.choice > ul > li {
  color:var(--color-cc);
}
.choice .choice_sub {
  color:var(--color-main);
}

.support2_container {
  width:100%;
  display:flex;
  gap:30px;
  flex-wrap: wrap;
}
.sp2_grayBox {
  width:100%;
  padding:32px;
  border-radius: 20px;
  background-color: var(--color-f8);
}
.sp2_whiteBox {
  width:100%;
  padding:60px;
  border-radius: 20px;
  background-color:white;
}
.sp2_whiteBox .text_wrap {
  display:flex;
  justify-content: flex-start;
}
.sp2_whiteBox .text_wrap h2 {
  font-size:32px;
  font-weight: 600;
  width:31%;
}
.white_imgBox {
  width:100%;
  height:10vw;
  border-radius: 20px;
  margin-top:60px;
  position:relative;
  overflow:hidden;
}
.white_imgBox img {
  width:100%;
}




/*  li */
.text_wrap .liDot {
  color:var(--color-111);
  margin-top:12px;
}
.text_wrap .liDot > li {
  display:flex;
  margin-top:8px;
  font-weight: 400;
  word-break: keep-all;
}
.text_wrap .liDot > li::before {
  content: "";
  display:block;
  width:4px;
  height:4px;
  border-radius: 90px;
  background-color:var(--color-111);
  margin-top:2.3%;
  margin-left:6px;
  margin-right:12px;
}
.adInfo_box .liDot > li::before {
  margin-top:2.7%;
}
.text_wrap:hover h3 {
  color:#2cbd2c;
}

/* 태블릿 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #consolting {
    flex-direction: column !important;
    margin-top: 80px !important;
  }
  
  .con_left {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    margin-bottom: 40px !important;
  }
  
  .con_category {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: center !important;
  }
  
  .con_category > li {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .con_category > li:not(:first-of-type) {
    padding-top: 0 !important;
  }
  
  .con_category > li a {
    font-size: 22px !important;
  }
  
  .con_category > li > ul {
    flex-direction: column !important;
    gap: 10px !important;
    padding-top: 8px !important;
  }
  
  .con_category > li.choice > ul > li:nth-of-type(2) a {
    font-size: 16px !important;
  }
  
  .con_right {
    width: 100% !important;
  }
  
  .support2_container {
    gap: 25px !important;
  }
  
  .sp2_grayBox {
    padding: 25px !important;
  }
  
  .sp2_whiteBox {
    padding: 45px !important;
  }
  
  .sp2_whiteBox .text_wrap {
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  .sp2_whiteBox .text_wrap h2 {
    font-size: 28px !important;
    width: 100% !important;
  }
  
  .text_wrap .liDot > li {
    font-size: 14px !important;
  }
  
  .white_imgBox {
    height: 15vw !important;
    margin-top: 40px !important;
  }
}

/* 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
  #consolting {
    flex-direction: column !important;
    margin-top: 60px !important;
  }
  
  .con_left {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    margin-bottom: 30px !important;
  }
  
  .con_category {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: center !important;
  }
  
  .con_category > li {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .con_category > li:not(:first-of-type) {
    padding-top: 0 !important;
  }
  
  .con_category > li a {
    font-size: 18px !important;
  }
  
  .con_category > li > a span {
    font-size: 14px !important;
  }
  
  .con_category > li > ul {
    flex-direction: column !important;
    gap: 8px !important;
    padding-top: 6px !important;
  }
  
  .con_category > li > ul > li a {
    font-size: 16px !important;
  }
  
  .con_category > li.choice > ul > li:nth-of-type(2) a {
    font-size: 16px !important;
  }
  
  .con_right {
    width: 100% !important;
  }
  
  .support2_container {
    gap: 20px !important;
  }
  
  .sp2_grayBox {
    padding: 20px !important;
  }
  
  .sp2_whiteBox {
    padding: 30px !important;
  }
  
  .sp2_whiteBox .text_wrap {
    flex-direction: column !important;
    gap: 15px !important;
  }
  
  .sp2_whiteBox .text_wrap h2 {
    font-size: 24px !important;
    width: 100% !important;
  }
  
  .text_wrap .liDot > li {
    font-size: 14px !important;
  }
  
  .white_imgBox {
    height: 25vw !important;
    margin-top: 30px !important;
  }
}

/* 소형 모바일 (375px 이하) */
@media screen and (max-width: 375px) {
  #consolting {
    margin-top: 40px !important;
  }
  
  .con_left {
    margin-bottom: 20px !important;
  }
  
  .con_category {
    gap: 10px !important;
  }
  
  .con_category > li a {
    font-size: 16px !important;
  }
  
  .con_category > li > a span {
    font-size: 12px !important;
  }
  
  .con_category > li > ul > li a {
    font-size: 14px !important;
  }
  
  .con_category > li.choice > ul > li:nth-of-type(2) a {
    font-size: 14px !important;
  }
  
  .support2_container {
    gap: 15px !important;
  }
  
  .sp2_grayBox {
    padding: 15px !important;
  }
  
  .sp2_whiteBox {
    padding: 20px !important;
  }
  
  .sp2_whiteBox .text_wrap {
    gap: 12px !important;
  }
  
  .sp2_whiteBox .text_wrap h2 {
    font-size: 20px !important;
  }
  
  .text_wrap .liDot > li {
    font-size: 12px !important;
  }
  
  .white_imgBox {
    height: 30vw !important;
    margin-top: 20px !important;
  }
}