.intro-visual__screen figure {
  width: 400px;
}
.intro-visual::before,
.intro-visual::after {
  display: none;
}
.intro-visual__tit h2{
  font-size: 68px;
}
.intro .inner {
  margin: 0;
}
.intro-desc__sec {
  margin: 0;
}
.location .location-list > li {
  flex-direction: column;
}
.sub-page .inner,
.sub-page .inner02 {
  margin: 0;
}

/* 서비스소개 */
.serv_intro .flex{
  display: flex;
 gap: 60px;
}


.location-map {
  width: 100%;
}
.serv_intro h3,
.location h3 {
  margin-bottom: 30px;
}
.sub-top hgroup h2 {
  font-size: 50px;
}
.sub-visual {
  margin-top: 30px; 
  height: 300px;
}
.consulting-logo{
  width: 260px;
}
.consulting-logo img{
  width: 200px;
}
.consulting-desc > div:last-child{
  padding-left: 30px;
}
.consulting-desc li::before{
  left: -30px;
}
.field-index li a p {
  width: calc(100% - 60px);
}
.field-index li a h3 {
  font-size: 22px;
}
.field-index li a{
  padding: 30px;
}
.field-index li a figure{
  width: 60px;
}
.field-scroll ul{
  overflow-x: scroll;
}
.field-scroll ul.fix {
  width: 100%;
  left: 0;
}

@media all and (max-width:1024px) {
  .field-view .main-news__date {
    display: flex;
    margin-left: 0;
    font-size: 2.78vw;
    margin-top: 2.78vw;
  }
  /* 서비스소개 */
.serv_intro .flex{
 gap: 0px;
 flex-direction: column;
}
.serv_intro .inner03 .col-right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serv_intro .inner03 .col-right{
  max-width: none;
  width: 100%;
}

/* 하자접수시작하기 */
.step02 .flex .cont+.cont::before{
display: none ;
}
.step02 .flex {
  display: grid;
  gap: 30px !important;
  grid-template-columns: repeat(2,2fr);
  grid-template-rows: repeat(2,2fr);
}
.step02 .flex .cont,
.step02 .flex .cont+.cont{
  display: flex;
  align-items: center;
  justify-content: center;
}


}

