@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: 580px; 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 }
.map_box .ui-resizable-handle { display: none !important }
.map_area .ui-resizable-handle { display: none !important }
.map_box .ui-widget-content {  }
.reserv_seatList colgroup col { }
.reserv_seatList { }
.reserv_seatList tbody td { width: 3.7% }
/*직원위치확인*/
.zoomViewport { height: 580px; 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; border: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: 210px }
.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: 210px }
.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; 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 }
#logo { width: 440px; }
.MainBasic .rest_area { width: 930px; }
.MainBasic .leftBox { width: 960px; }
.bumrea02 ul { width: 840px; margin-bottom: 10px }
.floorSelect { top: -3px }
/*직원위치확인*/
.zoomViewport { height: 580px; }
.MainFull .zoomViewport { height: 670px; }
}
 @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: 580px; }
.MainFull .zoomViewport { height: 660px; }
}
 @media screen and (min-width:1024px) and (max-width:1280px) {
#head { width: 1000px; }
#contents { width: 1000px; }
.timeTableArea { width: 1000px }
#logo>span { font-size: 13px; top: 22px }
#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: 580px; }
.MainFull .zoomViewport { height: 600px; }
}
 @media screen and (max-width:1024px) {
#head { width: 900px; }
#contents { width: 900px; }
.timeTableArea { width: 900px }
#logo { width: 140px; }
#logo>span { display: none }
#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: 580px; }
.MainFull .zoomViewport { height: 600px }
.tab_wrap ul.tab li { width: 170px }
}

/*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 }