.mo-menu-btns {display: none;}
header nav ul li > .sub-menu a span {display: none;}
.about_logo.mo {display: none;}

@media screen and (max-width: 1900px) {
  .intro-popup.on .intro-sec {height: calc(100vh - 70px);}
  .intro-sec {height: calc(100vh - 70px)}
}

@media screen and (max-width: 1600px) {
  .intro-sec .left-box .link-btn {margin-top: 133px;}
  .intro-sec .container {gap: 30px;}
  .intro-sec .left-box .sec_logo {width: 400px;}
  .intro-sec .right-box .tit-box {margin-bottom: 31.5px;}
  .intro-sec .right-box .txt-box {margin-bottom: 30px;}

  .intro-popup.on .intro-sec .right-box .tit-box {padding-bottom: 18.5px; margin-bottom: 18.5px;}
  .intro-sec .right-box .txt-box .tit {font-size: 20px;}
  .intro-sec .right-box .txt-box .txt {font-size: 14px;}
  .intro-sec .left-box {min-width: 362px; width: 362px;}
  .intro-sec .left-box .sec_logo {width: 300px;}
}

@media screen and (max-width: 1500px) {
  /* 첫번째 애니메이션 */
  .section2 .left-box {margin-right: 4.400vw;}
  .collection_img {width: 46.667vw;}
  .collection_img img.decoration {width: 10vw; height: 9.667vw; left: 0; top: 13.800vw;}
  .collection_img img.cf {width: 9.667vw; height: 9.600vw; right: 0; top: 12.400vw;}
  .collection_img img.hand {width: 20vw; height: 14.767vw; left: 50%; bottom: 0; transform: translateX(-50%);}
  /* 두번째 애니메이션 */
  .section2 .collection_img img.main2_bottom {width: 4.533vw; height: 15.700vw; right: 14vw; bottom: 0;}
  @keyframes main2_bottom {
    0%{
      /* transform: rotate3d(1, 1, 1, -21deg); */
      right: 14vw;
      bottom: 0;
    }
    10%{
      right: 14.667vw;
    }
    10%{
      right: 15.333vw;
    }
    20%{
      right: 16vw;
    }
    30%{
      right: 16.667vw;
    }
    40%{
      right: 16vw;
    }
    40%{
      right: 15.333vw;
    }
    50%{
      right: 14.667vw;
    }
    60%{
      right: 14vw;
    }
    70%{
      right: 14.667vw;
    }
    80%{
      right: 15.333vw;
    }
    90%{
      right: 16vw;
    }
    100%{
      right: 16.667vw;
      transform: rotateY(-135deg);
      bottom: 5.600vw;
    }
  }
  .section2 .collection_img img.main2_left {width: 10.707vw; height: 13.867vw; left: 0; bottom: 7.187vw;}
  @keyframes main2_left {
    0%{
      /* transform: rotate3d(1, 1, 1, -21deg); */
      left: 0;
    }
    100%{
      left: 3.333vw;
    }
  }
  .section2 .collection_img img.main2_middle {width: 5.300vw; height: 15.687vw; left: 17.767vw; bottom: 7.433vw;}
  @keyframes main2_middle {
    0%{
      /* transform: rotate3d(1, 1, 1, -21deg); */
      left: 17.767vw;
      bottom: 7.433vw;
    }
    30%{
      left: 24.433vw;
    }
    60%{
      left: 31.100vw;
      bottom: 20.033vw;
    }
    100%{
      left: 30.233vw;
      bottom: 20.033vw;
    }
  }
  .section2 .collection_img img.main2_ri {width: 7.667vw; height: 14.547vw; right: 4.533vw; bottom: 9.040vw;}

  /* 세번째 애니메이션 */
  .section3 .collection_img img.all_bg {height: 39.293vw;}
  .section3 .collection_img img.main3_left {width: 7.333vw; height: 14.400vw; left: 2.800vw; bottom: 6.580vw;}
  @keyframes main3_left {
    0%{
      left: 2.800vw;
    }
    100%{
      left: 4.800vw;
      height: 12vw;
    }
  }
  .section3 .collection_img img.main3_right {width: 9.667vw; height: 14.600vw; right: 1.400vw; bottom: 10.180vw;}
  @keyframes main3_right {
    0%{
      right: 1.400vw;
    }
    100%{
      right: 2vw;
    }
  }
  .section3 .collection_img img.main3_top {width: 6.400vw; height: 9.533vw; right: 17.933vw; top: 0;}
  @keyframes main3_top {
    0%{
      top: 0;
    }
    100%{
      top: 1.333vw;
    }
  }
  .section4 .left-box {margin-right: 7.067vw;}
  .section4 .collection_img img.all_bg {height: 46.480vw;}
  .section4 .collection_img img.main4_bottom {width: 14.267vw; height: 15.333vw; left: 10.467vw; bottom: 2.507vw;}
  .section4 .collection_img img.main4_right {width: 7.733vw; height: 6.600vw; right: 0; bottom: 15.707vw;}
  .section4 .collection_img img.main4_top {width: 8.867vw; height: 22.200vw; right: 4.400vw; top: 5.040vw;}


  section .container {max-width: 100%; padding: 69.8px 50px; box-sizing: border-box; overflow: hidden;}


  /* new about */
  .sub-container2 {padding: 0 20px;}
  /* .new_about .left-box .tit:after {width: 300px;} */


  /* .new_about .left-box .tit {white-space: initial;} */
  /* .new_about .right-box {width: 600px; min-width: 600px;} */
}

