.rolling {display: none !important;}

@media screen and (max-width: 1500px){
  header {height: 60px;}
  header .logo {width: 157px;}
  header .h_btns {gap: 5px;}
  header .h_btns a {gap: 5px; width: 135px; height: 37px; font-size: 15px;}
  header .h_btns a img {width: 15px;}

  .visual {padding: 100px 0 70px;}
  .visual .txt-box .img-box {width: 160px; margin: 0 auto 27px;}
  .visual .txt-box .tit {margin-bottom: 10px; font-size: 30px;}
  .visual .txt-box .sub {font-size: 20px;}
  .visual .txt-box:after {width: 2px; height: 60px; margin: 27px auto 0;}
  .visual .ck_list .tit {margin-bottom: 20px; font-size: 23px;}
  .visual .ck_list ul {gap: 10px 0; margin: 0 -5px;}
  .visual .ck_list ul li {padding: 0 5px;}
  .visual .ck_list ul li .child-box {gap: 1px; height: 50px;}
  .visual .ck_list ul li .child-box p {font-size: 15px;}
  .visual .ck_list ul li .child-box img {width: 23px;}

  .banner_box {padding: 30px 0 37px;}
  .banner_box .tit {font-size: 20px;}
  .banner_box .sub {font-size: 16px; word-break: keep-all;}
  .banner_box .bn_btn {margin-top: 20px; width: 177px; height: 50px; font-size: 17px;}

  section {padding: 90px 0;}

  .tit-box {margin-bottom: 50px;}
  .tit-box .tit {margin-bottom: 20px; font-size: 27px;}
  .tit-box .sub {margin-bottom: 10px; font-size: 17px;}
  .tit-box .sub b {font-size: 17px;}

  .sec1_ct .sub_tit {font-size: 17px;}
  
  .sec1_ct ul li .child-box {height: auto; aspect-ratio: 630/470; padding: 20px 20px;}
  .sec1_ct ul li .child-box .txt-box {margin-top: 13px;}
  .sec1_ct ul li .child-box .txt-box .tit {margin-bottom: 7px; font-size: 17px;}
  .sec1_ct ul li .child-box .txt-box .txt {font-size: 15px;}

  .sec1_ct ul {gap: 20px 0; margin: 0 -10px;}
  .sec1_ct ul li {padding: 0 10px;}

  .sec2 .sec2_ct ul {gap: 15px 0; margin: 0 -7px;}
  .sec2 .sec2_ct ul li {padding: 0 7px;}
  .sec2 .sec2_ct ul li .child-box {height: 317px; padding: 20px;}
  .sec2 .sec2_ct ul li .child-box .top {margin-bottom: 10px;}
  .sec2 .sec2_ct ul li .child-box .top .case_n {width: 87px; height: 32px; font-size: 15px;}
  .sec2 .sec2_ct ul li .child-box .top .hash_t {font-size: 15px;}
  .sec2 .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 17px;}
  .sec2 .sec2_ct ul li .child-box .txt-box .sub {margin-bottom: 0px; font-size: 15px;}
  .sec2 .sec2_ct ul li .child-box .case_btn {height: 37px; font-size: 15px;}
  .ct_sub_tit {margin-top: 50px; font-size: 22px;}

  .sec3_ct ul {gap: 15px;}
  .sec3_ct ul li .child-box {padding: 20px;}
  .sec3_ct ul li .child-box .left-box .tit {margin-bottom: 0; font-size: 16px;}
  .sec3_ct ul li .child-box .left-box .name {margin-bottom: 3px; font-size: 27px;}
  .sec3_ct ul li .child-box .left-box .txt {margin-bottom: 20px; font-size: 17px;}
  .sec3_ct ul li .child-box .left-box .hash {gap: 7px;}
  .sec3_ct ul li .child-box .left-box .hash span {width: 255px; height: 37px; font-size: 15px;}
  .sec3_ct ul li .child-box .img-box {width: 237px;}

  .ct_sub_tit .tit {font-size: 23px;}
  .description {font-size: 17px;}

  .sec4_ct ul {gap: 15px 0; margin: 0 -7px;}
  .sec4_ct ul li {padding: 0 7px;}
  .sec4_ct ul li .child-box {height: 192px; padding: 20px;}
  .sec4_ct ul li .child-box .top .tit {font-size: 17px;}
  .sec4_ct ul li .child-box .top img {height: 37px;}
  .sec4_ct ul li .child-box .txt-box {margin-top: 10px;}
  .sec4_ct ul li .child-box .txt-box .txt {font-size: 15px;}

  .sec5_ct ul li .child-box {padding: 20px 30px;}
  .sec5_ct ul li .child-box .left-box .top {gap: 7px;}
  .sec5_ct ul li .child-box .left-box .top .label {width: 90px; height: 37px; font-size: 16px;}
  .sec5_ct ul li .child-box .left-box .top .tit {font-size: 17px;}
  .sec5_ct ul li .child-box .left-box .txt {font-size: 16px;}
  .sec5_ct ul li .child-box .img-box {width: 60px;}
  .sec5_ct ul li:after {margin: 10px auto; width: 13.01px;}
  .input-box {height: 47px; margin-bottom: 10px;}
  .input-box .tit {padding: 0 15px; font-size: 17px;}
  .input-box input {padding: 0 15px; font-size: 17px;}
  .input-box textarea {padding: 15px; font-size: 17px;}
  .form_box .submit_btn {height: 50px; font-size: 17px;}

  .description2 {gap: 5px;}
  .description2 p {gap: 2px; font-size: 15px;}

  footer {padding: 50px 0;}
  footer .container {gap: 20px;}
  footer .f_logo {width: 177px;}
  footer .address {font-size: 15px;}

  /* 그누보드 */
  .iframe_box {height: 655px;}
}

