@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: 700px; 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 td { width: 3.7% }
.zoomViewport { height: 700px; 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: 800px; 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; 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: 930px; }
.bumrea02 ul { width: 830px; margin-bottom: 10px }
.floorSelect { top: -3px }
.zoomViewport { height: 640px; }
.MainFull .zoomViewport { height: 740px; }
#footer .ft { width: 1200px }
}
 @media screen and (min-width:1281px) 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 }
.title_area>a { margin: 8px 260px 0 0; }
.rightMenu .contBox02 div.boxArea { height: 382px }
.zoomViewport { height: 580px; }
.MainFull .zoomViewport { height: 680px; }
#footer .ft { width: 1100px }
}
 @media screen and (min-width:1024px) and (max-width:1280px) {
#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: 730px; }
.bumrea02 ul { width: 610px; margin-bottom: 10px }
.floorSelect { top: -3px }
.rightMenu .contBox02 div.boxArea { height: 340px }
.zoomViewport { height: 490px; }
.MainFull .zoomViewport { height: 600px; }
#footer .ft { width: 1000px }     
}
 @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: 630px; }
.bumrea02 ul { width: 510px; margin-bottom: 10px }
.floorSelect { top: -3px }
.rightMenu .contBox02 div.boxArea { height: 340px }
.zoomViewport { height: 450px; }
.MainFull .zoomViewport { height: 600px }
.tab_wrap ul.tab li { width: 170px }
#footer .ft { width: 900px; font-size: 11px; background:url("../../images/web_a/common/footer_logo.png") right 48px no-repeat }
}

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