@media screen and (max-width: 1344px) {
  .footer-b .f-right .f-nav ul li > a {padding-right: 30px; white-space: nowrap;}
  .footer-b .f-right .f-nav ul li:last-of-type > a {padding-right: 0;}
  .section4 .right-box .txt-box {width: 367px;}
  .footer-b .f-left {margin-right: 50px;}


  .intro-sec .right-box .tit-box {margin-bottom: 31.5px;}
  .intro-sec .right-box .txt-box {margin-bottom: 50px;}
  .intro-sec .left-box .sec_logo {width: 385px;}

  .intro-sec .right-box .txt-box {margin-bottom: 10px;}
  .intro-sec .left-box .link-btn {margin-top: 70px;}
}

@media screen and (max-width: 1164px) {
  .visual .content ul li {margin-right: 20px;}
  header nav ul li a {margin: 0 10px;}

  /* 알씨소프트 */
  section .left-box .txt-box {width: 374px; padding-left: 0;}
  section .right-box .txt-box {width: 374px;}
  .txt-box .content ul.icon-ul {flex-wrap: wrap;}
  .txt-box .content ul.icon-ul li {margin-right: 0;}

  .section3 .left-box .txt-box {width: 374px;}
  .txt-box .content ul.txt-ul li {margin-right: 20px;}

  /* new about */
  .new_about .left-box .tit:after {width: 100px;}
  .new_about .left-box .about_logo {max-width: 400px;}
}