@media screen and (max-width: 1350px) {
  .container {max-width: 100%; padding: 0 20px;}
  .description2 {left: 20px;}
}

@media screen and (max-width: 990px) {
  .visual .txt-box .img-box {width: 137px;}
  .visual .txt-box .tit {font-size: 23px;}
  .visual .txt-box .sub {font-size: 17px;}
  .visual .ck_list ul li {width: calc(100% / 2);}
  .visual .ck_list ul li .child-box img {width: 20px;}

  .banner_box {padding: 30px 0;}
  .banner_box .bn_btn {width: 150px; height: 45px; font-size: 16px;}

  section {padding: 70px 0;}

  .tit-box {text-align: center;}
  .tit-box .tit {margin-bottom: 15px; font-size: 23px;}
  .tit-box .sub {margin-bottom: 5px; font-size: 16px;}
  .tit-box .sub b {font-size: 16px;}

  .sec2 .sec2_ct ul li {width: calc(100% / 2);}
  .sec3_ct ul li .child-box {gap: 10px; word-break: keep-all; height: auto;}
  .sec3_ct ul li .child-box .left-box .name {font-size: 22px;}
  .sec3_ct ul li .child-box .left-box .txt {font-size: 15px;}
  .ct_sub_tit .tit {font-size: 20px;}

  .sec5_ct ul li .child-box {padding: 20px;}

  .sec4_ct ul {flex-wrap: wrap; justify-content: flex-start;}
  .sec4_ct ul li {width: calc(100% / 2);}

  .banner_box .tit {text-align: center; word-break: keep-all;}

  /* 그누보드 */
  .iframe_box {height: 615px;}
}

@media screen and (max-width: 890px) {
  .sec_form .container {flex-flow: column;}
  .description2 {position: initial; margin-bottom: 20px;}
  .sec_form .left-box .tit-box .tit {text-align: center; word-break: keep-all; width: 300px; margin: 0 auto 10px;}
  .tit-box .sub:last-of-type {text-align: center;}

  .form_box {max-width: 100%;}
  .sec_form .left-box .tit-box .tit br {display: none;}

  /* 그누보드 */
  .iframe_box {height: 888px;}
}

