@charset "utf-8";
#head { width: 1300px }
#contents { width: 1300px }
#head { width: 1300px }
#mnb { width: 1300px }
#mnb03 { width: 1300px }
#mnb03 li a { width: 432px }
#mnb04 { width: 1300px }
#mnb04 li a { width: 325px }
#mnb05 { width: 1300px }
#mnb05 li a { width: 260px }
#contents { width: 1300px }
.timeTableArea { width: 1300px }
.calendar_box .ui-datepicker-trigger { margin: 1px 0 0 0; }
.calendar_box2 .ui-datepicker-trigger { margin: 1px 0 0 0; }
#LblockRightOpen { }
.MainBasic .rest_area { width: 1030px; }
.MainBasic .leftBox { width: 1030px; }
.calendar_box2 .ui-datepicker-trigger { cursor: pointer; float: right; margin-left: 5px }
.mL10 { margin-left: 14px }
/*좌석*/
.zoomViewport { height: 600px; cursor: default !important; z-index: 0 !important }
.zoomContainer { cursor: default !important; z-index: 0 !important }
.noScroll { cursor: default !important; z-index: 0 !important; }
.MainFull .zoomViewport { height: 700px; cursor: default !important; z-index: 0 !important }
#item0 { z-index: 0 !important }
.map_box .ui-resizable-handle { display: none !important }
.map_area .ui-resizable-handle { display: none !important }
.map_box .ui-widget-content { border: none !important; background: none !important }
.reserv_seatList colgroup col { }
.reserv_seatList { }
.reserv_seatList tbody th:first-child { width: 160px }
.reserv_seatList thead th { width: auto !important; }
.reserv_seatList tbody td { width: auto !important; min-width: 34px }
/*직원위치확인*/
.zoomViewport { height: 600px; cursor: default !important; z-index: 0 !important }
.zoomContainer { cursor: default !important; z-index: 0 !important }
.noScroll { cursor: default !important; z-index: 0 !important; }
.MainFull .zoomViewport { height: 700px; cursor: default !important; z-index: 0 !important }
#item0 { z-index: 0 !important }
.map_box .ui-resizable-handle { display: none !important }
.map_area .ui-resizable-handle { display: none !important }
.map_box .ui-widget-content { border: none !important; background: none !important }
/*회의실*/
.reserv_day .reserv_dayList { width: 100% }
.day_time li .ui-datepicker-trigger { float: right; margin: 1px 2px 0 3px }
#LblockRightOpen { width: 252px; }
.reserv_day .reserv_dayList { }
.reserv_day .reserv_dayList thead th:first-child { width: 220px }
.reserv_day .reserv_dayList thead th:nth-child(2) { width: 60px }
.reserv_dayList colgroup col { width: auto !important }
.reserv_weekList colgroup col { width: auto !important }
.reserv_day .reserv_dayList tbody th.roomUserCount { width: 60px }
.reserv_day .reserv_dayList th.roomName { width: 220px }
.day_time li .ui-datepicker-trigger { float: right; margin: 1px 2px 0 3px; cursor: pointer; }
.calendar_area .ui-datepicker-trigger { margin: 1px 0 0 0; top: 0 !important; cursor: pointer; }
.quickSearch_area .ui-datepicker-trigger { margin: 1px 0 0 0; cursor: pointer; }
.quickSearch_area .ui-datepicker-trigger { float: right; margin-left: 5px; cursor: pointer; }
.MainFull .floatThead-table { width: calc(100% - 35px) !important; }
.MainFull .floatThead-container { width: calc(100% - 35px) !important; left: 40px !important; }
.MainBasic .floatThead-container { left: 200px !important; }
.bumrea02 ul { width: 840px; margin-bottom: 10px }

 @media screen and (min-width:1366px) and (max-width:1440px) {
#head { width: 1200px; }
#contents { width: 1200px; }
.timeTableArea { width: 1200px }
#mnb { width: 1200px }
#mnb03 { width: 1200px; }
#mnb03 li a { width: 400px; }
#mnb04 { width: 1200px }
#mnb04 li a { width: 300px }
#mnb05 { width: 1200px }
#mnb05 li a { width: 240px }
.MainBasic .rest_area { width: 930px; }
.MainBasic .leftBox { width: 960px; }
.bumrea02 ul { width: 840px; margin-bottom: 10px }
.floorSelect { top: -3px }
/*직원위치확인*/
.zoomViewport { height: 520px; }
.MainFull .zoomViewport { height: 670px; }
.rightMenu .contBox02 div.boxArea { height: 500px }
.reserv_seatList tbody td { min-width: 30px }
.map_box { transform: scale(0.8); }
     
.rotate_left180 .map_box { margin:0 -235px -150px 0 }
.rotate_right180 .map_box { margin:0 -235px -150px 0  }     

.rotate_left90 .map_box { margin:0 -200px 0 0  }  
}
 @media screen and (min-width:1280px) and (max-width:1366px) {
#head { width: 1100px; }
#contents { width: 1100px; }
#mnb { width: 1100px }
#mnb03 { width: 1100px; }
.timeTableArea { width: 1100px }
#mnb03 li a { width: 366px; }
#mnb04 { width: 1100px }
#mnb04 li a { width: 274px }
#mnb05 { width: 1100px }
#mnb05 li a { width: 220px }
.pdHack { padding-left: 0px }
.MainBasic .rest_area { width: 840px; }
.MainBasic .leftBox { width: 840px; }
.bumrea02 ul { width: 680px; margin-bottom: 10px }
.floorSelect { top: -3px }
/*직원위치확인*/
.zoomViewport { height: 480px; }
.MainFull .zoomViewport { height: 660px; }
.rightMenu .contBox02 div.boxArea { height: 500px }
.timeSlideArea .slideArea { width: 88% }
.select_office { font-size: 19px }
.title_area>h2 > span { font-size: 22px }
.title_area>h2 > span > em { font-size: 16px }
.lockerMap { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95) }
.reserv_seatList tbody td { min-width: 26px }
.map_box { transform: scale(0.72); }
     
