.mo-btn {display: none;}
.member-name,.sub-btn,.order-detail {display: none;}
nav .side-fixed {display: none;}
@media screen and (max-width: 1300px) {
  .my_status-area .table-area {width: 100%;}
}

@media screen and (max-width: 1200px){
  header nav ul {gap: 40px;}
  header nav ul li a {font-size: 15px;}
  .container {max-width: 100%; padding: 0 30px;}
  .side-fixed {min-width: 237px; width: 237px; padding: 10px;}
  .side-fixed .input-box input {height: 40px; padding: 0 10px; font-size: 12px;}
  .side-fixed .type1-btn {height: 40px; font-size: 12px; background: var(--prver2);}
  .side-fixed .kakao-btn {height: 40px; margin-top: 10px; font-size: 12px; background: #FEE500;}
  .kakao-btn img {width: 15px;}
  .side-fixed .member_join-btn {font-size: 12px;}
  .side-fixed .id_pw-find a:first-child {padding-right: 5px; margin-right: 5px; font-size: 12px;}

  .main_sec {width: 100%;}
  .main_sec .status-list ul {gap: 10px;}
  .main_sec .status-list ul li .child-box {height: auto; padding: 20px 15px;}
  .main_sec .status-list ul li .child-box .list-content .d-flex {gap: 5px; flex-wrap: wrap;}
  .main_sec .status-list ul li .child-box .label {width: 75px; height: 28px; font-size: 15px; line-height: 1;}
  .main_sec .status-list ul li .child-box .application-btn {width: 85px; height: 35px; font-size: 14px;}
  .pager-area {margin-top: 35px;}
  
  .form-sec {width: 100%;}
  .form-item .input-box {width: 100%;}
  .form-tit {padding-bottom: 20px;}
  .form-tit .tit {font-size: 18px;}
  .form-item {padding: 15px 0;}
  .form-item .label {font-size: 14px;}
  .form-item .input-box input {height: 40px; padding: 0 10px; font-size: 12px;}
  .form-item .input-box .form-btn {min-width: 85px; width: 85px; height: 40px; font-size: 12px;}
  .form-item .label {min-width: 115px;}
  select {width: 95px; height: 40px; padding: 0 10px; font-size: 12px;}

  .tabs-area a {width: 116px; height: 40px; font-size: 13px;}

  .id_txt {font-size: 14px;}
  .form-item.on .label {padding-top: 0;}

  .count {left: calc(100% - 144px);}

  .tabs-area a .number {left: 8px; width: 10px; height: 10px; font-size: 10px;}

  .d-flow {width: 100%;}
  .form-item .input-box .d-flex {width: auto;}
  /* .form-item .input-box .d-flex.dp1 {flex-flow: column; width: 100%;}
  .form-item .input-box .d-flex.dp1 input {width: 100%;} */

  .original_file-upload .tit {font-size: 14px;}
  .original_file-upload .tit .desc {font-size: 13px; margin-bottom: 6px;}
  .original_file-upload .file-txt {font-size: 14px;}

  .select_package .package-item > li .child-box .child-top {padding-bottom: 10px;}
  .select_package .package-item > li .child-box .child-top .tit {font-size: 16px;}
  .select_package .package-item > li .child-box .child-body {height: 140px; margin-bottom: 10px;}
  .select_package .package-item > li .child-box .child-body > ul .icon .img-box {gap: 5px;}
  .select_package .package-item > li .child-box .child-body > ul .icon .img-box img {width: 20px;}
  .select_package .package-item > li .child-box .child-body > ul .icon .img-box .txt {font-size: 14px;}
  .select_package .package-item > li .child-box .child-body > ul {gap: 0;}
  .select_package .package-item > li:hover .child-box .child-footer .percent {margin-bottom: 10px; font-size: 14px;}
  .select_package .package-item > li .child-box .child-footer .txt {font-size: 14px;}

  .final_detail .detail-item {width: 100%;}
  .final_detail .detail-item .tit {margin-bottom: 20px; font-size: 18px;}
  .final_detail .detail-item .datail-list dl dt {font-size: 14px;}
  .final_detail .detail-item .datail-list dl dd {font-size: 15px;}
  .final_detail .detail-item .datail-list {gap: 10px;}
  .final_detail .detail-item .detail-btn {height: 40px; font-size: 14px;}
  .final_detail .detail-item .description {margin-top: 10px; font-size: 12px;}

  .radio-box {margin-right: 10px;}
  .etc-input {width: 150px; height: 40px; font-size: 12px; padding: 0 10px;}
  
  .my_status-area .table-area table th {font-size: 14px;}
  .my_status-area .table-area table td {height: 60px; font-size: 12px;}
  .my_status-area .table-area table .download a {font-size: 12px;}
  .my_status-area .table-area table .cancell {width: 55px; height: 40px; font-size: 12px !important;}
  .my_status-area .table-area table .cancell.ds_btn {font-size: 12px !important; line-height: 1 !important;}
  .my_status-area .table-area table .download.download_a2.dw_before a:before {font-size: 12px !important; line-height: 1 !important;}

  /* 24-03-19 */
  .main-wrap .right-box .txt {margin-top: 23px;}
  .main-wrap .right-box .txt {font-size: 26px;}
  .main-wrap .img-box {width: 210px;}
  .main-wrap {gap: 10px;}
}

@media screen and (max-width: 976px) {
  header nav ul {gap: 22px;}
  header nav {margin-left: 109px;}
}

@media screen and (max-width: 955px) {
  header nav {margin-left: 109px;}
  .check_label {white-space: nowrap;}

  .my_status-area .table-area table .download.download_a.dw_before a:before {font-size: 12px;}
  .my_status-area .table-area table td.color-under_way {min-width: 28px;}

  .side-fixed {min-width: 206px; width: 206px;}
}

@media screen and (max-width: 840px) {
  header nav ul li a {color: var(--wt);}

  .dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1;}
  .container {padding: 0 20px;}
  header nav {position: fixed; top: 0; right: -400px; width: 303px; height: 100vh; background: var(--pr2); z-index: 2; padding: 20px 20px; transition: all .5s; box-sizing: border-box; overflow: hidden; overflow-y: scroll; box-sizing: border-box;}
  header nav .nav-wrap {height: 105vh;}
  header nav.active {right: 0; transition: all .5s;}
  .side-fixed {display: none;}
  .side-fixed .qa-area {display: none;}

  header {position: relative; height: 60px;}
  header .logo {width: 115px;}

  .mo-btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block; width: 37px; z-index: 3;}
  header nav ul {flex-flow: column; align-items: flex-start; gap: 30px;}
  .member-name,.logout-btn {display: block;}
  .logout-btn {margin-bottom: 30px; font-size: 14px; font-weight: 600; line-height: 1.14; color: var(--prver2);}
  .member-name {display: flex; gap: 15px; align-items: flex-end; margin-bottom: 62px;}
  .member-name span:first-of-type {font-size: 18px; font-weight: 600; line-height: 1.17; color: var(--wt);}
  .member-name span:last-of-type {font-size: 14px; font-weight: 400; line-height: 1.14; color: var(--wt);}
  .sub-btn {display: flex; flex-flow: column; margin-top: 10px;}
  .sub-btn a {font-size: 14px; font-weight: 200; line-height: 1.14; color: var(--wt);}

  nav .side-fixed {position: initial; display: block; width: 100%; margin-top: 45px; margin-bottom: 46px; border: none;}
  nav .side-fixed .input-box input {background: var(--wt);}
  nav .side-fixed .id_pw-find a {color: var(--wt);}

  .main_sec {border: none; padding: 30px 0 50px;}
  .form-sec {border: none; padding: 30px 0 50px;}
  section {min-height: calc(100vh - 215px);}

  .main_sec .status-list ul li .child-box {flex-flow: column; align-items: flex-start; gap: 20px; padding: 20px;}
  .main_sec .status-list ul li .child-box .list-content .d-flex {flex-flow: column; flex-wrap: nowrap; align-items: flex-start;}
  .main_sec .status-list ul li .child-box .application-btn {width: 100%;}

  footer {padding: 20px 0;}
  footer .logo {width: 120px;}
  footer .txt {margin-top: 4px; font-size: 12px;}

  .join-btn {width: 100%; height: 40px; font-size: 14px;}
  .btns2set button {width: 100%; height: 40px; font-size: 14px;}

  .form-item {flex-flow: column; align-items: flex-start; gap: 10px;}
  .radio_label:before {width: 15px; height: 15px;}
  input[type="radio"]:checked ~ label:before {width: 15px; height: 15px;}
  .check_label:before {width: 15px; height: 15px;}
  input[type="checkbox"]:checked ~ label:before {width: 15px; height: 15px;}

  .tabs-area {overflow: auto; overflow-y: hidden;}
  .tabs-area a {flex: 0 0 auto;}

  .select_package .package-item {margin: 0; gap: 10px;}
  .select_package .package-item > li {width: 100%; padding: 0;}

  .new_box .btn-save{width: 100%; height: 40px; font-size: 14px;}

  .order-detail {position: fixed; bottom: 30px; right: 20px; display: block; width: 65px; height: 65px; background: var(--pr); font-size: 15px; font-weight: bold; color: var(--wt); border-radius: 100%; z-index: 9999; animation: heartbeat 1.5s ease-in-out infinite both;}
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }

  .order-fixed {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9999; margin: 0; animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
  @keyframes tilt-in-top-1 {
    0% {
      -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg) translate(-50%, -50%);
              transform: rotateY(30deg) translateY(-300px) skewY(-30deg) translate(-50%, -50%);;
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) translate(-50%, -50%);
              transform: rotateY(0deg) translateY(0) skewY(0deg) translate(-50%, -50%);
      opacity: 1;
    }
  }

  .side-fixed .order_Summary .order-tit {font-size: 16px;}
  .side-fixed .order_Summary .order-item dl dt {font-size: 13px;}
  .side-fixed .order_Summary .order-item dl dd {font-size: 14px;}
  .side-fixed .order_Summary .order-item dl {margin-bottom: 10px;}
  .order-fixed {padding: 25px;}

  .sns_link {display: flex;}

  .main-wrap .img-box {display: none;}
  .main-wrap .right-box .txt {text-align: center;}
  .main-wrap .right-box .main_mo-img {display: block; margin-top: 35px;}
  .main_btn {width: 100%; margin-top: 12px;}
  .description3 {text-align: center;}
  .main-wrap .right-box .main_mo-img {height: 304px; overflow: hidden;}
  .main-wrap .right-box .main_mo-img img {height: 100%; object-fit: cover; object-position: top;}
  .main-wrap {width: 100%;}
  .main-wrap .right-box {width: 100%;}
  .main-wrap .right-box .label-tit {width: 100%;}

  header nav ul li.active a {color: var(--wt) !important;}
  header nav ul li.active > a {color: var(--prver2) !important;}
}

