@media (min-width: 901px) {
#progressBar {
  width: 100%;
  height: 20px;
  background-color: #f2f2f2;
  border-radius: 4px;
  overflow: hidden;
}

#progressBarFill {
  width: 0;
  height: 100%;
  background-color: #4caf50;
  transition: width 0.3s;
}

/* 전체 테이블 배경 및 기본 테두리 */
.tb table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(60, 72, 88, 0.06);
  overflow: hidden;
}

/* 헤더 스타일 */
.tb thead th {
  background: #f6f7fb;
  color: #222;
  font-weight: 600;
  font-size: 15px;
  padding: 13px 8px;
  border-bottom: 2px solid #ebebeb;
  text-align: center;
  letter-spacing: 0.02em;
}

/* 바디 줄: 홀수/짝수 alternate row */
.tb tbody tr:nth-child(odd) {
  background: #fff;
}
.tb tbody tr:nth-child(even) {
  background: #fff;
}

/* 셀 공통 */
.tb tbody td {
  color: #3a3a3a;
  padding: 12px 8px;
  border-bottom: 1px solid #ececec;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  transition: background 0.2s;
}

/* 마우스 오버시 강조 */
.tb tbody tr:hover {
  background: #eceef3 !important;
  cursor: pointer;
}

/* 첫 번째 컬럼(번호) 강조 */
.tb tbody td.t_01 {
  font-weight: 700;
  color: #6366f1;
  background: #f2f5fa;
}

/* 상태 컬럼 강조 (예: '진행', '대기', '주문취소' 등) */
.tb tbody td.t_05 {
  font-weight: 600;
  border-left: 1px solid #ebebeb;
}
.tb tbody td.t_05.text-danger {
  color: #ff4242;
}

/* 빌딩명(마지막 컬럼) 라운드 처리 */
.tb tbody td.t_06 {
  border-right: none;
  border-radius: 0 8px 8px 0;
}

/* 테이블 맨 아래 라운드 처리 */
.tb tbody tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
}
.tb tbody tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}

/* 버튼 스타일 (진행/대기) */
.btn-proceed {
  min-width: 55px;
  border-radius: 14px;
  font-size: 13px;
  padding: 6px 12px;
  border: none;
  transition: background 0.16s, color 0.16s;
}
.btn-proceed.btn-warning {
  background: #ffe5b5;
  color: #b2760b;
}
.btn-proceed.btn-success {
  background: #e0f4ec;
  color: #219873;
}

/* 반응형 */
@media (max-width: 900px) {
  .tb table, .tb thead, .tb tbody, .tb th, .tb td, .tb tr { 
    display: block; 
  }
  .tb thead {
    display: none;
  }
  .tb tbody td {
    padding-left: 50%;
    position: relative;
    text-align: left;
  }
  .tb tbody td:before {
    position: absolute;
    left: 12px;
    top: 12px;
    white-space: nowrap;
    font-weight: bold;
    color: #999;
    content: attr(data-label);
    font-size: 12px;
  }
}

.tb tbody tr.completed td.t_01 {
  background-color: #cecece;
}

/* DataTables 페이지네이션도 맞춤 디자인 */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #f6f7fb !important;
  border-radius: 8px !important;
  margin: 0 2px !important;
  color: #6366f1 !important;
  border: none !important;
  font-weight: 500;
  transition: background 0.15s;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #6366f1 !important;
  color: #fff !important;
}

/* DataTables 필터(검색창) 스타일 */
.dataTables_filter input[type="search"] {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 6px 12px;
  background: #f6f7fb;
  color: #222;
  margin-left: 6px;
}

/* 반응형 처리 */
@media (max-width: 900px) {
  .tb table, .tb thead, .tb tbody, .tb th, .tb td, .tb tr, .dataTable, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr { 
    display: block; 
  }
  .tb thead, .dataTable thead {
    display: none;
  }
  .tb tbody td, .dataTable tbody td {
    padding-left: 50%;
    position: relative;
    text-align: left;
  }
  .tb tbody td:before, .dataTable tbody td:before {
    position: absolute;
    left: 12px;
    top: 12px;
    white-space: nowrap;
    font-weight: bold;
    color: #999;
    content: attr(data-label);
    font-size: 12px;
  }
}
}
@import url("common.css");

