@media screen and (max-width: 1800px) {
  .container {padding: 0 15px;}
  .table-area table th {font-size: 15px;}
  .table-area table td {font-size: 15px;}
}

.mo-btn {display: none;}
@media screen and (max-width: 1024px) {
  header .container {padding: 0 15px;}
  .container {padding: 0 15px;}
  header nav ul {gap: 10px;}
  header nav ul li a {font-size: 15px;}
  header {height: 60px;}
  header .logo img {max-width: 180px; max-height: 40px;}

  section {padding: 100px 0;}

  .tit-box .tit {font-size: 28px;}
  .search-box input {height: 45px; font-size: 15px; padding: 0 10px;}
  .search-box .inquiry_btn {min-width: 80px; width: 80px; font-size: 15px; height: 45px;}
  .search-box {margin-bottom: 30px;}
  .db_comp .comp_tit {font-size: 18px;}
  .db_comp .comp_tit .db_num {font-size: 15px;}
  .db_comp ul li .child-box {padding: 20px;}
  .db_comp ul li.mapli .child-box {padding: 20px 10px;}
  .db_comp ul li.mapli .child-box .tit {padding-left: 10px;}
  .db_comp ul li .child-box .comp_hd .tit {font-size: 16px;}
  .db_comp ul li .child-box .comp_hd {margin-bottom: 20px;}
  .db_comp ul li .child-box .comp_bd dl dt {font-size: 18px;}
  .db_comp ul li .child-box .comp_bd dl dt.plus:after,
  .db_comp ul li .child-box .comp_bd dl dt.minus:after {width: 20px;}
  .db_comp ul li .child-box .comp_bd dl {gap: 5px;}
  .db_comp {margin-bottom: 30px;}
  .db_comp ul.d-row {margin: 0;}
  .db_comp ul.d-row li {width: 100%; padding: 0;}
  .db_comp ul li .child-box .comp_hd .tit span {font-size: 15px;}
}