@media screen and (max-width: 720px) {
  .my_status-area .table-area {overflow: auto; overflow-y: hidden;}
  .my_status-area .table-area table {width: 800px;}
  .main_trans{display: flex;}
  .filter_btn {height: 40px;}
  .filter_2btns a {height: 40px;}
  .new-file .lp_file-v {height: 40px; font-size: 14px; padding: 0 10px;}
  .file_submit_btn {height: 40px; font-size: 14px;}
  .my_status-area .table-area2 table td:nth-child(1) {white-space: nowrap;}
}

@media screen and (max-width: 600px) {
  .final-popup table {width: 320px; padding: 15px !important;}
  .final-popup table tr:first-child td {padding-bottom: 20px !important; font-size: 18px !important;}
  .final-popup table tr:not(:first-child) td {padding-bottom: 10px !important;}
  .final-popup table tr:not(:first-child) td a {height: 40px !important; line-height: 40px !important; font-size: 14px !important;}
  .final-popup table tr:not(:first-child) td:first-child {font-size: 14px !important;}
  .final-popup table tr:not(:first-child) td:last-child {font-size: 14px !important;}
  body #wrap .final-popup table tr:last-child td {padding-top: 10px !important; font-size: 12px !important;}

  .my_status-area .table-area table .download.download_a2.dw_before a {height: 30px;}
  .my_status-area .table-area table .cancell.ds_btn {height: 30px;}
}

