.mo_rolling {display: none;}
.mo_br {display: none;}
.slick-arrow {display: none !important;}

@media screen and (max-width: 1600px){
  .popup {max-height: 95vh; padding: 25px;}
  .popup .popup_hd .icon {width: 25px;}
  .popup .popup_tit .tit {font-size: 24px;}
  .popup .popup_tit .sub {font-size: 15px;}
  .popup .input-box {margin-bottom: 25px;}
  .popup .input-box .tit {font-size: 16px;}
  .popup .input-box input {height: 45px; font-size: 15px;}
  .popup .input-box select {height: 45px; font-size: 15px;}
  .popup .input-box .ckd-box label {gap: 6px; font-size: 14px;}
  .popup .submit_btn {height: 45px; font-size: 16px;}
}

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

  .visual .img-box {max-width: 270px;}
  .visual .txt-box .sub {font-size: 20px;}
  .visual .txt-box .tit {font-size: 32px;}
  .visual .txt-box .txt {font-size: 15px;}
  .visual .txt-box .cs_btn {margin-top: 20px;}
  .cs_btn {padding: 10px 20px; font-size: 16px;}

  section {padding: 80px 0;}

  .sec1 .sec_logo {margin-bottom: 25px; font-size: 23px;}
  .sec1 .sec_logo img {width: 90px;}
  .tit-box .tit {font-size: 32px; word-break: keep-all;}

  .count_item ul li .child-box {padding: 20px;}
  .count_item ul li .child-box .icon {margin-bottom: 20px; width: 35px;}
  .count_item ul li .child-box .txt-box .count_num {margin-bottom: 10px; font-size: 32px;}
  .count_item ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 16px;}
  .count_item ul li .child-box .txt-box .txt {font-size: 15px;}
  
  .slide_up {margin-top: 30px; padding: 30px;}
  .slide_up:before {bottom: 75px; height: 150px;}
  .slide_up .tit {font-size: 26px;}
  .slide_up .slider ul li .child-box {gap: 10px;}
  .slide_up .slider ul li .child-box .txt {padding: 15px 20px; font-size: 15px; white-space: nowrap;}
  .slide_up .sec2_btn {margin-top: 30px; height: 45px; font-size: 16px;}

  .address_btn {padding: 15px 20px;}
}

@media screen and (max-width: 1106px) {
  .img_slide ul li .txt-box .tit {font-size: 18px;}
  .img_slide ul li .txt-box .sub {font-size: 15px;}
}