@media screen and (max-width: 900px) {
  .mo_d_none {display: none !important;}


  .sub-container {padding: 0 30px; max-width: 100%;}
  .container {max-width: 100%; padding: 0 30px;}
  .mo-menu-btns {display: block; width: 35px; height: 12.2px;}
  .mo-menu-btns img {width: 100%; height: 100%;}
  header .container nav {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 85px 0; background: rgba(0, 0, 0, 0.8);}
  header .container nav ul {flex-flow: column;}
  header .container nav ul li a {display: block; width:100%; padding: 15px 0 0; font-size: 20px; line-height: 1.45; color: #fff; margin: 0; margin-bottom: 15px;}
  .close-btn {position: absolute; top: 17.9px; right: 30px; width: 26.2px; height: 26.2px;}
  .close-btn span {position: absolute; top: 0; left: 18px; display: block; width: 1px; height: 100%; background: #fff; transform: rotate(45deg);}
  .close-btn span:last-child {transform: rotate(-45deg);}

  /* start */
  header {height: 60px;}
  header .logo {width: 183.2px; height: auto;}
  header .container {padding: 0 30px;}

  .visual {height: 500px; margin-top: 60px;}
  .visual .bg-video {height: 500px;}
  .visual::after {height: 500px;}
  .language_btns {top: 20px; left: 30px;}
  .certificates {top: 20px; right: 30px;}
  .certificates ul li {width: 60px; height: 83.2px; margin-right: 5px; border-radius: 5px;}
  .visual .kv-box .sub-tit {font-size: 30px;}
  .visual .kv-box .sub-tit > br {display: none;}
  .visual .kv-box .tit {font-size: 50px; line-height: 0.9;}
  .visual .content {padding: 0 30px; bottom: -220px; box-sizing: border-box;}
  .visual .content ul li {width: 100%; margin-right: 40px;}
  .qa-list {bottom: -279px; box-sizing: border-box; margin-top: 0;}
  .qa-list ul li {width: 100%; margin-right: 40px;}

  .visual .content ul li {margin-right: 20px;}
  .visual .content ul li .child-box {padding: 35px 41px;}
  .visual .content ul li .child-box .txt-box .tit {margin-bottom: 15px; font-size: 20px;}
  .visual .content ul li .child-box .txt-box .sub-tit {font-size: 16px;}
  
  /* 간편계산 */
  .simple_calculation {padding: 50px 0 40px; margin-bottom: 50px;}
  .simple_calculation .tit-box .sub-tit {font-size: 16px;}
  .simple_calculation .tit-box {margin-bottom: 50px;}
  /* //간편계산 */

  /* 문자상담 폼 */
  .main-sec1 {padding-bottom: 40px;}
  form.form-box {width: 100%;}
  .main-sec1 .tit-box .sub-tit {font-size: 16px;}
  .main-sec1 .tit-box {margin-bottom: 50px;}
  /* //문자상담 폼 */

  .main-sec {height: 370px;}

  /* sub */
  .sec-tit_bg {margin-top: 60px; min-height: 150px; height: auto; padding: 20px 0; box-sizing: border-box;}
  .sec-tit_bg .sub-container .bg-tit p.tit {margin-bottom: 5px; font-size: 30px;}
  .sec-tit_bg .sub-container .bg-tit p.sub-tit {font-size: 15px;}

  section {padding-top: 50px;}

  #sub-sec2 {padding-bottom: 50px;}

  .tit-box {margin-bottom: 30px;}
  .tit-box .tit {font-size: 40px;}

  #sub-sec2 .content .video-box img {height: 515px;}
  #sub-sec2 .content .video-box .txt-box {margin-top: 15.6px; margin-bottom: 40px; font-size: 16px;}

  #sub-sec2 .content .video-box img.people {height: 586px;}
  .qa-area {margin-top: 30px;}

  #sub-sec2 .content .video-box img.Graph {width: 93.333vw; height: 44.778vw;}
  #sub-sec2 .content .video-box img.Graph2 {width: 72.222vw; height: 45.556vw; margin-bottom: 30px;}
  #sub-sec2.sub-sec2-1 .tit-box {padding: 0 30px;} 
  #sub-sec2.sub-sec2-1 {padding-bottom: 60px;}

  .big_list ul li .img-box {width: 93.333vw; height: 52.444vw;}
  .big_list.big_list2 ul li .img-box {width: 93.333vw; height: 65.889vw;}
  .big_list.big_list2 ul li:first-child .img-box {height: 71.556vw;}
  .big_list ul li {margin-bottom: 30px;}

  .visual .content ul li:hover {margin-top: 0;}
  .visual .content ul li:hover .child-box .img-box img {transform: scale(1);}
  .qa-list ul li:hover .child-box .img-box img {transform: scale(1);}
  /* //sub */
  /* //start */

  /* sub-sec1 */
  #sub-sec1 {padding-bottom: 60px;}
  #sub-sec1 .content {flex-flow: column;}
  #sub-sec1 .content .img-box {min-width: 300px; height: 350px; margin-right: 0; margin-bottom: 30px;}
  #sub-sec1 .content .txt-box {width: 335px;}
  #sub-sec1 .content .txt-box .text {margin-bottom: 30px; font-size: 18px;}
  #sub-sec1 .content .txt-box .signature-area .position {font-size: 18px;}
  #sub-sec1 .content .txt-box .signature-area .signature .name1 {margin-right: 10px; font-size: 24px;}
  #sub-sec1 .content .txt-box .signature-area .signature .name2 {font-size: 18px;}
  /* //sub-sec1 */

  /* 감정평가란? */
  .sub-sec .list-content .txt-box {font-size: 16px;}
  .sub-sec .list-content .description {margin-top: 5px; font-size: 15px;}
  .sub-sec .list-content.list-content2 .txt-box:not(:first-of-type) {margin-top: 20px;}

  /* footer */
  footer {padding: 40px 0 42px;}
  footer .container {flex-flow: column;}
  footer .f-logo {min-width: 213px; margin: 0 auto; margin-bottom: 20px;}
  footer address {margin-bottom: 42px; font-size: 13px; font-weight: 300; text-align: center;}
  .f_sns {position: initial; transform: initial; justify-content: center;}
  /* //footer */

  /* 롤링 리스트 */
  .rolling-item ul {padding: 30px 0 30px; margin: 0 -30px;}
  .rolling-item ul {animation: 20s linear 0s infinite normal none running rollingleft2;}
  /* .rolling-item ul li {will-change: transform;animation: marquee 9s linear infinite alternate-reverse;}
  @keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-2000px); }
  } */
  .rolling-item ul li {padding: 0 30px;}
  .icon1 {width: 190px;}
  .icon2 {width: 150px;}
  .icon3 {width: 140px;}
  .icon4 {width: 150px;}
  /* //롤링 리스트 */



  /* 알씨소프트 */
  .section4 .right-box .txt-box {width: 100%;}
  section .container {flex-flow: column;}
  .section1 .container {flex-flow: column-reverse;}
  .section3 .container {flex-flow: column-reverse;}
  .collection_img {width: 77.778vw;}
  .collection_img img.hand {width: 33.333vw; height: 24.611vw; left: 50%; bottom: 0; transform: translateX(-50%);}
  .collection_img img.decoration {width: 16.667vw; height: 16.111vw; left: 0; top: 23vw;}
  .collection_img img.cf {width: 16.111vw; height: 16vw; right: 0; top: 20.667vw;}
  /* 두번째 */
  .section2 .collection_img img.main2_bottom {width: 7.556vw; height: 26.167vw; right: 23.333vw; bottom: 0;}
  @keyframes main2_bottom {
    0%{
      /* transform: rotate3d(1, 1, 1, -21deg); */
      right: 23.333vw;
      bottom: 0;
    }
    10%{
      right: 24.444vw;
    }
    10%{
      right: 25.556vw;
    }
    20%{
      right: 26.667vw;
    }
    30%{
      right: 27.778vw;
    }
    40%{
      right: 26.667vw;
    }
    40%{
      right: 25.556vw;
    }
    50%{
      right: 24.444vw;
    }
    60%{
      right: 23.333vw;
    }
    70%{
      right: 24.444vw;
    }
    80%{
      right: 25.556vw;
    }
    90%{
      right: 26.667vw;
    }
    100%{
      right: 27.778vw;
      transform: rotateY(-135deg);
      bottom: 9.333vw;
    }
  }
  .section2 .collection_img img.main2_left {width: 17.844vw; height: 23.111vw; left: 0; bottom: 11.978vw;}
  @keyframes main2_left {
    0%{
      /* transform: rotate3d(1, 1, 1, -21deg); */
      left: 0;
    }
    100%{
      left: 5.556vw;
    }
  }
  .section2 .collection_img img.main2_middle {width: 8.833vw; height: 26.144vw; left: 29.611vw; bottom: 12.389vw;}
  @keyframes main2_middle {
    0%{
      /* transform: rotate3d(1, 1, 1, -21deg); */
      left: 29.611vw;
      bottom: 12.389vw;
    }
    30%{
      left: 40.722vw;
    }
    60%{
      left: 51.833vw;
      bottom: 33.389vw;
    }
    100%{
      left: 50.389vw;
      bottom: 33.389vw;
    }
  }
  .section2 .collection_img img.main2_ri {width: 12.778vw; height: 24.244vw; right: 7.556vw; bottom: 15.067vw;}

  /* 세번째 */
  .section3 .collection_img img.all_bg {height: 65.489vw;}
  .section3 .collection_img img.main3_left {width: 12.222vw; height: 24vw; left: 4.667vw; bottom: 10.967vw;}
  @keyframes main3_left {
    0%{
      left: 8vw;
    }
    100%{
      left: 8vw;
      height: 20vw;
    }
  }
  .section3 .collection_img img.main3_right {width: 16.111vw; height: 24.333vw; right: 2.333vw; bottom: 16.967vw;}
  @keyframes main3_right {
    0%{
      right: 2.333vw;
    }
    100%{
      right: 3.333vw;
    }
  }
  .section3 .collection_img img.main3_top {width: 10.667vw; height: 15.889vw; right: 29.889vw; top: 0;}
  @keyframes main3_top {
    0%{
      top: 0;
    }
    100%{
      top: 2.222vw;
    }
  }

  /* 네번째 */

  .section4 .collection_img img.all_bg {height: 77.467vw;} 
  .section4 .collection_img img.main4_bottom {width: 23.778vw; height: 25.556vw; left: 17.444vw; bottom: 4.178vw;}
  .section4 .collection_img img.main4_right {width: 12.889vw; height: 11vw; right: 0; bottom: 26.178vw;}
  .section4 .collection_img img.main4_top {width: 14.778vw; height: 37vw; right: 7.333vw; top: 8.400vw;}

  .section2 .left-box {margin-right: 0;}
  .section4 .left-box {margin-right: 0;}

  .collection_img {margin: 0 auto;}
  .section1 {padding-top: 50px;}
  section .left-box {width: 100%; text-align: center;}
  section .right-box {width: 100%; text-align: center;}
  .new_about .right-box {min-width: auto; width: 100%;}
  section .left-box .txt-box {width: 100%; margin-top: 50px;}
  section .right-box .txt-box {width: 100%; margin-top: 50px;}
  .section3 .left-box .txt-box {width: 100%; margin-top: 50px;}
  .txt-box .content ul.icon-ul {justify-content: center; margin: 0 -20px; margin-top: 30px;}
  .txt-box .content ul.icon-ul li {width: 262px; padding: 0 20px;}
  .section2 .right-box {width: 100%;}
  section {padding-top: 0;}
  section .container {padding: 30px 30px; margin-bottom: 30px;}

  .footer-b .f-left .img-box {width: 137.2px; height: auto; margin: 0 auto; margin-bottom: 20px;}
  .footer-b .f-left .f-tit {font-size: 24px; text-align: center;}
  .footer-b .f-left {margin-right: 0; margin-bottom: 50px;}
  .footer-b .f-right .f-nav ul li > a {display: block; padding: 0; margin-top: 20px;}
  .footer-b .f-right .f-nav ul li:first-of-type > a {margin-top: 0;}
  .footer-b .f-right .f-nav ul li .nav-sub > a {font-size: 15px;}
  .footer-b .f-right {width: 100%;}
  .footer-b .f-right .f-nav ul {justify-content: space-between;}

  .language-btn {left: 30px; top: 80px;}

  header .logo {width: 137.2px; height: auto;}

  header nav ul li > .sub-menu {position: initial; background: transparent; opacity: 1; display: none; box-shadow: none;}
  header .container nav ul li a {text-align: center;}
  header .container nav ul li > a {display: flex; align-items: center; justify-content: center;}
  header .container nav ul li > a img.on {transform: rotate(-180deg);}
  header nav ul li > .sub-menu {padding-top: 0;}
  header nav ul li > .sub-menu a {padding-top: 0; margin-bottom: 0; font-size: 18px; text-align: left;}
  header nav ul li > .sub-menu a:hover {background: transparent; color: #fff;}
  header nav ul li > .sub-menu a span {display: inline; font-size: 10px;}

  section.section1_1 .container {flex-flow: column;}
  section.section1_1:last-of-type .container {flex-flow: column-reverse;}
  section.section1_1 .collection_img {width: 100%;}
  section.section1_1 .all_bg1 {height: auto;}
  section.section1_1 .all_bg2 {height: auto;}
  section.section1_1 .right-box .txt-box {width: 100%; padding-left: 0;;}
  section.section1_1 .left-box .txt-box {width: 100%; padding-left: 0;;}
  .qa-list.qa-list2 ul li {width: 100%;}
  .qa-list.qa-list2 ul li:nth-child(-n+2) {margin-top: 30px;}
  .qa-list.qa-list2 ul li:first-of-type {margin-top: 0;}

  .map-area iframe {width: 100%; height: 450px;}

  .sub-sec .list-content .img-box_txt {flex-flow: column;}
  .sub-sec .list-content .img-box_txt .img-box {min-width: 100%; width: 100%; margin-right: 0;}


  /* 23-07-20 */
  .img-list_new ul {gap: 30px; margin: 0;}
  .img-list_new ul li {width: 100%; padding: 0;}
  .img-list_new ul li:before {display: none;}

  
  /* new about */
  .new_about {flex-flow: column;}
  .new_about .left-box .tit {flex-flow: column; font-size: 26px;}
  .new_about .left-box .tit:after {margin: 20px auto;}
  .new_about .left-box .about_logo.pc {display: none;}
  .about_logo.mo {display: block;}

  .new_about .right-box .tit {padding-bottom: 10px; margin-bottom: 10px; font-size: 18px;}
  .new_about .right-box .tit:after {left: 50%; transform: translateX(-50%);}
  .new_about .right-box .txt {font-size: 15px; word-break: keep-all;}
  .new_about .right-box .list-txt {margin-bottom: 30px;}
  .new_about .about_logo {width: 300px; margin: 0 auto; margin-top: 30px;}

  .new_about2 {padding-top: 50px;}
  .new_about2 > .tit {gap: 10px; margin-bottom: 40px; font-size: 26px;}
  .new_about2 .img-txt ul li .child-box .txt-box {padding: 20px;}
  .new_about2 .img-txt ul li .child-box .img-box {margin-left: 0; margin-right: 0 !important;}
  .new_about2 .img-txt ul li .child-box .txt-box .txt_tit {padding-bottom: 13px; margin-bottom: 13px; font-size: 18px;}
  .new_about2 .img-txt ul li .child-box .txt-box .txt {font-size: 15px;}
  .new_about2 .img-txt ul li:nth-child(1) .child-box .img-box {max-width: 250px;}
  .new_about2 .img-txt ul li:nth-child(2) .child-box .img-box {max-width: 300px;}
  .new_about2 .img-txt ul li:nth-child(3) .child-box .img-box {max-width: 300px}
  /* .new_about2 .img-txt ul li .child-box {flex-flow: column-reverse !important;}
  .new_about2 .img-txt ul li:nth-child(1) .child-box .img-box {max-width: 100%;} */
}

@media screen and (max-width: 768px) {
  /* sub */
  .certificates_list ul li:nth-child(-n+2) {width: 178px; height: 181px;}
  .certificates_list ul li {width: 150px; height: 210px;}
  .certificates_list ul li img {object-fit: contain;}
  /* //sub */

  #sub-sec1 .content .txt-box .text {margin-bottom: 20px; font-size: 16px;}
  #sub-sec2 .content .video-box .txt-box {margin-top: 10px; margin-bottom: 42px; font-size: 16px;}
  #sub-sec1 .content .txt-box .signature-area .position {font-size: 16px;}
  #sub-sec1 .content .txt-box .signature-area .signature .name1 {font-size: 20px;}
  #sub-sec1 .content .txt-box .signature-area .signature .name2 {font-size: 16px;}
}
@media screen and (max-width: 700px) {
  .visual .content ul li .child-box {padding: 35px 20px;}

  /* sub */
  .sub-sec {padding-top: 30px;}
  #sub-sec2 {padding-bottom: 65px;}
  #sub-sec9 {padding-bottom: 60px;}
  .certificates_list ul {flex-wrap: wrap; width: 330px; margin: 0 auto;}
  .certificates_list ul li {width: 150px; height: 159px;}
  .certificates_list ul li:nth-child(-n+2) {width: 150px; height: 207px; margin-bottom: 37px;}
  .certificates_list ul li img {object-fit: cover;}

  .tit-box .tit {font-size: 30px;}

  #sub-sec2 .content .video-box img {height: 214px;}
  #sub-sec2 .content .video-box .txt-box {margin-top: 20px; margin-bottom: 30px; font-size: 15px;}
  .circle_list ul li dl {padding: 13px;}
  .circle_list ul li dl dt {min-width: 40px; height: 40px; font-size: 20px;}
  .circle_list ul li dl dd span.no-date {font-size: 13px; margin-bottom: 4px;}
  .circle_list ul li dl dd span.txt {font-size: 15px;}
  /* //sub */

  .register-btn button {height: 40px; margin-top: 40px; font-size: 16px;}
  .upload-box .file-input_box {flex-flow: column;}
  .free-form_box form input[type="text"] {margin-right: 0; margin-bottom: 10px; font-size: 14px;}
  .upload-box button {width: 100%;}
  .upload-box input[type="file"] {height: 100%;}
  .free-form_box {margin-top: 0;}
  .free-form_box form .form-tit {font-size: 16px;}
  .free-form_box form ul li .input-box.item3 {width: 100%;}
  .free-form_box form ul li .input-box .direct_input {font-size: 14px;}
  .free-form_box form ul li .input-box .direct_input:disabled {width: 100%; margin-bottom: 0;}
  .input-box.item3 label {min-width: 54px;}
  .free-form_box form .select-box select {font-size: 14px;}
  .free-form_box form .textarea-box textarea {font-size: 14px;}

  .qa-list ul li {min-height: auto;}

  .sec-tit_bg .bg-tit p.tit {font-size: 26px;}
  .map-area iframe {width: 100%; height: 350px;}
}

@media screen and (max-width: 700px) {
  header .container {padding: 0 20px;}
  .container,.sub-container {padding: 0 20px;}
  .close-btn {right: 20px;}
  .visual .content {padding: 0 20px;}
  .visual .content ul {flex-flow: column;}
  .visual .content ul li {width: 100%; margin-right: 0; margin-bottom: 20px;}
  .visual .content ul li .child-box {padding: 25px;}
  .visual .content ul li .child-box .txt-box .sub-tit {word-break: keep-all;}
  .qa-list ul {flex-flow: column;}
  .qa-list ul li {width: 100%; margin-right: 0; margin-bottom: 40px;}
  .qa-list ul li:last-of-type {margin-bottom: 0;}
  .qa-list ul li .child-box {padding: 25px;}
  .qa-list ul li .child-box .txt-box .sub-tit {word-break: keep-all; font-size: 15px;}
  .visual .content {bottom: -714px;}
  .main-sec {height: 726px;}
  .certificates ul li {margin-right: 10px;}
  .visual .kv-box .sub-tit {width: 250px; margin: 0 auto 10px; line-height: 1; font-size: 24px;}
  .visual .kv-box .tit {font-size: 40px;}

  #sub-sec2 .content .video-box img.people {width: 100%; height: 244px;}
  .qa-area {margin-top: 20px;}
  .qa-area ul li.q-box dl dt,
  .qa-area ul li.a-box dl dt {min-width: 30px; height: 30px; margin-right: 10px; font-size: 16px;}
  .qa-area ul li.q-box dl dd {font-size: 18px;}
  .qa-area ul li.a-box dl dd {font-size: 15px;}

  #sub-sec2 .content .video-box img.Graph {width: 350px; height: 168px; margin-bottom: 20px;}
  .sub-sec .list-content dl dt > span {width: 30px; height: 30px; margin-right: 10px; font-size: 16px;}
  .sub-sec .list-content dl {margin-bottom: 10px;}

  .sub-sec .list-content dl dd {font-size: 18px;}
  #sub-sec2.sub-sec2-1 {padding-top: 30px;}
  #sub-sec2.sub-sec2-1 .tit-box {width: 295px; margin: 0 auto; margin-bottom: 20px;; padding: 0px;}
  #sub-sec2 .content .video-box img.Graph2 {width: 350px; height: 221px;}

  #sub-sec11 {padding-bottom: 60px;}
  .big_list ul li {margin-bottom: 20px;}
  .big_list ul li .img-box {width: 350px; height: 196.5px; margin: 0 auto; margin-bottom: 20.1px;}
  .big_list.big_list2 ul li {margin-bottom: 20px;}
  .big_list.big_list2 ul li .img-box {width: 350px; height: 247px; margin: 0 auto; margin-bottom: 20.1px;}
  .big_list.big_list2 ul li:first-child .img-box {height: 268.7px;}
  .big_list ul li .txt-box p {font-size: 15px;}
  .big_list ul li:last-of-type {margin-bottom: 0;}

  footer {padding: 24px 0 20px;}
  /* footer .f-logo {width: 101.6px; height: 20px; margin-bottom: 16px;} */
  .Copyright {font-size: 12px;}

  .language_btns {top: 20px; left: 20px;}
  .certificates {right: 20px;}

  .visual .content ul li .child-box .img-box {margin-bottom: 20px;}
  .visual .content ul li .child-box .txt-box .tit {font-size: 20px; margin-bottom: 15px;}
  .visual .content ul li .child-box .txt-box .sub-tit {font-size: 15px;}
  

  .sec-tit_bg .sub-container .bg-tit p.tit {margin-bottom: 5px; font-size: 24px;}
  .sec-tit_bg .sub-container .bg-tit p.sub-tit {font-size: 13px;}
  .tit-box .tit {line-height: 1;}
  .qa-area ul li.q-box dl dd {line-height: 1.15;}

  .qa-list ul li .child-box .img-box {margin-bottom: 20px;}
  .qa-list ul li .child-box .txt-box .tit {font-size: 20px; line-height: 1.2;}

  /* 이스트 */
  /* .main-sec1 {padding-top: 950px;} */
  .simple_calculation .calculation-area .form-box button {width: 160px; font-size: 16px;}
  .simple_calculation .calculation-area .form-box input {width: calc(100% - 170px); margin-right: 0;}
  .simple_calculation .calculation-area .result-box dl dd .price {font-size: 18px;}
  .simple_calculation .calculation-area .result-box dl dd .description {font-size: 13px;}
  .simple_calculation .calculation-area .form-box {flex-flow: column;}
  .simple_calculation .calculation-area .form-box input {width: 100%; margin-bottom: 10px;}
  .simple_calculation .calculation-area .form-box button {width: 100%;}

  .visual .kv-btn_box .request-btns a {width: 270px; height: 40px; margin: 0 auto; margin-bottom: 10px; font-size: 16px;}
  button.submit {height: 40px; font-size: 16px;}

  /* table a 형 */
  .table-a table thead th {height: 40px; padding: 0 20px; font-size: 18px; word-break: keep-all;}
  .table-a table tbody td {height: 40px; padding: 0 20px; font-size: 15px; word-break: keep-all;}
  .table-a table tbody td:first-child {font-size: 16px;}
  /* //table a 형 */

  .language-btn {left: initial; right: 20px; top: 80px;}

  .more_box {padding-top: 463px;}
  .visual .kv-btn_box {width: 100%;}
  .visual .kv-btn_box .kv_txt {width: 100%; font-size: 26px; padding: 0 20px; box-sizing: border-box;}
  section .container {padding: 20px 20px;}


  /* notice */
  .notice {padding-bottom: 30px;}
  .search-box .s-input_box input {margin-right: 0; height: 40px; font-size: 14px;}
  .search-box .s-input_box select {height: 40px; font-size: 14px;}
  .search-box .s-input_box .search-btn {min-width: 85px; height: 40px; font-size: 14px;margin-left: 10px;}
  .tab-btns {gap: 10px; margin-bottom: 30px;}
  .tab-btns a {height: 40px; font-size: 14px;}
  .detail-box ul li .child-box {padding: 10px 15px;}
  .detail-box ul li .child-box .number_tit {margin-right: 15px; min-width: 60px;}
  .detail-box ul li .child-box .number_tit .number {font-size: 20px;}
  .detail-box ul li .child-box .number_tit .tit {font-size: 16px;}
  .detail-box ul li .child-box .date_sub-tit .sub-tit {font-size: 16px;}
  .detail-box ul li .child-box .toggle-btn {right: 15px; font-size: 16px;}
  .detail-box ul li .child-box .toggle-btn img {width: 15px; margin-left: 3px; margin-bottom: 0;}
  .notice .pager .all-prev {width: 12px; height: auto;}
  .notice .pager .all-next {width: 12px; height: auto;}
  .notice .pager .prev {width: 8px; height: auto;}
  .notice .pager .next {width: 8px; height: auto;}

  form.form-box select,
  form.form-box input {height: 40px; font-size: 14px;}
  form.form-box textarea {font-size: 14px;}
  form.form-box select {background: url(./../img/select_icon.png)no-repeat 95% 50%; background-size: 20px 12px; background-color: #f6f6f6;}
}

@media screen and (max-width: 600px) {
  section .txt-box .tit {margin-bottom: 5px !important; font-size: 30px;}
  section .txt-box .sub-tit {font-size: 16px;}
  section .txt-box .more-btn {height: 40px; font-size: 16px;}
  .txt-box .content ul.icon-ul li a span.img-box {width: 30px; height: 30px;}
  .txt-box .content ul.icon-ul li a span.tit {font-size: 18px;}
  .txt-box .content ul.icon-ul li a span.txt {margin-bottom: 5px; font-size: 16px;}
  .txt-box .content ul.icon-ul li a span.button {margin-bottom: 30px; font-size: 16px;}
  .txt-box .content ul.txt-ul li .child-box .tit {font-size: 25px;}
  .txt-box .content ul.txt-ul li .child-box .txt {font-size: 16px;}
  .txt-box .content ul.txt-ul li {width: 50%; margin-right: 10px;}

  .footer-b .f-left .img-box {margin-bottom: 19.8px;}
  .footer-b .f-left .f-tit {font-size: 20px;}
  .footer-b .f-left {margin-bottom: 30px;}
  .footer-b .f-right .f-nav ul {flex-flow: column; align-items: center;}
  .footer-b .f-right .f-nav ul li > a {font-size: 18px;}
  .footer-b .f-right .f-nav ul li .nav-sub > a {font-size: 16px; padding: 0;}
  .footer-b .f-right .f-nav ul li .nav-sub {text-align: center;}
  .footer-b .f-right .f-nav ul li {text-align: center;}

  .map-area iframe {width: 100%; height: 300px;}

  .tab-btns a {width: 130px;}

  .whitenowr .tit {white-space: inherit;}
  .visual .kv-btn_box .kv_txt {white-space: inherit;}

  /* new about */
  .new_about2 .img-txt ul li .child-box {flex-flow: column-reverse !important;}
  .new_about2 .img-txt ul li .child-box .img-box {max-width: 100% !important;}
  .new_about2 .img-txt ul li .child-box .txt-box .number {top: 20px; right: auto !important; left: 16px !important; font-size: 100px !important;}
  .new_about2 .img-txt ul li .child-box .txt-box {text-align: left !important;}
  .new_about2 .img-txt ul li .child-box .txt-box .txt_tit:after {right: auto !important; left: 0 !important;}
}

@media screen and (max-width: 500px) {
  .txt-box .content ul.list-ul li {width: 100%; margin-top: 10px;}
  .txt-box .content ul.list-ul li:nth-child(-n+2) {margin-top: 10px;}
  .txt-box .content ul.list-ul li:first-of-type {margin-top: 0;}

  /* notice */
  .detail-box ul li .child-box .toggle-btn {text-indent: -9999px;}
  .detail-box ul li .child-box .date_sub-tit .sub-tit {width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .detail-box ul li .child-box .number_tit .number {font-size: 18px;}
  .detail-box ul li .child-box .number_tit .tit {font-size: 14px;}

  .more_box > a{margin-top: 213px; font-size: 20px;}
  .sec-tit_bg .bg-tit p.sub-tit{font-size: 14px;}

  .sub-sec .list-content .img-box_txt .txt-box .txt{font-size: 15px;}

  .photo_cp{font-size: 12px !important;}

  .detail-box ul li .detail_content {padding: 10px 15px 20px;}
  .detail-box .detail_content p {font-size: 15px;}
}

@media screen and (max-width: 390px) {
  #sub-sec2 .content .video-box img.Graph {width: 89.744vw; height: 43.077vw;}
  #sub-sec2 .content .video-box img.Graph2 {width: 89.744vw; height: 56.667vw;}
  .language_btns a {width: 70px;}
  .simple_calculation .calculation-area .result-box dl {flex-flow: column;}

  #sub-sec1 .content .txt-box {width: 100%;}
  #sub-sec1 .content .img-box {min-width: 100%;}


  /* table a 형 */
  .table-a table thead th {height: 40px; padding: 0 10px; font-size: 15px;}
  .table-a table tbody td {height: 40px; padding: 0 10px; font-size: 14px;}
  .table-a table tbody td:first-child {font-size: 13px;}
  /* //table a 형 */


  .map-area iframe {width: 100%; height: 250px;}


  /* 23-07-20 */
  .img-list_new ul li .child-box .txt-box .date-neme {font-size: 16px;}
  .img-list_new ul li .child-box .txt-box .txt {font-size: 14px;}

  /* new about */
  .new_about .about_logo {width: 100%;}
}


/* intro */
@media screen and (max-width: 1400px){
  .intro-sec .container {gap: 50px; padding: 0 20px; box-sizing: border-box;}
  .container {padding: 0 20px; box-sizing: border-box;}
}

@media screen and (max-width: 1100px) {
  .intro-sec .left-box .sec_logo {width: 200px;}
  .intro-sec .left-box .txt-box {margin-top: 20px;}
  .intro-sec .left-box .txt-box .txt {font-size: 15px;}
  .link-btn a {height: 45px; padding: 0 10px 0 20px; font-size: 15px;}
  .intro-sec .left-box .link-btn {gap: 10px;}

  .intro-sec .right-box .tit-box {padding-bottom: 20px; margin-bottom: 20px;}
  .intro-sec .right-box .tit-box .tit {font-size: 24px;}
  .intro-sec .right-box .txt-box {margin-bottom: 20px;}
  .intro-sec .right-box .txt-box .tit {font-size: 16px;}
  .intro-sec .right-box .txt-box .txt {font-size: 15px;}


  .view_item ul {gap: 100px;}
  .view_item ul li {width: 300px;}
  .view_item ul li .child-box .img-box img {transform: translate(10px, -10px);}
  .view_item ul li .child-box .img-box .label {top: calc(50% - -13px); left: calc(50% - -1px); width: 100%; height: 45px; font-size: 15px;}
  .view_item ul li .child-box .txt-box .tit {font-size: 18px;}
  .view_item ul li .child-box .txt-box .txt {margin-top: 18px; font-size: 15px;}

  .data-content .tit-box .tit {font-size: 26px;}
}

@media screen and (max-width: 900px) {
  .intro-sec {align-items: flex-start; padding-top: 50px; padding-bottom: 100px; box-sizing: border-box;}
  .intro-sec .container {flex-flow: column; gap: 20px;}
  .intro-sec .left-box .link-btn {position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); margin-top: 0;}
  .intro-sec .left-box .link-btn:hover a {transform: scale(1);}
  .intro-sec .left-box {min-width: 100%; width: 100%;}
  .intro-popup.on .intro-sec {height: auto;}


  .view_item {margin-top: 50px;}
  .view_item ul {gap: 30px;}


  .data-content .tit-box .tit {font-size: 22px;}
  .data-content .tit-box .slide-btn {gap: 0;}
  .data-content .tit-box .slide-btn .swiper-pagination {font-size: 15px;}
  .txt-btn_box {margin-top: 20px;}
  .txt-btn_box .txt {gap: 4px;}
  .txt-btn_box .txt .number {font-size: 16px;}
  .txt-btn_box .txt .tit {font-size: 16px;}

  .toggle-item ul {gap: 10px 0; flex-wrap: wrap; margin: 0 -5px;}
  .toggle-item ul li {width: calc(100% / 2); box-sizing: border-box; padding: 0 5px;}
  
  .visual .kv-btn_box .kv_txt {word-break: keep-all;}
  .visual .kv-btn_box .kv_sub1 {font-size: 15px; word-break: keep-all;}
  .visual .kv-btn_box .kv_sub2 {font-size: 16px; word-break: keep-all;}

  .intro-popup {align-items: flex-start; height: 100vh; overflow: auto; overflow-x: hidden; width: calc(100% - 40px); height: calc(100vh - 60px) !important;}
  .intro-sec {height: auto;}
}

@media screen and (max-width: 600px) {
  .intro-sec {padding-top: 20px; padding-bottom: 162px;}
  .intro-sec .left-box .link-btn {position: fixed; bottom: 20px;}

  .view_item ul {flex-flow: column;}


  .link-btn a {line-height: 1.2;}

  .data-content .tit-box .tit {font-size: 18px; line-height: 1.2;}
  .toggle-item ul {margin: 0;}
  .toggle-item ul li {width: 100%; box-sizing: border-box;}
  .data-content .tit-box .slide-btn {white-space: nowrap;}
}