@media screen and (max-width: 1800px) {
  .item {
    width: calc(25% - 32px) !important;
  }
}
@media screen and (max-width: 1480px) {
  .dv-main-data-popularityRanking > div {
    flex-flow: column nowrap;
    gap: 40px;
  }
  .dv-main-data-popularityRanking .main-title-wrap {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }
  .dv-main-data-popularityRanking .swiper2-out-wrap {    
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    margin: 0 -20px;
    overflow: hidden;
  }

  .swiper-slide2 {
    width: 50%;
  }

  .dv-main-data-collection > div {
    flex-flow: column nowrap;
    gap: 40px;
  }
  .dv-main-data-collection .main-title-wrap {
    order: 1;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }
  .dv-main-data-collection .swiper3-out-wrap {
    order: 2;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    margin: 0 -20px;
    overflow: hidden;
  }

  .swiper3-out-wrap .swiper-button-next {
    right: 20px;
  }
  .swiper3-out-wrap .swiper-button-prev {
    right: 68px;
  }
}
@media screen and (max-width: 1280px) {
  .swiper1:before {
    padding-top: 40%;
  }
}
@media screen and (max-width: 1200px) {
  .item {
    width: calc(33.333% - 32px) !important;
  }

  .data-view-wrap {
    padding: 0 1rem;
    box-sizing: border-box;
  }
  .data-view-wrap#mainViews {
    padding: 0;
  }

  .data-search {
    width: calc(100% - 40px);
  }

  .view-data-wrap,
  .view-detail-nav {
    padding: 0 1rem;
    box-sizing: border-box;
  }

  .gallery-2 {
    padding: 0 1rem;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 1fr);
  }

  .view-detail-nav-2 {
    padding: 1rem;
  }

  .data-check-btn-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .data-check-btn-wrap-2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  .swiper1 .swiper-button-prev, 
  .swiper1 .swiper-button-next {
    width: 48px;
    height: 48px;
  }
  .swiper1 .swiper-button-prev:after,
  .swiper1 .swiper-button-next:after {
    font-size: 20px;
  }
  .swiper1 .swiper-button-prev {
    left: 20px;
  }
  .swiper1 .swiper-button-next {
    right: 20px;
  }

  .main-data-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .book-detail-wrap .book-detail-img-dl {
    grid-template-columns: repeat(1, 1fr);
  }

  .book-detail-wrap .book-detail-img-dl .book-detail-dl-wrap dl dt {
    width: 25%;
  }
}

/* 24.10.07 추가 */
@media screen and (max-width: 768px) {
  footer .foot-quick {
    padding: 0;
  }
  footer .foot-quick > div {
    flex-flow: column nowrap;
    height: auto;
  }
  footer .foot-quick > div button:first-child:nth-last-child(1),
  footer .foot-quick > div button:first-child:nth-last-child(2),
  footer .foot-quick > div button:first-child:nth-last-child(2) ~ button,
  footer .foot-quick > div button:first-child:nth-last-child(3),
  footer .foot-quick > div button:first-child:nth-last-child(3) ~ button,
  footer .foot-quick > div button:first-child:nth-last-child(4),
  footer .foot-quick > div button:first-child:nth-last-child(4) ~ button {
    width: 100%;
  }  
  footer .foot-quick > div button:last-child {
    border-right: 0;
  }
  footer .foot-quick > div button {
    min-height: 40px;
    font-size: 1rem;
    border: 0;
  }
  footer .foot-quick > div button + button {
    border-top: 1px solid #D8D8D8;
  }  
  footer .foot-quick > div > * {
	  width: 100%;
	}
  footer .foot-quick > div > *,
  footer .foot-quick > div > *:last-child {
    border: 0;
  }
  footer .foot-quick > div > * + * {
    border-top: 1px solid #D8D8D8 !important;
  }
  .f-logo > img {
    min-width: 200px;
    max-width: 35%;
  }
  footer .foot-inner > div {
    gap: 20px;
    padding: 30px 0;
  }
  .f-cnt {
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 20px;
    font-size: 1rem;
  }
  .f-btm-text .f-menu {    
    flex-flow: row wrap; 
    gap: 10px 24px;
    font-size: 1rem;
  }
  .f-btm-text .f-copy {
    font-size: .82rem;
  }
  .f-info {
    width: 100%;
  }
  .f-link {
    gap: 20px;
  }
}