@media all and (max-width:720px) {
  .intro-visual__screen figure {
    width: 400px;
  }
  .intro-visual__tit h2 {
    font-size: 11.94vw;
    margin-top: 3.61vw;
  }
  .intro-visual .scroll {
    font-size: 2.78vw;
    gap: 2.78vw;
  }
  .intro-visual .scroll-bar {
    height: 13.89vw;
  }
  .intro-visual__tit figure{
    width: 30.69vw;
  }
  .intro-visual__screen figure {
    width: 70vw;
  }
  .intro-visual__screen figure img {
    width: 100%;
  }
  .intro-txt {
    font-size: 7.78vw;
  }
  .intro-desc {
    padding-bottom: 0;
  }
  .intro-desc__visual .intro-txt {
    color: #fff;
  } 
  .intro-desc__visual .intro-txt span {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, #fff), to(#fff));
    background-image: linear-gradient(90deg, #fff 0%, #fff 50%, #fff 50%, #fff 100%);
  }
  .sub-top hgroup {
    margin-top: 16.67vw;
  }
  .sub-top hgroup h2{
    font-size: 8.33vw;
  }
 
  .sub-visual{
    margin-top: 5.56vw;
    height: 63.89vw;
  }
  .as h3,
  .serv_intro h3,
  .location h3,
  .terms h3 {
    font-size: 5vw;
    margin-bottom: 4.17vw;
  }
  .tit-wrap{
    gap: 0;
  }
  .sub-page .content {
    padding-top: 13.89vw;
    padding-bottom: 20.83vw;
  }
  .location .location-list > li li {
    padding: 5.56vw 4vw;
    flex-wrap: wrap;
  }
  .location .location-list > li li figure{
    width: 3.47vw;
    margin-right: 2.78vw;
  }
  .location .location-list > li li em{
    font-size: 3.61vw;
    margin-right: 0;
  }
  .tit-wrap p{
    font-size: 3.61vw;
    flex: none;
    width: 100%;
    margin-bottom: 0;
  }
  .serv_intro .inner03 .col-right p,
  .location .location-list > li li p {
    font-size: 3.61vw;
    flex: none;
    width: 100%;
    margin-top: 2.78vw;
  }
  .location .location-list > li:not(:first-child) {
    margin-top: 16.67vw;
  }
  .location-map .root_daum_roughmap .wrap_map {
    height: 47.92vw;
  }
  .K01 .sub-visual__img {
    background-image: url("/image/sub/sv01_m.jpg");
  }
  
  .K02 .sub-visual__img {
    background-image: url("/image/sub/sv02_m.jpg");
  }
  
  .K03 .sub-visual__img {
    background-image: url("/image/sub/sv03_m.jpg");
  }
  .K03.K0301  .sub-visual__img {
    background-image: url('/image/sub/sv03_m.png');
  }
  .K03.K0302 .sub-visual__img {
    background-image: url('/image/sub/sv0301_m.png') !important;
  }
  .K04 .sub-visual__img {
    background-image: url("/image/sub/sv04_m.jpg");
  }
  
  .K05 .sub-visual__img {
    background-image: url("/image/sub/sv05_m.jpg");
  }
  
  .K06 .sub-visual__img {
    background-image: url("/image/sub/sv06_m.jpg");
  }

  .K07 .sub-visual__img {
    background-image: url("/image/sub/sv06_m.jpg");
  }



  /* 지식 재산권 */
.K09 .sub-visual__img {
  background-image: url('/image/sub/sv09_m.jpg');
}
/* 오시는길 */
.K01.K0103 .sub-visual__img {
  background-image: url('/image/sub/sv0103_m.png');
}
/* 법률정보 */
.K04.K0403 .sub-visual__img {
  background-image: url('/image/sub/sv0403_m.png');
}
.flex.shadow .cont:not(.wide) .thumb{
  max-width: 218px;
  width: 100%;
}
.txt-cont .col-left{
font-size: 14px;
}
.step03 .tit-wrap,
.step02 .tit-wrap{
  margin-top: 60px;
}
.step01{
  padding-bottom: 60px;
}
.step02{
 padding-bottom: 60px;
}
  .consulting-logo {
    display: none;
  }
  .consulting-tit {
    margin-bottom: 11.11vw;
    font-size: 5.56vw;
  } 
  .consulting-desc li p {
    font-size: 4.17vw;
    margin-bottom: 2.78vw;
  }
  .consulting-desc li select {
    background-size: 2.5vw;
  }
  .consulting-desc li > div, .consulting-desc li select, .consulting-desc li input[type=text] {
    padding: 2.78vw;
    font-size: 3.33vw;
  }
  .consulting-desc > div:last-child{
    padding-left: 4.17vw;
  }
  .consulting-desc li::before {
    width: 2.22vw;
    height: 2.22vw;
    left: -4.17vw;
  }
  .consulting .content {
    padding-bottom: 0;
  }
  .consulting-desc ul {
    gap: 6.94vw;
  }
  .consulting-agree label {
    background-size: auto 100%;
    padding-left: 6.39vw;
    font-size: 3.33vw;
  }
  .consulting-submit {
    width: 69.44vw;
    height: 11.11vw;
    font-size: 3.33vw;
    margin: 11.11vw auto 0;
  }
  .consulting-desc > div:last-child{
    padding-bottom: 20.83vw;
  }
  .field-view  .main-news__tit em ,
  .search .main-news__tit em {
    font-size: 3.33vw;
    margin-bottom: 2.78vw;
  }
  .field-view  .main-news__tit strong ,
  .search .main-news__tit strong {
    font-size: 4.17vw;
  }
  .search-tit-area {
    padding-bottom: 4.17vw;
  }
  .search-tit {
    font-size: 5.28vw;
  }
  .search-tit span {
    font-size: 3.33vw;
  }
  .view-more.sub-style02 img {
    width: 2.78vw;
  }
  .view-more.sub-style02 {
    gap: 1.94vw;
  }
  .search-desc > div:not(:first-child) {
    margin-top: 16.67vw;
  }
  .search-tab {
    margin-top: 11.11vw;
    gap: 0;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  } 
  .search-tab a {
    height: 9.72vw;
    font-size: 3.33vw;
    border-top: none;
    border-left: none;
  }
  .search-result{
    font-size: 4.17vw;
  }
  .search-result strong {
    font-size: 5vw;
  }
  .search-input {
    width: auto;
    height: 10.56vw;
    margin: 0 auto 6.94vw;
    padding: 0 2.78vw;
  }
  .search-input input[type=text] {
    font-size: 3.33vw;
  }
  .search-input button {
    width: 3.33vw;
  }
  .field-index {
    grid-template-columns: 1fr;
  }
  .field-index {
    gap: 4.17vw;
  }
  .field-index li a{
    padding: 4.17vw;
  }
  .field-index li a h3{
    font-size: 4.72vw;
    margin-top: 2.78vw;
  }
  .field-index li a figure {
    width: 13.89vw;
  }
  .field-index li a > div:last-child {
    margin-top: 5.56vw;
  }
  .field-index li a p {
    width: calc(100% - 13.89vw);
    font-size: 3.33vw;
  } 
  .field-index li a span {
    font-size: 2.78vw;
  }
  .field-index li .visit-btn__arrow img{
    width: 3.33vw;
  }
  .search-desc {
    margin-top: 11.11vw;
  }
  .consulting-agree {
    margin-top: 4.17vw;
  }
  .field .content {
    padding-top: 0;
  }
  .field-view .attoney-view__intro {
    margin: 0;
  }
  .field-scroll {
    height: 12.5vw;
    margin-bottom: 6.94vw;
  }
  .field-scroll ul {
    height: 12.5vw;
    gap: 6.94vw;
  }
  .field-scroll ul li {
    font-size: 3.89vw;
  }
  .field-view .swiper-button-next,
  .field-view .swiper-button-prev {
    display: none;
  }
  .field-view .swiper-pagination {
    display: flex;
    justify-content: center;
    bottom: 0;
  } 
  .field-view .attoney .board-list {
    padding-bottom: 6.94vw;
  }
  .field-view .board-view__related {
    padding: 0;
  }
  .field-scroll ul.fix{
    padding: 0 3.90625% 4.31vw;
  }
  
  .field-scroll ul {
    padding: 0 0 4.31vw;
  }
  .field-scroll.up ul.fix {
    height: calc(var(--headerHeight) + 12.5vw);
  } 
  .field-view .main-news__list li a {
    padding: 6.94vw 4.17vw;
  }
  .field-view li .main-news__tit {
    width: 100%;
  }
  .field-view .attoney .board-list__record > div:last-child p{
    margin-bottom: 1.39vw;
    font-size: 5vw;
  }
  .field-view .attoney .board-list__record > div:last-child span {
    font-size: 3.33vw;
  }
  .field-list__btn {
    width: 26.39vw;
    height: 8.89vw;
    gap: 2.22vw;
    font-size: 3.06vw;
  }
  .field-list__btn svg {
    width: 2.5vw;
    height: 2.64vw;
  }
  .field-view .attoney-view__desc > li {
    padding-bottom: 11.11vw;
  }
  .is-btn .main-news__list li a {
    flex-direction: row;
    align-items: center;
  }
  .is-btn .main-news__list li .main-news__tit {
    width: 55vw;
  }
}

@media all and (max-width:568px) {
  .popup {
    max-width: 200px;
    max-height: 400px;
    overflow-x: auto;
    padding: 20px;
  }
  .popup .popup-header {
    padding-bottom: 20px;
  }
  /* .step02 .flex {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(4,1fr);
  } */
}
@media all and (max-width:640px) {}