@media screen and (max-width: 700px) {
  .sec1 {overflow: hidden;}
  .sec1_ct ul {gap: 15px 0; align-items: flex-start; margin: 0 -7px;}
  .sec1_ct ul li {padding: 0 7px;}
  .sec1_ct ul li .child-box .txt-box .txt br {display: none; word-break: keep-all;}

  .sec3_ct ul li .child-box {flex-flow: column-reverse; align-items: center; justify-content: flex-start; text-align: center;}
  .sec3_ct ul li .child-box .left-box .hash {justify-content: center; align-items: center;}
  .sec3_ct ul li .child-box .left-box .hash span {width: 100%;}


  /* .rolling_box {display: flex; align-items: center; gap: 14px; animation: roll 20s linear infinite;}
  .rolling {display: flex !important;}
  @keyframes roll {
   0% {
    transform: translateX(0);
   }
   100% {
    transform: translateX(-100%);
   }
  }

  .sec1_ct ul {flex-wrap: nowrap; justify-content: flex-start;}
  .sec1_ct ul li {flex: 0 0 auto; width: 300px;}
  .sec1_ct ul li .child-box {height: auto; aspect-ratio: 1/1;}

  .sec2 .sec2_ct ul {flex-wrap: nowrap;}
  .sec2 .sec2_ct ul li {flex: 0 0 auto; width: 300px;}
  .sec2 .sec2_ct ul li .child-box {height: auto; aspect-ratio: 1/1;} */

  .sec2 .sec2_ct ul li {width: calc(100% / 1);}
  .sec1_ct ul li {width: calc(100% / 1);}

  .tit-box .sub {word-break: keep-all;}
  .tit-box .sub br {display: none;}

  .visual {overflow: hidden;}
  .visual .txt-box {word-break: keep-all;}
  .visual .txt-box .tit br {display: none;}
  .visual .txt-box .sub br {display: none;}

  .visual .ck_list ul {}



  .visual .ck_list ul {flex-wrap: nowrap;}
  .visual .ck_list ul li {flex: 0 0 auto; width: 320px;}

  .ck_list ul {
    display: flex;
    width: max-content; /* 늘어난 자식 요소들의 총 너비만큼 컨테이너 너비 확장 */
    animation: roll 15s linear infinite;
  }


  @keyframes roll {
    0% {
      transform: translateX(0);
    }
    100% {
      /* 복제본 덕분에 2배 길어졌으므로, 딱 절반(-50%) 이동 후 리셋 */
      transform: translateX(-50%);
    }
  }


  .sec1_ct ul {display: flex; /* 늘어난 자식 요소들의 총 너비만큼 컨테이너 너비 확장 */}
  /* .sec1_ct ul li {flex: 0 0 auto; width: 320px;}
  .sec1_ct ul li .child-box {height: 320px;} */

  .sec2 .container:before {top: -3px; right: -47px; width: 267px;}

  /* .sec2 .sec2_ct ul {flex-wrap: nowrap;display: flex; width: max-content; animation: roll 15s linear infinite;} */
  .sec2 .sec2_ct ul li {width: calc(100% / 1);}

  /* .sec4_ct ul {flex-wrap: nowrap;display: flex; width: max-content; animation: roll 15s linear infinite;} */
  .sec4_ct ul li {width: calc(100% / 1);}
  /* .sec4_ct ul li {width: 277px;}
  .sec4_ct ul li .child-box {height: 192px;} */

  header .h_btns {position: fixed; bottom: 0; left: 0; width: 100%; height: auto; background: var(--wt); z-index: 10;}
  .q_menu {display: none;}

  section {overflow: hidden;}

  header .h_btns {gap: 0;}
  header .h_btns a {width: 100%; border-radius: 0;}

  .sec3_ct ul li .child-box .img-box {width: 100%;}

  .sec5_ct ul li .child-box .left-box .top .label {width: 75px; height: 30px; font-size: 15px;}

  .sec5_ct ul li .child-box .left-box .top {flex-flow: column; justify-content: flex-start; align-items: flex-start;}

  /* 그누보드 */
  .iframe_box {height: 863px;}


  .sec2 .sec2_ct ul li .child-box {height: auto; gap: 15px; padding: 15px;}
  .sec2 .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 5px; font-size: 16px;}
  .sec2 .sec2_ct ul li .child-box .top .case_n {width: 77px; height: 29px; font-size: 14px;}
  .sec2 .sec2_ct ul li .child-box .top .hash_t {font-size: 13px;}
  .sec2 .sec2_ct ul li .child-box .case_btn {height: 35px; font-size: 15px;}
  .sec4_ct ul li .child-box {height: auto;}
  .sec4_ct ul li .child-box .txt-box {margin-top: 5px;}
  .ct_sub_tit .tit small {line-height: 1.2; font-size: 27px;}
  .sec4_ct ul li .child-box .top .tit {font-size: 16px;}
}