@media screen and (max-width: 900px) {
  header {height: 60px;}
  header .logo {width: 83px;}

  .visual {padding: 60px 0 0; overflow: hidden;}
  .visual .container {flex-flow: column;}
  .visual .txt-box {width: 100%; margin-bottom: 40px;}
  .visual .txt-box .sub {margin-bottom: 10px; font-size: 20px;}
  .visual .txt-box .tit {margin-bottom: 15px; font-size: 30px; word-break: keep-all;}
  .visual .txt-box .cs_btn {margin-top: 30px;}
  .mo_rolling {display: block;}
  .pc_rolling {display: none;}
  .rolling-area {width: initial; margin: 0 -40px 40px;}
  .rolling-area .sec1_item {gap: 20px;}
  .rolling-area .sec1_item ul {gap: 20px;}
  .rolling-area .sec1_item ul li {height: 103px;}
  .visual .img-box {max-width: 300px; height: auto; margin-bottom: -100px;}
  .rolling-area:before {display: none;}
  .rolling-area:after {display: none;}

  .sec1 .sec_logo {margin-bottom: 20px; font-size: 20px;}
  .sec1 .sec_logo img {width: 83px;}
  .sec_ct {flex-flow: column; gap: 30px; padding-bottom: 40px; margin-bottom: 40px;}
  .sec_ct:last-of-type {flex-flow: column-reverse;}
  .tit-box .tit {font-size: 30px;}
  .sec_ct .txt_img {max-width: 340px; width: 100%;}

  .tit-box .sub {margin-bottom: 10px; font-size: 20px;}
  .tit-box .tit {font-size: 30px;}
  .count_item {margin-top: 30px;}
  .count_item ul {flex-wrap: wrap; gap: 15px 0; margin: 0 -7.5px;}
  .count_item ul li {padding: 0 7.5px;}
  .count_item ul li {width: calc(50% - 0.5px);}
  .count_item ul li:last-of-type {width: 100%;}

  .slide_up {padding: 30px 15px; margin-top: 15px;}
  .slide_up .tit {font-size: 20px;}
  .slide_up .slider {margin-top: 30px;}

  .slide_up .slider ul.pc_item {display: none;}
  .slide_up .slider ul.mo_item {display: block;}
  .slide_up .slider ul li {margin-bottom: 10px;}
  .slide_up .slider ul li .child-box {display: block;}
  .slide_up .slider ul li .child-box .txt span {width: 100%; height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
  .slide_up .slider ul li .child-box .txt:before {margin-bottom: 7px; width: 9px; height: auto;}
  .slide_up .slider ul li .child-box .txt:after {margin-bottom: 7px; width: 9px; height: auto;}
  .mo_br {display: block;}

  .tit-box .cs_btn {position: initial; margin-top: 30px;}
  .hash-tag {margin-top: 57px;}
  .hash-tag ul {flex-wrap: wrap; gap: 10px;}
  .hash-tag ul li p {padding: 10px 16px; font-size: 14px;}
  .img_slide {margin-top: 20px;}
  .img_slide ul .slick-list {margin: 0 -7.5px;}
  .img_slide ul li {margin: 0 7.5px;}

  footer {padding: 70px 0;}
  footer .f_logo {width: 105px; margin-bottom: 33px;}
  footer .address {margin-bottom: 30px;}
  footer .address p {font-size: 15px;}
  footer .copyright {font-size: 14px;}

  .count_item ul li .child-box .icon {width: 45px;}
  .count_item ul li .child-box .txt-box .count_num {margin-bottom: 15px; font-size: 30px;}
  .count_item ul li .child-box .txt-box .tit {font-size: 16px;}
  .count_item ul li .child-box .txt-box .txt {font-size: 14px; word-break: keep-all;}

  .fixed_btn {bottom: 20px; right: 20px; width: 160px; height: 133px; padding: 12px 13px;}
  .fixed_btn .rolling_txt {height: 63px;}
  .fixed_btn .rolling_txt ul li {width: 133px; height: 30px;}
  .fixed_btn .bnt {padding-top: 12px; margin-top: 15px; font-size: 15px;}
}

@media screen and (max-width: 600px) {
  .img_slide ul li {width: 306px !important;}

  .popup {max-width: calc(100% - 40px); padding: 20px;}
  .popup .popup_tit .tit {font-size: 24px;}
  .popup .popup_tit .sub {font-size: 15px;}
  .input-box {margin-bottom: 20px;}
  .input-box .tit {font-size: 16px;}
  .input-box input {height: 40px; padding: 0 15px;}
  .input-box select {height: 40px; padding: 0 15px;}
  .submit_btn {width: 130px; height: 40px; font-size: 16px;}

  .input-box .ckd-box label:before {width: 18px;}
  .input-box .ckd-box input[type="checkbox"]:checked + label:before {width: 18px;}
}

@media screen and (max-width: 370px) {
  .popup {padding: 15px 20px;}
  .popup .popup_tit {margin-bottom: 25px;}
  .popup .popup_hd .icon {margin: 0 auto 10px;}
  .popup .popup_tit .tit {font-size: 22px;  margin-bottom: 5px}
  .popup .popup_tit .sub {font-size: 14px;}
  .popup .input-box {margin-bottom: 20px; gap: 7px;}
  .popup .input-box .tit {font-size: 15px;}
  .popup .input-box input {height: 40px;}
  .popup .input-box select {height: 40px;}
  .popup .submit_btn {height: 40px;}
}

@media screen and (max-width: 320px) {
  .img_slide ul li {width: 293px !important;}
  .img_slide ul li .txt-box .tit {font-size: 16px;}
  .img_slide ul li .txt-box .sub {font-size: 14px;}
}