.pagination a.on, .pagination a.on:hover {
    background-color: #19006D;
    color: #fff;
    pointer-events: none;
}


.pagination a:hover {
  background-color: #19006d1f; /* 마우스 호버 시 배경색 */
}

@keyframes rolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}




/****** desktop*****/
@media screen and (min-width:1601px) and (max-width:1860px) {
    .main_partner_listwrap{right:-50px}


}
/****************************************** 높이조정 ******************************************/
/****** -------------------------- Desktop Device --------------------------  ******/

@media screen and (min-height:1070px){

}


/* *****************미디어쿼리 반응형********************** */


/* PC (1200px 이하) */
@media (max-width:1199px){

  /*--- 메인페이지 반응형--- */
  .edu-wrap{
  grid-template-columns: repeat(3, 1fr);
  }

  .link-edu{
  /* width: 340px;
  height: 320px */
  width: 100%;
  height: 280px;
      
  }



  /*--- 데이터 상세페이지 반응형--- */

}




/* 태블릿 (1199px이하) */
@media (max-width:767px){
  

    /*--- 메인페이지 반응형--- */
    .hero-innercont{
      margin: 0 auto;
      padding: 0 30px;
    }

    .hero-text{
      font-size: clamp(20px, 5vw, 40px);
      /* font-size: 36px; */
      text-align: center;
      word-break: keep-all;
    }

    .hero-subtext {
      font-size: clamp(14px, 2.267vw, 18px);
      text-align: center;
      line-height: 24px;
      word-break: keep-all;
    }
    
    .edu-wrap{
    grid-template-columns: repeat(2, 1fr);
    }


    .link-edu{
      width: 100%;
      height: 300px;
    }

    .site-selector,
    .search-btn,
    .form-input   {
      font-size: clamp(15px, 1.733vw, 16px);
    }
    .sect1-container{
    /* background-color:violet; */
    /* margin-top: 50px; */
    margin-top: clamp(30px, 90%, 60px);
    /* margin-top: clamp(30px, 90%, 60px); */
    }


    /*--- 데이터 상세페이지 반응형--- */

    .product-container{
      margin-top: 30px;
      /* background-color: #08ffa9aa; */
      height: 500px;
    }

    .product-innercont {
      flex-direction: column;
    
    }
    .product-thumb{
      width: 100%;

    }
    .product-detail{
      width: 100%;
      margin: 0;
      margin-top: 30px;
    }
    /* ----데이터 다운로드 페이지---- */
    .downform-term-container {
      margin-top: 60px;
  }

}



@media (max-width: 600px) {

  /*--- 메인페이지 반응형--- */
 

  .hero-innercont{
    margin: 0 auto;
  }
  .hero-text {
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    word-break: keep-all;
  }
  .hero-subtext {
    display: none;
    word-break: keep-all;
  }
  
  .edu-wrap{
    grid-template-columns: repeat(1, 1fr);
  }

  .form-group{
  /* background-color: rgba(137, 43, 226, 0.369); */
    display: flex;
    flex-wrap: wrap; 
    gap: 8px;
    height: 11rem;
  }

  
  .form-group-under{
    display: block;
    height: 1rem;
    /* background-color: #8f6dff; */
    border-bottom: 2px solid #000000;
  }


  .site-selector,
  .search-btn,
  .form-input   {
    max-width: none;
    width: 100%;
    font-size: 15px;
    margin: 0;
  }


  .sect1-container{
  margin-top: 30px;
  }



  /*--- 데이터 상세페이지 반응형--- */
  .product-thumb {
    height: clamp(300px, 80vw, 500px);
  }

  .top-innercont{
    margin: 0 auto;
  }

  .top-text{
    text-align: center;
    font-size: 22px;
  }

  .top-subtext{
    text-align: center;
    font-size: 15px;
  }
  

   /* ----데이터 다운로드 페이지---- */
  .downform-term {
    /* background-color: #8f6dff; */
    margin-bottom: 60px;
    position: relative;
    padding: 0 20px;
    display: none;
  }
  .term-wrap{
    display: block;
  }

  
  .term-cont {
    font-size: 14px;
  }



  summary{
    font-size:16px;
  }

}






/* 모바일 (767px 이하) */
@media (max-width: 360px) {
  
  /*--- 메인페이지 반응형--- */
  .header-logo,
  .header-util{
    width: 100px;
  }


  .hero-innercont{
    margin: 0 auto;
  }
  .hero-text {
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    word-break: keep-all;
  }
  .hero-subtext {
    display: none;
    word-break: keep-all;
  }
  
  .edu-wrap{
    grid-template-columns: repeat(1, 1fr);
  }

  .form-group{
  /* background-color: rgba(137, 43, 226, 0.369); */
    display: flex;
    flex-wrap: wrap; 
    gap: 8px;
    height: 11rem;
  }

  .form-group-under{
    display: block;
    height: 1rem;
    /* background-color: #8f6dff; */
    border-bottom: 2px solid #000000;
  }

  .site-selector,
  .search-btn,
  .form-input   {
    width: 100%;
    font-size: 15px;
    margin: 0;
  }
  .sect1-container{
  
    margin-top: 30px;
  }
  
  /*--- 데이터 상세페이지 반응형--- */

  .product-thumb {
    height: 18.75rem
  }
  .top-text{
    text-align: center;
    font-size: 20px;

  }
  .top-subtext{
    font-size: 14px;
  }
  
   /* ----데이터 다운로드 페이지---- */
  .downform-term-container {
    margin-top: 30px;
}
  .term-cont {
    font-size: 14px;
  }
}