/* 종합 컨설팅 */
#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);
  transition: .3s;
}
.con_category > li.choice > a {
  color:black;
}
.con_category > li:not(:first-of-type) {
  padding-top:36px;
}
.con_category > li:hover {
  cursor: pointer;
  transition: .3s;
}
.con_category > li:not(.choice):hover a {
  color:#999;
}

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


/**/
/**/
/**/
/* start */
.celebWrap, .studioWrap,
.celebWrap, .studioWrap2 {
  width:100%;
  height: auto;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap:32px 12px;
  flex-wrap:wrap;
}
.celebBox, .studioBox,
.celebBox, .studioBox2 {
  width:32.5%;
  height:auto;
}
.celeb_imgBox, .studio_imgBox, .studio_imgBox2 {
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius: 20px;
  border:1px solid #F5F5F5;
}
.celeb_imgBox > img,
.studio_imgBox > img,
.studio_imgBox2 > img {
  width:100%;
  object-fit: cover;
  transition:.3s;
  cursor: pointer;
}
.celeb_imgBox > img:hover,
.studio_imgBox > img:hover,
.studio_imgBox2 > img:hover {
  transform:scale(1.1);
}
.celeb_txtBox { /* text */
  width:100%;
  padding:0 16px 0 16px;
  display:flex;
  gap:6px;
  justify-content: flex-start;
  align-items: center;
  margin-top:12px;
}
.celeb_txtBox > .name {
  font-size:18px;
  font-weight: 600;
  color:var(--color-1d1d1f);
}
.celeb_txtBox > .country {
  font-size:14px;
  color:var(--color-76);
  background-color: rgba(0,0,0,0.05);
  padding:2px 6px;
  border-radius: 80px;
  border:solid 1px #767676;
}

/* 태블릿 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #consolting {
    flex-direction: column !important;
    margin-top: 40px !important;
  }

  .con_left {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    margin-bottom: 24px !important;
  }

  .con_category {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: flex-start !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;
    font-weight: 700 !important;
  }

  .con_category > li.choice > a {
    color: black !important;
  }

  .con_category > li:not(.choice) > a {
    color: var(--color-cc) !important;
  }

  .con_right {
    width: 100% !important;
  }

  /* 셀럽 - 2열 */
  .celebWrap {
    gap: 20px 10px !important;
    justify-content: flex-start !important;
  }

  .celebBox {
    width: calc(50% - 5px) !important;
  }

  .celeb_imgBox {
    border-radius: 12px !important;
    aspect-ratio: 1/1 !important;
  }

  .celeb_txtBox {
    padding: 8px 8px !important;
    margin-top: 0 !important;
  }

  .celeb_txtBox > .name {
    font-size: 14px !important;
  }

  .celeb_txtBox > .country {
    font-size: 11px !important;
  }

  /* 스튜디오 - 3열 */
  .studioWrap {
    gap: 16px 8px !important;
    justify-content: flex-start !important;
  }

  .studioBox {
    width: calc(33.333% - 6px) !important;
  }

  .studio_imgBox {
    border-radius: 12px !important;
    aspect-ratio: 1/1 !important;
  }
}

/* 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
  #consolting {
    flex-direction: column !important;
    margin-top: 30px !important;
  }

  .con_left {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    margin-bottom: 20px !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;
    font-weight: 700 !important;
  }

  .con_category > li.choice > a {
    color: black !important;
  }

  .con_category > li:not(.choice) > a {
    color: var(--color-cc) !important;
  }

  .con_right {
    width: 100% !important;
  }

  /* 셀럽 - 2열 (관광 페이지처럼) */
  .celebWrap {
    gap: 16px 10px !important;
    justify-content: space-between !important;
  }

  .celebBox {
    width: calc(50% - 5px) !important;
  }

  .celeb_imgBox {
    border-radius: 12px !important;
    aspect-ratio: 1/1 !important;
    height: auto !important;
  }

  .celeb_txtBox {
    padding: 8px 8px !important;
    margin-top: 0 !important;
    flex-wrap: wrap !important;
  }

  .celeb_txtBox > .name {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .celeb_txtBox > .country {
    font-size: 11px !important;
    padding: 2px 6px !important;
  }

  /* 스튜디오 - 3열 유지 */
  .studioWrap {
    gap: 12px 6px !important;
    justify-content: flex-start !important;
  }

  .studioBox {
    width: calc(33.333% - 4px) !important;
  }

  .studio_imgBox {
    border-radius: 10px !important;
    aspect-ratio: 1/1 !important;
    height: auto !important;
  }
}

/* 소형 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
  #consolting {
    margin-top: 24px !important;
  }

  .con_left {
    margin-bottom: 16px !important;
  }

  .con_category {
    gap: 12px !important;
  }

  .con_category > li > a {
    font-size: 15px !important;
  }

  /* 셀럽 - 2열 유지 */
  .celebWrap {
    gap: 12px 8px !important;
  }

  .celebBox {
    width: calc(50% - 4px) !important;
  }

  .celeb_imgBox {
    border-radius: 10px !important;
  }

  .celeb_txtBox {
    padding: 6px 4px !important;
    gap: 4px !important;
  }

  .celeb_txtBox > .name {
    font-size: 13px !important;
  }

  .celeb_txtBox > .country {
    font-size: 10px !important;
    padding: 1px 5px !important;
  }

  /* 스튜디오 - 3열 유지 */
  .studioWrap {
    gap: 10px 4px !important;
  }

  .studioBox {
    width: calc(33.333% - 3px) !important;
  }

  .studio_imgBox {
    border-radius: 8px !important;
  }
}