.visual .kv_list ul.mo_ul {display: none;}
.visual .kv_list ul .mo_li {display: none;}

.tit-box2 .ckd_list ul.mo_ul {display: none;}
.tit-box2 .ckd_list ul .mo_li {display: none;}

#bo_v_title .bo_v_tit {word-break: keep-all; line-height: 1.3;}

@media screen and (max-width: 1800px){
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}
  .visual .container {max-width: calc(100% - 40px);}
}

@media screen and (max-width: 1407px) {
  .container2 {max-width: 100%; padding: 0 20px; box-sizing: border-box;}
}

@media screen and (max-width: 1200px) {
  header {height: 65px;}
  header .logo {width: 187px;}
  header .link_btns {display: none;}

  header .state_list ul {gap: 10px;}
  header .state_list ul li .child-box .txt-box {gap: 5px;}
  header .state_list ul li .child-box .txt-box .num {font-size: 17px;}
  header .state_list ul li .child-box .txt-box .txt {font-size: 17px;}
  header .state_list ul li .child-box .icon {width: 20px;}

  .visual {margin-top: 65px;}
  .visual .txt-box {gap: 10px;}
  .visual .txt-box .tit {font-size: 37px;}
  .visual .txt-box .sub {font-size: 20px;}
  .visual .txt-box .pr_btn {width: 197px; height: 50px; font-size: 15px;}
  .visual .kv_list {}
  .visual .kv_list ul {gap: 7px;}
  .visual .kv_list ul li p {padding: 10px 20px; font-size: 15px;}
  .visual .kv_list ul li p img {width: 20px;}

  .sub_kv.kv1 {margin-top: 65px;}

  section {padding: 70px 0;}
  .tit-box {margin-bottom: 50px;}
  .tit-box .tit {font-size: 17px;}
  .tit-box .sub {font-size: 27px;}

  .sec1_list {word-break: keep-all;}
  .sec1_list ul {gap: 15px 0; margin: 0 -7px;}
  .sec1_list ul li {padding: 0 7px;}

  .sec1_list ul li .child-box .tit {font-size: 20px;}
  .sec1_list ul li .child-box .sub {font-size: 17px;}
  .sec1_list ul li .child-box .txt-box {gap: 5px;}
  
  .arrows {gap: 7px; margin-top: 27px;}
  .arrows button {width: 47px;}
  .slick_ul ul li .child-box .tit {margin-top: 10px; font-size: 17px;}

  .sec3 .list-box .txt-box {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #D9D9D9; font-size: 30px;}
  .sec3 .list-box .txt-box span {padding: 5px 6px;}
  .sec3 .img-box {max-width: 520px; margin-right: -170px;}
  .sec3 .list-box ul li .child-box .tit {margin-bottom: 7px; font-size: 17px;}
  .sec3 .list-box ul li .child-box .txt {font-size: 15px;}

  .sec4 .sec4_ct {padding: 70px 0;}
  .sec4 .sec4_ct .txt-box {gap: 10px;}
  .sec4 .sec4_ct .txt-box .sub {font-size: 20px;}
  .sec4 .sec4_ct .txt-box .boll {gap: 7px;}
  .sec4 .sec4_ct .txt-box .txt {font-size: 30px;}
  .sec4 .sec4_ct2 {padding: 100px 0;}
  .sec4 .sec4_ct2 .txt-box .tit {font-size: 30px;}
  .sec4 .container2 {gap: 20px;}

  .qa_list {word-break: keep-all;}
  .qa_list ul li .child-box .tit {gap: 7px; height: 65px; padding: 0 15px; font-size: 17px;}
  .qa_list ul li .child-box .tit span {width: 30px; font-size: 17px;}
  .qa_list ul li .child-box .txt {padding: 15px 50px 15px; font-size: 17px;}
  .sec5 .pr_btn {width: 237px; height: 50px; margin: 60px auto 0; font-size: 17px;}
  .sec2 .pr_btn {width: 237px; height: 50px; margin: 60px auto 0; font-size: 17px;}
  .form_box .input-box {gap: 10px; margin-bottom: 15px;}
  .form_box .input-box input {height: 50px; padding: 0 10px; font-size: 15px;}
  .form_box .submit_btn {width: 100%; height: 50px; font-size: 17px;}
  .form_box .input-box textarea {padding: 10px; font-size: 15px;}

  .iframe_box {height: 511px;}

  .cf:hover img {height: calc(100% - 20px);}
}

@media screen and (max-width: 1024px) {
  .form_sec .container2 {flex-flow: column;}
  .tit-box {text-align: center;}
  .tit-box2 .ckd_list ul {flex-flow: row; gap: 7px; justify-content: center;}
  .tit-box2 .ckd_list ul li {width: auto; white-space: nowrap;}
  .form_box {max-width: 100%;}

  footer {padding: 30px 0;}
  footer .container2 {flex-flow: column-reverse; align-items: flex-start; gap: 30px;}
  footer .address {margin-bottom: 0;}

  footer .f_logo {width: 177px;}

  .iframe_box {height: 738px;}

  .sub_kv {position: relative; align-items: center; justify-content: center; height: 250px;}
  .sub_kv .kv_tit .tit {font-size: 26px;}
  .tab_area {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 3;}
  .tab_area ul li {height: 37px;}
  .tab_area ul li a {font-size: 17px;}
}

@media screen and (max-width: 900px) {
  .visual .kv_list {display: flex; gap: 7px; overflow: hidden;}
  .visual .kv_list ul {animation: roll 20s linear infinite;}
  /* 롤링 애니메이션 정의 */
  @keyframes roll {
   0% {
    transform: translateX(0);
   }
   100% {
    transform: translateX(-100%);
   }
  }
  .visual .kv_list ul.mo_ul {display: flex;}
  .visual .kv_list ul li {white-space: nowrap; flex: 0 0 auto;}
  .visual .kv_list ul .mo_li {display: block;}

  .sec1_list ul li {width: calc(100% / 2);}
  .sec1_list ul li .child-box {padding: 0 10px; box-sizing: border-box;}
  .sec1_list ul li .child-box .sub {font-size: 15px;}
  .sec1_list ul li .child-box .tit {font-size: 17px;}
  
  .slick_ul ul {margin: 0 -5px;}
  .slick_ul ul li {margin: 0 5px;}

  .sec3 .d-flex {flex-flow: column; align-items: flex-start; gap: 30px;}
  .sec3 .img-box {max-width: 100%; margin-right: 0;}
  .sec3 .list-box {max-width: 100%;}
  .sec4 .sec4_ct .txt-box .txt {font-size: 27px;}

  .tit-box2 .ckd_list {display: flex; align-items: center; gap: 7px; overflow: hidden;}
  .tit-box2 .ckd_list ul {animation: roll 20s linear infinite;}
  .tit-box2 .ckd_list ul.mo_ul {display: flex;}
  .tit-box2 .ckd_list ul .mo_li {display: block;}
  .tit-box2 .ckd_list ul li {flex: 0 0 auto;}
  .sec4 .sec4_ct2 {padding: 50px 0; border-radius: 20px;}
  .sec4 .sec4_ct {padding: 30px 0; border-radius: 20px;}

  .sec3 .list-box ul {flex-flow: column; gap: 20px; width: 100%;}
  .sec3 .list-box ul li {width: 100%;}
  .sec3 .list-box ul li .child-box .tit {font-size: 20px;}
  .sec3 .list-box ul li .child-box .txt {font-size: 17px;}

  .visual .container {height: calc(100vh - 247px);}
  .visual .txt-box .tit {font-size: 25px;}
  .visual .txt-box .sub {font-size: 17px;}

  .gall_row .col-gn-4 {width: calc(100% / 3);}

  #bo_v_title .bo_v_tit {padding: 15px;}
  .notice_slide .dn {padding: 15px;}
}

@media screen and (max-width: 522px) {
  /* header .state_list ul li .child-box .txt-box .txt {display: none;} */
  .visual .txt-box {word-break: keep-all;}
  .visual .txt-box .sub {word-break: keep-all;}
  .visual .txt-box .sub br {display: none;}
  .visual .txt-box .tit br {display: none;}

  header .state_list ul {gap: 5px; white-space: nowrap;}
  header .state_list ul li .child-box .icon {width: 17px;}
  header .state_list ul li .child-box .txt-box .num {font-size: 15px;}
  header .logo {width: 157px;}

  .q_menu {width: 77px;}
  .q_menu ul {gap: 7px;}
  .q_menu ul li .child-box {height: 77px;}
  .q_menu ul li .child-box img {width: 30px;}

  .cf {bottom: 242px; width: 77px;}

  .sec3 .list-box .txt-box br {display: none;}
  .sec3 .list-box .txt-box span {display: inline-block;}

  .tit-box .sub {font-size: 25px;}

  .tit-box2 .ckd_list ul li .child-box {width: 239px; padding: 10px 15px;}
  .tit-box2 .ckd_list ul li .child-box p {font-size: 15px;}
  .form_box .input-box {flex-flow: column;}

  footer .container2 {gap: 20px; word-break: keep-all;}
  footer .address .txt {font-size: 15px;}
  footer .copyright {margin-top: 30px; font-size: 15px;}

  .sec4 .sec4_ct .txt-box .sub {font-size: 17px;}
  .sec4 .sec4_ct .txt-box .txt {font-size: 20px;}
  .sec4 .sec4_ct2 .txt-box .tit {font-size: 23px;}

  .sec5 .pr_btn {width: 100%;}
  .sec2 .pr_btn {width: 100%;}

  .iframe_box {height: 783px;}

  #bo_gall #gall_ul {margin: 0 -5px;}
  .gall_row .col-gn-4 {width: calc(100% / 2); padding: 0 5px;}
  #bo_gall .gall_box {margin: 0 0 20px 0;}

  header .d-flex {display: none;}

  .cf:hover img {height: calc(100% - 100px);}
}

@media screen and (max-width: 390px) {
  .cf:hover img {height: calc(100% - 163px);}
}