.rotate_left180 .map_box { margin:0 -325px -150px 0 }
.rotate_right180 .map_box { margin:0 -325px -150px 0  }     

.rotate_left90 .map_box { margin:0 -300px 0 0  }       
}
 @media screen and (min-width:1024px) and (max-width:1280px) {
#header { min-width: 1000px }
#head { width: 1000px; }
#contents { width: 1000px; }
.timeTableArea { width: 1000px }
#mnb { width: 1000px }
#mnb03 { width: 1000px; }
#mnb03 li a { width: 332px; }
#mnb04 { width: 1000px }
#mnb04 li a { width: 250px }
#mnb05 { width: 1000px }
#mnb05 li a { width: 200px }
.bumrea02 li.margin { margin-right: 10px }
.MainBasic .rest_area { width: 730px; }
.MainBasic .leftBox { width: 760px; }
.bumrea02 ul { width: 640px; margin-bottom: 10px }
.floorSelect { top: -3px }
/*직원위치확인*/
.zoomViewport { height: 400px; }
.MainFull .zoomViewport { height: 600px; }
.rightMenu .contBox02 div.boxArea { height: 380px }
.timeSlideArea .slideArea { width: 87% }
.select_office { font-size: 19px }
.calendar_area { margin: 5px 0px 6px 0 }
.title_area>h2 > span { font-size: 22px }
.title_area>h2 > span > em { font-size: 16px }
.reserv_seatList tbody td { min-width: 26px }
/*맵확대되는프래임높이*/
#zoomContent { width: 100%; height: 480px; }     
.map_box { transform: scale(0.68); }

.rotate_left180 .map_box { margin:0 -440px -200px 0; transform: scale(0.6); }
.rotate_right180 .map_box { margin:0 -440px -200px 0; transform: scale(0.6); }     

.rotate_left90 .map_box { margin:0 -400px 0 0  }     
}
 @media screen and (max-width:1024px) {
#head { width: 900px; }
#contents { width: 900px; }
.timeTableArea { width: 900px }
#mnb { width: 900px }
#mnb03 { width: 900px; }
#mnb03 li a { width: 300px; }
#mnb04 { width: 900px }
#mnb04 li a { width: 225px }
#mnb05 { width: 900px }
#mnb05 li a { width: 128px }
.pdHack { padding-left: 0px }
.bumrea02 ul { width: 86%; margin-bottom: 5px }
.bumrea02 li.margin { margin-right: 10px }
.MainBasic .rest_area { width: 630px; }
.MainBasic .leftBox { width: 660px; }
.bumrea02 ul { width: 540px; margin-bottom: 10px }
.floorSelect { top: -3px }
/*직원위치확인*/
.zoomViewport { height: 350px; }
.MainFull .zoomViewport { height: 600px }
.rightMenu .contBox02 div.boxArea { height: 340px }
.timeSlideArea .slideArea { width: 85% }
.tab_wrap ul.tab li { width: 170px }
.calendar_area { margin: 5px 0px 6px 0 }
.select_office { font-size: 14px }
.title_area>h2 > span { font-size: 16px; margin-left: 10px; }
.title_area>h2 > span > em { font-size: 12px }
.map_box { transform: scale(0.6); }
#zoomContent { height: 420px; }
     
.rotate_left180 .map_box { margin:0 -540px -400px 0; transform: scale(0.5);}
.rotate_right180 .map_box { margin:0 -540px -400px 0; transform: scale(0.5); }     

.rotate_left90 .map_box { margin:0 -500px 0 0  }         
}

/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select { padding: 0 22px 0 10px }
}

/*ie8,9*/
@media \0screen {
.btn_menu { display: none }
}
/*ie8,9*/
html { font-family: '맑은 고딕', 'Malgun Gothic', 'dotum', 'arial', 'Open Sans', 'sans-serif' \0/IE8+9; }
select { padding: 0 0 0 10px \0/IE8+9; line-height: 0 \0/IE8+9 }
#gnb li select { height: 20px \0/IE8+9 }
#header { border-bottom: 1px solid #ccc \0/IE8+9 }
.input01 { padding-top: 6px \0/IE8+9 !important; }
.input02 { padding-top: 6px \0/IE8+9 !important; }
.calendar_area ul li>a { border: 1px solid #ccc \0/IE8+9; }
.navi li .large.button { padding: 8px 4px 9px \0/IE8+9; }
.rightMenu .titleBox p { font-size: 24px \0/IE8+9; }
.rightMenu .selectBox ul li img { margin-right: 2px \0/IE8+9; top: 8px \0/IE8+9; }
.reserv_day .reserv_dayList thead th:first-child+th { width: 60px }