.content .inner{width:90%; margin:auto; }
.content .tit{font-size:18px; font-weight:600; margin:20px 0; color:#495057; }
.content .tit .loca{font-size: .875rem; float:right; display:inline-block; }
.content .tit .loca a{color:#495057}
.content .tit .loca span.bar{font-size: .775rem; color:#74788d; display:inline-block; padding:0 .5rem;}
.content .tit .loca span.pgNm{color:#495057}
.content .stit-group{display:table; width:100%; margin-bottom:.8rem;}
.content .stit-group h2{font-size:14px; margin-top:12px; font-weight:600; float:left;}
.content .btn_set{float:right; }
.content .btn_set .btn_search{background:#4549a2; border-color:#4549a2; color:#fff;}
.content button.dt-button,
.content .btn_set .btn_01{background:#ebebf1; border-color:#ebebf1; color:#000}
.content .btn_set .btn_search:hover {color: #fff;background-color: #4549a2;border-color: #414598;}
.content button.dt-button:hover,
.content .btn_set .btn_01:hover {color: #000;background-color: #ececf1;border-color: #ececf1;}
.content .box_search{padding: 1rem 1.25rem; background:#eee; border:1px solid #e9e9ef; border-radius:.25rem; }
.content .box_search input,
.content .box_search label,
.content .box_search select,
.content .box_search span{display:inline-block; }
.content .box_search .mar0{margin:0 1rem 0 .8rem;}
.content .box_search .mar1,
.content .box_search .mar2{margin:0 .5rem;}
.content .box_search .f-sm{width:120px;}
.content .box_search .f-sm1{width:100px;}
.content .box_search .f-sm2{width:100px;}
.content .box_search .f-sm3{width:200px;}
.content .box_search .f-sm4,
.content .box_search .f-sm5{width:140px;}
.content .box_search #ywal:not(.f-sm2){display:none;}
.content .box_search .btn_search{background:#4549a2; border-color:#4549a2; color:#fff; }
.content .box_search .btn_save{background:#54585a; border-color:#54585a; color:#fff; }
.content .box_search div{display:inline-block;}
.content .box_search2 div{width:19%; }
.content .box_search3 div{width:24%; }
.content .tb{width:100%; margin:20px 0;overflow: hidden; }
.content .tb-pop{overflow:auto}
.content .tb table{width:100%; table-layout: fixed;}
.content .tb #list{min-width:100%; width:2000px;}
.content .tb #list2, 
.content .tb #list3{width:auto; margin:0; }
.content .tb .container{width:100%;}
.content .tb table th, 
.content .tb table td{font-size:14px; padding: 0.75rem 0rem; text-align:center; border-bottom:1px solid #e9e9ef}
.content .tb table th{font-weight:600; cursor:move;}
.content .tb table td .status2{color:#ff0000; font-weight:600; }
.content .tb table td .status3{color:blue; font-weight:600; }
.content .tb table td select{font-size:14px; padding: .375rem .55rem;}
.content .tb table td select.sel{max-width:90%; }
.content .tb table tr:hover td{background-color:#eee; }
.content .tb #list3 th{cursor:default;}
.content .tb #list3 tbody tr{cursor:pointer;}
.content .tb table .t_00{width:40px; min-width:30px;}
.content .tb table .t_01{width:50px !important; min-width:50px; } 
.content .tb table .t_02{width:120px;	min-width:100px;  }
.content .tb table .t_03{width:200px; min-width:180px;}
.content .tb table .t_04{width:170px; min-width:150px;}
.content .tb table .t_05{width:90px; min-width:80px;}
.content .tb table .t_06{width:220px; min-width:200px;}
.content .tb table .t_07{width:330px; min-width:300px;}
.content .tb table .t_08{width:380px; min-width:380px;}
.content .tb table .t_09{width:430px; min-width:430px;}
.content .tb table .hide_txt{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.content .tb table .t_subj{text-align:left; }
.content .tb #list_hospital_privacy th{cursor:default;}
.content .tb #list_hospital_privacy tbody tr{cursor:pointer;}
.content .tb table .thospital_00{width:40px; min-width:30px;}
.content .tb table .thospital_01{width:50px !important; min-width:50px; } 
.content .tb table .thospital_02{width:120px;	min-width:100px;  }
.content .tb table .thospital_03{width:200px; min-width:180px;}
.content .tb table .thospital_04{width:80px; min-width:100px;}
.content .tb table .thospital_05{width:90px; min-width:80px;}
.content .tb table .thospital_06{width:220px; min-width:200px;}
.content .tb table .thospital_07{width:330px; min-width:300px;}
.content .tb table .hide_txt{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.content .tb table .t_subj{text-align:left; }

.content .tb_image_up2{width:100%; margin:20px 0;overflow: hidden; }
.content .tb_image_up2-pop{overflow:auto}
.content .tb_image_up2 table{width:100%; table-layout: fixed;}
.content .tb_image_up2 #list{min-width:100%; width:2000px;}
.content .tb_image_up2 #list2, 
.content .tb_image_up2 #list3{width:auto; margin:0; }
.content .tb_image_up2 .container{width:100%;} 
.content .tb_image_up2 table th, 
.content .tb_image_up2 table td{font-size:14px; padding: 0.45rem 0rem; text-align:center; border-bottom:1px solid #e9e9ef}
.content .tb_image_up2 table th{font-weight:600; cursor:move;}
.content .tb_image_up2 table td .status2{color:#ff0000; font-weight:600; }
.content .tb_image_up2 table td .status3{color:blue; font-weight:600; }
.content .tb_image_up2 table td select{font-size:14px; padding: .175rem .55rem;}
.content .tb_image_up2 table td select.sel{max-width:90%; }
.content .tb_image_up2 table tr:hover td{background-color:#eee; }
.content .tb_image_up2 #list3 th{cursor:default;}
.content .tb_image_up2 #list3 tbody tr{cursor:pointer;}
.content .tb_image_up2 table .t_00{width:40px; min-width:30px;}
.content .tb_image_up2 table .t_01{width:50px !important; min-width:50px; } 
.content .tb_image_up2 table .t_02{width:120px;	min-width:100px;  }
.content .tb_image_up2 table .t_03{width:200px; min-width:180px;}
.content .tb_image_up2 table .t_04{width:170px; min-width:150px;}
.content .tb_image_up2 table .t_05{width:90px; min-width:80px;}
.content .tb_image_up2 table .t_06{width:220px; min-width:200px;}
.content .tb_image_up2 table .t_07{width:330px; min-width:300px;}
.content .tb_image_up2 table .t_08{width:380px; min-width:380px;}
.content .tb_image_up2 table .t_09{width:430px; min-width:430px;}
.content .tb_image_up2 table .hide_txt{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.content .tb_image_up2 table .t_subj{text-align:left; }
.content .tb_image_up2 #list_hospital_privacy th{cursor:default;}
.content .tb_image_up2 #list_hospital_privacy tbody tr{cursor:pointer;}
.content .tb_image_up2 table .thospital_00{width:40px; min-width:30px;}
.content .tb_image_up2 table .thospital_01{width:50px !important; min-width:50px; } 
.content .tb_image_up2 table .thospital_02{width:120px;	min-width:100px;  }
.content .tb_image_up2 table .thospital_03{width:200px; min-width:180px;}
.content .tb_image_up2 table .thospital_04{width:80px; min-width:100px;}
.content .tb_image_up2 table .thospital_05{width:90px; min-width:80px;}
.content .tb_image_up2 table .thospital_06{width:220px; min-width:200px;}
.content .tb_image_up2 table .thospital_07{width:330px; min-width:300px;}
.content .tb_image_up2 table .hide_txt{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.content .tb_image_up2 table .t_subj{text-align:left; }


.content .align p{font-size:14px; text-align:right; }
.content .align p .num{color:#414598}
.content .btns{text-align:right;  }
.content .btns .btn-ok{color: #fff;background-color: #5156be;border-color: #5156be; box-shadow: 0 2px 6px 0 rgb(81 86 190 / 50%); }
.content .btns .btn-ok:hover{background-color: #4549a2;border-color: #414598;}
.content .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:transparent; border:0;}
.content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#eee; border:0;}

@media (max-width:1060px) {
.content .accept_search .hide_m{display:none;}
}
@media (max-width:1050px) {
.content .box_search .f-sm{width:100px;}
.content .box_search .f-sm1{width:80px;}
.content .box_search .form-control{height:38px; font-size:13px;}
}
@media (max-width:980px) {
.content .box_search .btn_search, .content .box_search .btn_save{font-size:14px; }
}
@media (max-width:950px) {
.content{margin-top:70px;}
.con-pop{margin-top:30px;}
}
@media (max-width:850px) {
	.content .box_search div label.hide_m{display:none;}
.content .box_search:not(.no-respon) div.m_mar{margin-bottom:10px; text-align:left;}
	.content .box_search:not(.no-respon) div:not(.inline){margin-top: 15px; display:table; width:100%; text-align:center;}
	.content .box_search:not(.no-respon) div.date_group{margin-top:0; margin-bottom: 10px;}
	.content .box_search:not(.no-respon) div:first-child{margin-top:0;}
	.content .box_search:not(.no-respon) div label{margin-bottom:0;}
	.content .box_search:not(.no-respon) div.inline{text-align:center;}
	.content .box_search:not(.no-respon) .btn_search{width:100%;}
	.content .box_search.no-respon2 div label{margin-right:2%;}
	.content .box_search.no-respon2 .btn_search{width:60px; margin-left:2%; }
	.content .box_search:not(.no-respon) .btn_save{margin-left:2%;}
	.content .box_search:not(.no-respon) .btn2{float:left; width:49%; }
	.content .box_search:not(.no-respon) .f-sm{float:left; width:45%;}
	.content .box_search:not(.no-respon) .mar1{float:left; width:10%; margin:0;}
	.content .box_search .mar2{margin:0px .3rem}
	.content .box_search .f-mar2{margin-right:.3rem}
	.content .box_search:not(.no-respon) .f-sm1{float:left; width:50%;}
	.content .box_search:not(.no-respon) .f-sm1#hospi_code{width:49%; margin-right:2%;}
	.content .box_search:not(.no-respon) .f-sm1#hospi_name{width:49%;}
}
@media (max-width:568px) {
.content .stit-group h2{display:none}
.content div.dt-buttons{display:none}
.content .box_search input{font-size: 13px;}
.content .no-respon div{display:table; width:100%; text-align:center;}
.content .no-respon .btn_search{width:100%; margin-top:.8rem;}
.content .no-respon label{display:none;}
.content .box_search:not(.no-respon) .inline{margin-top: 15px; display:table; width:100%; text-align:center;}
.content .box_search.no-respon2 .btn_search{width:55px;}
.content .box_search .f-sm3{width:160px; padding: .375rem .35rem;}
.content .box_search .f-sm4{width:100%; padding: .375rem .35rem;}
.content .box_search .f-sm5{width:110px; padding: .375rem .25rem;}
.content .accept_search .f-sm4{width:100%; }
.content .accept_search .f-sm2{width:49%; margin-right:2%;}
.content .accept_search .f-sm5{width:49%;}
.content .tb{width:100%; height:auto; margin:15px 0;}
.content .tb table{width:2200px;}
.content .tb table.dataTable thead .sorting_asc.t_01{background-image:none !important;}
.content .tb table th{font-size:13px; padding: .35rem 0rem;}
.content .tb table td{font-size:13px; padding: .55rem 0rem;}
.content .tb table .t_01{width:35px !important; min-width:35px;}
.content .tb table .t_02{width:65px; min-width:65px; }
.content .tb table .t_03{width:180px; }
.content .tb table .t_04{width:150px; }
.content .tb table .t_05{width:200px; }
.content .tb table .t_06{width:300px; }

}



@media (max-width:568px) {
.content .stit-group h2{display:none}
.content div.dt-buttons{display:none}
.content .box_search input{font-size: 13px;}
.content .no-respon div{display:table; width:100%; text-align:center;}
.content .no-respon .btn_search{width:100%; margin-top:.8rem;}
.content .no-respon label{display:none;}
.content .box_search:not(.no-respon) .inline{margin-top: 15px; display:table; width:100%; text-align:center;}
.content .box_search.no-respon2 .btn_search{width:55px;}
.content .box_search .f-sm3{width:160px; padding: .375rem .35rem;}
.content .box_search .f-sm4{width:100%; padding: .375rem .35rem;}
.content .box_search .f-sm5{width:110px; padding: .375rem .25rem;}
.content .accept_search .f-sm4{width:100%; }
.content .accept_search .f-sm2{width:49%; margin-right:2%;}
.content .accept_search .f-sm5{width:49%;}
.content .tb_image_up2{width:100%; height:auto; margin:15px 0;}
.content .tb_image_up2 table{width:2200px;}
.content .tb_image_up2 table.dataTable thead .sorting_asc.t_01{background-image:none !important;}
.content .tb_image_up2 table th{font-size:13px;}
.content .tb_image_up2 table td{font-size:13px; }
.content .tb_image_up2 table .t_00{width:10px !important; min-width:20px; display:none;}
.content .tb_image_up2 table .t_01{width:20px !important; min-width:20px;}
.content .tb_image_up2 table .t_02{width:20px; min-width:20px; }
.content .tb_image_up2 table .t_03{width:60px; }
.content .tb_image_up2 table .t_04{width:150px; display:none; }
.content .tb_image_up2 table .t_05{width:70px;display:none; }
.content .tb_image_up2 table .t_06{width:200px; display:none;}


.content .tb_image_up2 #list {
    min-width: 100%;
    width: 100%;
}


}


@media (min-width: 769px) { /* notice3_list_html 화면 너비가 768px 이하인 경우에만 적용 */

  .notice3_list_html_date {
    display: none;
  }
  .notice3_list_html_time {
    display: inline-block;
  }
}


@media (max-width: 768px) { /* notice3_list_html 화면 너비가 768px 이하인 경우에만 적용 */
	.content .tb table .thospital_02{display:none;  }
	.content .tb table .thospital_03{display:none;  }
  .notice3_list_html_date {
    display: inline-block;
  }
  .notice3_list_html_time {
    display: none;
  }
}