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

@media screen and (max-width: 900px) {
  .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: 100px;}
  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; height: 150px;}
  .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;}

  /* 이엘디자인 */
  .img-content > div {width: 75.556vw;}
  .img-content > div .dim-txt {font-size: 16px;}
  .back-btn {top: 90px; left: 30px;}
  

  /* footer */
  footer {padding: 40px 0 42px;}
  footer .container {flex-flow: column;}
  footer .f-logo {width: 174px; height: 50px; margin: 0 auto; margin-bottom: 20px;}
  footer address {margin-bottom: 42px; font-size: 13px; font-weight: 300; text-align: center;}
  /* //footer */

  .tit-box .sub-tit {margin-top: 30px; font-size: 16px;}
  .sns-area .more-btn {margin-top: 30px; font-size: 16px;}
  .img-content > div a {bottom: 10px; padding: 0 10px; font-size: 14px;}

  .list_txt {width: 100%;}
  .list_txt ul {margin: 0 -10px; gap: 20px 0;}
  .list_txt ul li {padding: 0 10px;}
  .list_txt ul li .child-box {padding: 20px;}
  .list_txt ul li .child-box .img-box {width: 80px; margin-bottom: 10px;}
  .list_txt ul li .child-box .tit {margin-bottom: 10px; font-size: 16px;}
  .list_txt ul li .child-box .sub-tit {font-size: 14px;}

  /* 퀵메뉴 */
  .quick_menu {right: 30px;}
  /* //퀵메뉴 */
}

@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;}

  .img-content > div {width: calc(100% - 20px);}
  .main-section {padding-top: 100px;}
  .list-section {padding-top: 100px;}
  .img-list_box ul li {margin-bottom: 30px;}
}
@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;}

  .img-list_box ul li a > span {font-size: 15px;}
  .back-btn {top: 80px; left: 20px;}
  .img-list_box.img-list_box2 ul li {margin-bottom: 40px;}
  .img-list_box.img-list_box2 ul li .txt-box {margin-top: 10px;}
  .img-list_box.img-list_box2 ul li .txt-box .tit {margin-bottom: 10px; font-size: 20px;}
  .img-list_box.img-list_box2 ul li .txt-box .text {font-size: 16px;}

  .list_txt ul li {width: 100%; padding: 0;}
  .tit-box .sub-tit {word-break: keep-all;}

  /* 퀵메뉴 */
  .quick_menu {right: 20px;}
  .quick_menu ul li {margin-bottom: 5px;}
  .quick_menu ul li a {width: 45px;}
  /* //퀵메뉴 */
}

@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: 40px;}
  .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: -919px;}
  .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-sec .list-content .txt-box {font-size: 15px;}
  #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 형 */
}

@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 형 */

  .img-list_box ul li a > span {font-size: 14px;}
}