@media screen and (max-width: 900px) {
  .container.px_900 {padding: 0 15px !important;}
  .search-box {flex-flow: column;}
  .search-box > .inquiry_btn {width: 100%;}
  .db-list .db_tit {flex-wrap: wrap;}

  .day_txt {display: none;}

  .input-box {flex-flow: column;}
  .input-box input {height: 45px; padding: 0 10px; font-size: 15px;}
  .input-box.ck-editor select {height: 45px; padding: 0 10px; font-size: 15px;}

  .ckd-box {flex-wrap: wrap; gap: 15px;}
  .ckd-box label {font-size: 15px;}
  .ckd-box label:before {width: 15px !important;}
  .db_comp .comp_tit.redun:after {font-size: 14px;}
  .select_box .d-col .tit {font-size: 16px;}
  .submit-btn button {height: 45px; font-size: 15px;}
  .memberset2 button {height: 40px;}

  .mo-btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block; width: 30px; z-index: 9;}
  header nav {position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background: var(--wt); transition: all .3s; padding: 0 15px; box-sizing: border-box;}
  header.open nav {left: 0;}
  header.open:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
  header nav ul {flex-flow: column; align-items: center; justify-content: center; gap: 30px; height: 100%;}
  header nav ul li a {font-size: 18px;}

  header nav ul li .toggle_link {position: initial; transform: initial; display: flex !important; flex-wrap: wrap; flex-direction: row; gap: 7px 20px; padding: 0; margin-top: 8px; background: transparent; box-shadow: none;}
  header nav ul li > a {padding-top: 0; padding-bottom: 0;}

  .db_comp ul li.dbF .child-box .comp_bd {flex-wrap: wrap; justify-content: start; gap: 30px 0;}

  .db_comp ul li .child-box .krmap img{width: calc(100vw - 34vw - 50px); max-width: calc(100vw - 34vw - 50px);}
  .db_comp ul li .child-box .krmap span{font-size: 3vw;}
  .db_comp ul li .child-box .krmap .krmap_left {min-width: 17vw; width: 17vw;}
  .db_comp ul li .child-box .krmap .krmap_right {min-width: 17vw; width: 17vw;}

  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(1){margin-top: calc((100.65vw - 76.25px) / 15);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(2){margin-top: calc((100.65vw - 76.25px) / 8.5);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(3){margin-top: calc((100.65vw - 76.25px) / 62);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(4){margin-top: calc((100.65vw - 76.25px) / 22);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(5){margin-top: calc((100.65vw - 76.25px) / 35);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(6){margin-top: calc((100.65vw - 76.25px) / 300);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(7){margin-top: calc((100.65vw - 76.25px) / 12);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(8){margin-top: calc((100.65vw - 76.25px) / 12);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(9){margin-top: calc((100.65vw - 76.25px) / 25);}
  .db_comp ul li .child-box .krmap .krmap_left span:nth-of-type(10){margin-top: calc((100.65vw - 76.25px) / 8);}
  
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(1){margin-top: calc((100.65vw - 76.25px) / 4.2);}
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(2){margin-top: calc((100.65vw - 76.25px) / 15);}
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(3){margin-top: calc((100.65vw - 76.25px) / 13.2);}
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(4){margin-top: calc((100.65vw - 76.25px) / 15);}
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(5){margin-top: calc((100.65vw - 76.25px) / 34);}
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(6){margin-top: calc((100.65vw - 76.25px) / 30);}
  .db_comp ul li .child-box .krmap .krmap_right span:nth-of-type(7){margin-top: calc((100.65vw - 76.25px) / 8.2);}
}

@media screen and (max-width: 600px) {
  .message-template-modal {padding: 12px;}
  .message-template-body {grid-template-columns: 1fr; padding: 18px;}
  .message-template-preview {min-height: 220px;}
  header {height: auto; padding: 17px 0;}
  /* header .container {flex-flow: column; gap: 10px;} */
  /* header nav ul li a {white-space: nowrap;} */
  .db_comp ul li .child-box .comp_bd {flex-wrap: wrap; gap:15px 0;}
  .db_comp ul li .child-box .comp_bd dl {width: calc(100% / 3);}
  .db_comp ul li .child-box .comp_bd dl dd {font-size: 13px;}

  .db_comp ul li.totaldb .child-box .comp_bd dl {width: calc(100% / 2);}
  .db_comp ul li.areadb .child-box .comp_bd dl {width: calc(100% / 5);}
  .db_comp ul li.dbF .child-box .comp_bd dl {width: calc(100% / 5); min-width: auto;}
  .db_comp ul li.daydb .child-box .comp_bd dl {width: calc(100% / 3);}

  .login-area .form-area .logo {width: 230px;}

  section {padding: 80px 0;}
  .db_comp .comp_tit {margin-bottom: 20px;}
  .db_comp ul li.db7 .child-box .noajaxlist dl {width: calc(100% / 3);}

  .db-list .download_btn a { padding: 8px 11px 7px;}

  .submit-btn {margin-top: 20px;}
  .db_comp2 {margin-top: 30px;}
}

@media screen and (max-width: 452px) {
  /* header nav {width: 100%;}
  header nav ul {justify-content: flex-start; overflow: auto; overflow-y: hidden;}
  header nav ul li {flex: 0 0 auto;} */

  .db_comp ul li .child-box .comp_hd .tit {flex-flow: column; align-items: flex-start; gap: 5px;}

  .table-area table th {font-size: 14px;}
  .table-area table td {font-size: 13px;}
  .table-area table td:not(.address), .table-area table td:not(.area), .table-area table td:not(.bs_name), .table-area table td:not(.bs_type) {padding: 0 5px}
  .table-area table th:not(.bs_type) {padding: 0 5px}
}

@media screen and (max-width: 354px) {
  header nav {width: 250px;}
}