@media screen and (max-width: 640px) {
  .swiper1:before {
    padding-top: 320px;
  }
  .field-statistics-search form {
    flex-flow: row wrap;
  }
  .field-statistics-search .date-fieldset {
    display: flex;
    width: calc(100% - 88px);
  }
  .field-statistics-search button {
    width: 80px;
  }
  .field-statistics-search .search-condition {
    display: flex;
    width: 100%;
  }
  .field-statistics-search .search-condition > button {
    width: calc(100% / 3);
  }
  .data-view-search-wrap {
    flex-wrap: wrap;    
    justify-content: flex-start;
    gap: 1rem;
  }
  .data-view-search-wrap .detail-btn {
    width: calc(50% - .5rem);
    order: 1;
  }
  .data-view-search-wrap .dv-data-view-search-history {
    width: 100%;
    order: 3;
  }
  .data-view-search-wrap .lab-input {
    justify-content: flex-end;
    width: calc(50% - .5rem);
    order: 2;
  }
}

@media screen and (max-width: 600px) {
  .item {
    width: calc(48% - 32px) !important;
  }
  
  .swiper1 .swiper-button-prev, 
  .swiper1 .swiper-button-next {
    display: none;
  }
  .view-data-info-wrap {
    flex-direction: column;
  }

  .view-data-info-left,
  .view-data-info-right {
    width: 98%;
    margin: 1rem auto;
  }

  .data-license-wrap {
    flex-direction: column;
    height: 100%;
  }

  .data-license-wrap .data-license-right {
    margin: 1rem auto 0;
  }
  .gallery-2 {
    grid-template-columns: 1fr;
  }

  .data-view-search-wrap-2 {
    flex-direction: column;
    height: auto;
  }

  .detail-select {
    width: 100%;
  }

  .total-wrap .total-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .total-list-2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .total-list-3 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .total-tap-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .total-tap-wrap li a {
    border-bottom: 1px solid #d9d9d9;
  }

  .total-tap-wrap li:nth-child(2) a {
    border-right: none;
  }

  .total-tap-wrap li:nth-child(3) a {
    border-bottom: none;
  }
  .total-tap-wrap li:nth-child(3),
  .total-tap-wrap li:nth-child(4) a {
    border: none;
  }
  .total-list-4 li a {
    flex-direction: column;
  }

  .total-list-4 li a .total-img {
    width: 100% !important;
  }

  .total-list-4 li a .total-info {
    width: 100% !important;
  }

  .total-list-5 li a {
    flex-direction: column;
  }

  .total-list-5 li a .total-img {
    width: 100% !important;
  }

  .total-list-5 li a .total-info {
    width: 100% !important;
  }

  .donate-input-wrap {
    flex-direction: column;
    padding: 0.5rem;
  }
  .sub-in-wrap .donate-step-wrap ul {
    gap: 1%;
  }

  .sub-in-wrap .donate-step-wrap ul li {
    width: 100px;
    height: 100px;
    font-size: 14px;
  }

  .data-check-btn-wrap-2-right {
    justify-content: space-between;
  }

  .data-check-btn-wrap-2-right button {
    padding: 0 0.5rem;
  }

  .main-data-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .main-title-wrap span:first-child {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  /* .item {
    width: 98% !important;
  } */
}

/* 모바일 소장자료 상세검색-체크박스 */
@media (max-width: 860px) {
  .check-wrap {
    flex-direction: column;
  }
}