/* 1680 * 1050 */
@media (max-width:1680px){
  .table_wrap {height: calc(100vh - 330px)}
  #notice .table_wrap { height: 166px;}
  .bottom_inner > div .tit {line-height: 85px;}
  #menu02 .comment table {
    height: 105px;}
}

@media (max-width:1440px){
  .header_inner {height:70px;}
  #gnb li {padding-top: 45px; font-size: 13px;}
  #gnb li:before {width: 28px; height: 28px;}
  #logo {width: 100px;}
  .tit, #logout {font-size: 14px;}
  .header_bottom ul li , .login_info{ height: 45px;}
  .header_bottom ul li .inout span {font-size: 15px;}
  .header_bottom ul li strong { font-size: 18px; margin-top: 0;}
  .login_info span {line-height: 43px;}
  .admin img {width: 25px; height: 25px;}

  #right_menu > div p {height: 35px; line-height: 35px; font-size: 13px;}
  .notice_list .table_top span {font-size: 11px; height: 30px; line-height: 32px;}
  .table_wrap {height: 130px;}
  #notice .table_wrap {height: 111px;}
  .notice_list table td{font-size:12px; height:30px;}

  #container {height: calc(100vh - 115px);}
  #room_list {padding: 10px 10px 0 10px !important;}
  #room_list .table_wrap .jspContainer{width: 100% !important}
  #room_list .table_wrap{min-width:100%;}
  #room_list .table_wrap .jspPane {position: absolute; width: calc(100% - 25px) !important;}
  input[type="checkbox"]:after,
  .checkbox input[type="checkbox"]:after,
  .checkbox-inline input[type="checkbox"]:after { width: 12px; height: 12px; }
  input[type="checkbox"]:checked:before,
  .checkbox input[type="checkbox"]:checked:before,
  .checkbox-inline input[type="checkbox"]:checked:before {top: 0; left: 5px; width: 4px; height: 6px;}
  /* #room_list li{margin-bottom:10px; height:200px;} */
  .status_box {padding: 10px;}
  #room_list li input[type="checkbox"] {top:10px; left: 8px;}
  #room_list li h2 {padding-top: 5px; font-size: 18px;}
  #room_list li.alert:before {width: 40%; height: 2px;}
  .room_condition{padding:5px;}
  /* .room_condition span{padding-left:20px; font-size: 11px;} */
  .room_condition span:before{left:0;}

}

@media (max-width:1370px){
  #right_tab{display:block;}
  #notice, #count{}
    #notice{position:absolute; z-index:10; width:100%; height:0;}
    #count{position:absolute; z-index:9; height:0;}
  .show{z-index:11 !important; height:auto !important;}
  #right_menu > div{}
  #right_menu > div p{display:none;}
  .notice_{padding:15px;}

  #right_menu {height: calc(100vh - 115px); overflow:hidden}
  .table_wrap { height: calc(100vh - 340px);}
  #notice .table_wrap {height: calc(100vh - 309px);}
  /* .jspContainer,
  .table_wrap,
  .jspPane{min-width:100%;} */
  .period{padding-top:0;}
  .bottom_inner > div ul li.btn {font-size: 12px; height: 30px; line-height: 29px;}
  .bottom_inner > div .tit {line-height: 70px;}
  .notice_list table tbody tr td:nth-child(1){ padding-left: 10px;}
  .table_top span:nth-child(1){padding-left:20px;}

}

@media (max-width:1281px){
  /* #room_list li {width: calc(94% / 7);} */
  /* #room_list li:nth-child(8n){margin-right:1%;}
  #room_list li:nth-child(7n){margin-right:0;} */
  .chip {
    width: 16px;
    height: 16px;
    right: 35px;
    font-size: 10px;
    line-height: 16px;
  }
  #right_menu{display:none;}
  #menu01 .container{width:100%;}
  .container{height: calc(100vh - 115px);}
  #room_list { height: calc(100vh - 165px)}
  .pg_title h3{font-size: 22px;}
  .cont_inner .info_header h3{font-size:16px;}
  #menu02 .container, #menu03 .container, #menu04 .container {padding: 10px 15px;}
  .cont_inner .room_info_list li .info_wrap{width:90%;}
  .cont_inner .room_info_list li .support_wrap button:nth-child(1){margin-top:0;}

  #room_info_popup .room_condition .room02 span:last-child {
    padding-left: 32px;
    margin-right: 0;
  }
  #room_info_popup .room_condition .room02 span:last-child:before {
    left: 14px;
}
  .cont_inner .room_info_list li .btn{height:35px;}
  .cont_inner .room_info_list li .status{height:40px;}
  .cont_inner .room_info_list li h5 {font-size: 16px; padding: 10px 0 5px; margin-bottom:0;}
  .cont_inner .info_contents{height: calc(100vh - 220px);}
  #menu03 .cont_inner .info_contents {height: calc(100vh - 290px);}
  .cont_inner .room_info_list li { min-height: 270px;}
  .cont_inner .room_info_list li .support_wrap button{margin-top:10px;}
  #menu02 .left_menu, #menu03 .left_menu, #menu04 .left_cctv{height:calc(100vh - 118px)}
  .cont_inner .comment{padding:10px;}
  .cmt_write span, .cmt_write button, .cmt_write button label{font-size:13px;}
  .cmt_write span:nth-child(1){padding-top:3px;}
  .cmt_write button img {width: 20px; margin-top: -3px;}
  .cmt_write {padding: 10px 20px;}
  .cont_inner .comment table{padding:0;}

  .header_bottom ul {width: 74%;}

}

@media (max-width:1200px){
  #container{width:calc(100% - 250px)}
  #room_list li {width: calc(96% / 5);}
  #room_list li:nth-child(7n){margin-right:1%;}
  #room_list li:nth-child(5n){margin-right:0;}
  .bottom_inner > div .tit {line-height: 20px; padding-top: 15px;}
  .bottom_inner > div ul li.btn{margin-top:8px;}
  .bottom_inner > div ul li:nth-child(1),
  .bottom_inner > div ul li:nth-child(2),
  .bottom_inner .room_set ul li:nth-child(3) {margin-top: 0px;}

  .br_mobile{display:block;}
}

@media (max-width:900px){
  #container{width:calc(100% - 250px)}
  #room_list li {width: calc(96% / 3);}
  #room_list li:nth-child(n){margin-right:1%;}
  .bottom_inner > div .tit {line-height: 20px; padding-top: 15px;}
  .bottom_inner > div ul li.btn{margin-top:8px;}
  .bottom_inner > div ul li:nth-child(1),
  .bottom_inner > div ul li:nth-child(2),
  .bottom_inner .room_set ul li:nth-child(3) {margin-top: 0px;}

  .br_mobile{display:block;}
  .header_bottom{display:none;}
  .float-right{display:none;}
  .bottom_inner{display:none;}
  .gnb00{display:none;}

  #menu02{display:none;}
  #menu03{display:none;}
  #menu04{display:none;}
  #menu05{display:none;}

  span.temperature{display:none;}
  #bottom{display:none;}
}