@media screen and (max-width: 425px) {
  .form-item .input-box {flex-flow: column; align-items: flex-start;}
  .form-item .input-box.count_units {flex-flow: unset; align-items: center;}
  .form-item .input-box.mail {flex-flow: unset; align-items: center;}
  select {width: 100%;}

  .form-item .input-box.time_set {flex-flow: initial;}
  .input-box.time_set select {width: 95px;}

  .form-item .input-box .d-flex {width: 100%;}
  .form-item .d-flex2 {flex-wrap: wrap;}

  .final_detail .detail-item {padding: 10px;}

  .final_detail .detail-item .tit {margin-bottom: 10px; font-size: 16px;}
  .final_detail .detail-item .datail-list dl dt {font-size: 13px;}
  .final_detail .detail-item .datail-list dl dd {font-size: 13px;}

  .form-item .input-box.input-file {flex-flow: unset;}

  .qa-area .aq-list {width: 100%;}

  .new_box .btn-save {min-width: 100px;}
}

@media screen and (max-width: 370px) {
  .main-wrap .right-box .txt {font-size: 20px;}
  .main-wrap .right-box .label-tit {font-size: 14px;}
  .description {font-size: 16px;}

  .input-box.time_set select {width: 70px;}
}

@media screen and (max-width: 340px) {
  
}