@charset "utf-8";
/*범례*/
ul.bumrea { display: inline-block; float: left; }
ul.bumrea li { float: left; margin-right: 16px; padding: 16px 0 10px; line-height: 100% }
ul.bumrea li span { display: inline-block; float: left; width: 12px; height: 10px; margin-right: 3px; padding: 2px 4px; text-align: center }
ul.bumrea li span.meet_reserv { border: 1px solid #92abcd; border-left: 5px solid #92abcd; background: #cedbec }
ul.bumrea li span.meet_myReserv { border: 1px solid #7c7365; border-left: 5px solid #7c7365; background: #f8b500 }
ul.bumrea li span.meet_end { border: 1px solid #999; border-left: 5px solid #999; background: #ccc }
ul.bumrea li span.meet_myParti { border: 1px solid #5ea443; border-left: 5px solid #5ea443; background: #85cc6a }
ul.bumrea li span.meet_wait { border: 1px solid #92abcd; border-left: 5px solid #92abcd; background: #cedbec url(../../images/web_a/common/ico_fix_day.png) left 50% no-repeat }
ul.bumrea li span.meet_myWait { border: 1px solid #7c7365; border-left: 5px solid #7c7365; background: #f8b500 url(../../images/web_a/common/ico_fix_day.png) left 50% no-repeat }
ul.bumrea li span.meet_none { border: 1px solid #ccc; background: #fff url(../../images/web_a/common/ico_fix_day.png) left 50% no-repeat }
/*날짜Nav*/
.calendar_area { float: left; margin: 20px 20px 6px 0; }
.calendar_area ul li { float: left; height: 30px; margin: 0 10px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.calendar_area ul li>a { display: inline-block; width: 30px; height: 30px; padding: 5px 0 0; border: 1px solid rgba(0,0,0,0.3); border-radius: 3px; background: #fbfbfb; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.calendar_area ul li>a>i { color: #666; position: relative; top: 2px }
.calendar_area ul li>a:hover { background: #fff; color: #000 }
.calendar_area ul li>a:hover>i { background: #fff; color: #000 }
.calendar_area ul li i { color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.calendar_area ul li.date_day { padding: 0 20px; font-size: 26px; color: #333; letter-spacing: -1px; text-align: center; line-height: 100% }
.calendar_area ul li.date_day>span { display: inline-block; padding: 3px 0 0 4px; font-size: 16px; color: #666 }
.calendar_area ul li.date { padding: 0 20px; font-size: 26px; color: #333; letter-spacing: -1px; line-height: 100% }
.calendar_area ul li.margin02 { float: left; margin: 7px 10px 0 0; }
.calendar_area.wfull { width: 100% }
/*회의실검색Nav*/
.quickSearch_area { float: left; width: 100%; margin: 20px 0 0 0 }
.quickSearch_area ul li { float: left; height: 30px; margin: 0 8px 0 0 }
.quickSearch_area ul li.margin { float: left; margin: 7px 10px 0 0 }
.quickSearch_area ul li i { display: inline-block; margin: 5px 4px 0 0; font-size: 11px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.quickSearch_area ul li.search_title { margin-right: 10px; padding: 0px 0 0; font-size: 14px }
.quickSearch_area ul li.solid { margin-right: 4px; padding: 0 }
/*헤더고정*/
#fix_table { width: 100% }
#fix_table .ui-selecting { background: #ffd101!important }
#fix_table .ui-selected { background: #ffd101!important }
#fix_table td.selectable { cursor: pointer }
#fix_table td.selectable:hover { background-color: #ffd101!important; cursor: pointer }
.ui-selectable-helper { position: absolute }
/*일간현황*/
.reserv_day { width: 100% }
.reserv_day .quickSearch_area { float: left; width: auto; margin: 20px 0 0 0 }
.reserv_day .quickSearch_area ul li.search_title { padding: 5px 0 0 0; }
/*일간현황층구분선*/
.reserv_dayList tbody tr.floorStart th { border-top: solid 1px #bbb; background-color: #f5f5f5 }
.reserv_dayList tbody tr.floorIng th { background-color: #f5f5f5 }
.reserv_dayList tbody tr.floorEnd th { border-top: 1px top #bbb !important }
/*일간현황층구분선*/
.reserv_day .reserv_dayList tbody tr.floorStart td { border-top: 1px solid #bbb; }
.reserv_day .reserv_dayList tbody tr.floorIng td { }
.reserv_day .reserv_dayList tbody tr.floorEnd td { border-top: 1px solid #bbb !important; }
.reserv_day .reserv_dayList tbody tr.floorEnd th { border-top: 1px solid #bbb !important; }
/*범례아이콘*/
.ico_type { background: #7092be; color: #fff !important; border-radius: 6px; width: 20px; height: 14px; text-align: center; font-size: 11px; position: relative; top: -2px; }
.ico_type > em { position: relative; top: 1px; }
/*일간현황테이블*/
.reserv_dayList { width: 100%; border-collapse: collapse; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_dayList thead { border-top: 1px solid #666; border-left: 1px solid #666 }
.reserv_dayList thead th { padding: 5px 0; color: #fff; text-align: center; vertical-align: middle; background: #777 url(../../images/web_a/common/line_thead.gif) right top repeat-y!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_dayList tbody { border-left: 1px solid #ccc; border-bottom: solid 1px #d9d9d9; }
.reserv_dayList tbody th { border-top: solid 1px #d9d9d9; padding: 3px 0; font-weight: normal; color: #333; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_dayList thead th.roomUser { width: 60px; color: #fff }
.reserv_dayList th.roomName { padding-left: 8px; background: url(../../images/web_a/common/line_min30.gif) right top repeat-y; color: #4b4b4b; text-align: left }
.reserv_dayList th.roomUserCount { padding-right: 6px; text-align: right; width: 60px; font-size: 13px; background-image: url(../../images/web_a/common/line_min30.gif); background-position: right top; background-repeat: repeat-y; color: #666; }
.reserv_dayList th.roomName p { overflow: hidden; width: 96%; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_dayList th.roomName p a { position: relative }
/*.reserv_dayList th.roomName p a>i { position: absolute; top: 3px; left: -18px; font-size: 13px; color: #7092be }*/
.reserv_dayList th.roomName p a>i { color: #7092be }
.reserv_dayList th.roomName p a>i:last-child { margin-right: 6px }
.reserv_dayList th.roomName p a>i.none { width: 14px; height: 14px }
.reserv_dayList tbody td { border-top: solid 1px #d9d9d9; line-height: 200%; text-align: center }
/*지난시간*/
.reserv_dayList tbody tr td.end_time { background-color: #f4f4f4; color: #999 }
/*분단위라인*/
.reserv_dayList tbody td.minLine { background-image: url(../../images/web_a/common/line_min30.gif); background-position: right top; background-repeat: repeat-y }
/*주간현황테이블*/
.reserv_weekList { width: 100%; border-collapse: collapse; table-layout: fixed }
.reserv_weekList thead { }
.reserv_weekList thead th { padding: 5px 0; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #555; background: #777; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_weekList tbody th { padding-left: 14px; background: #f5f5f5; color: #555; text-align: left; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_weekList tbody th.roomName p { width: 96%; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_weekList tbody th.roomName p a { position: relative; display: block }
.reserv_weekList tbody th.roomName p>i { margin-right: 3px; font-size: 14px; color: #7092be }
.reserv_weekList tbody th.roomName p .ico_type { background: #7092be; color: #fff !important; border-radius: 6px; width: 20px; height: 14px; text-align: center; font-size: 11px; position: relative; top: -2px; }
.reserv_weekList tbody th.roomName p .ico_type > em { position: relative; top: 1px; }
.reserv_weekList tbody { }
.reserv_weekList tbody td { border: 1px solid #ccc; height: 90px; padding: 2px; text-align: left; vertical-align: top }
.reserv_weekList tbody td.today { background-color: #fff7e8 }
.reserv_weekList tbody td i { position: relative; top: 1px; margin-right: 3px }
.reserv_weekList img { vertical-align: middle }
.reserv_weekList tbody td .con { overflow: hidden; width: 100%; height: 24px; margin-bottom: 1px; padding: 2px 0 2px 4px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
/*월간현황테이블*/
.reserv_monthList { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed }
.reserv_monthList thead { }
.reserv_monthList thead th { padding: 5px 0; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #555; background: #777; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_monthList tbody td { border: 1px solid #ccc; height: 130px; background: #fff; vertical-align: top }
.reserv_monthList tbody td .more { float: left; width: 100%; padding: 2px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_monthList tbody td .num { height: 13px; padding: 1px 0 5px 5px; border-bottom: 1px #eee solid; background: #f6f6f6; color: #666; line-height: 130% }
.reserv_monthList tbody td .num a { display: block; width: 100%; color: #555; }
.reserv_monthList tbody td.today { background-color: #fff7e8 }
.reserv_monthList tbody td .ico_today { background: #f6f6f6 url(../../images/web_a/common/today.png) 30px 60% no-repeat }
.reserv_monthList tbody td div.sat a { display: block; width: 99%; height: 18px; color: #4a84bc; text-decoration: none }
.reserv_monthList tbody td div.sat { height: 13px; padding: 1px 0 5px 5px; border-bottom: 1px #eee solid; background: #f6f6f6; line-height: 130%; color: #4a84bc }
.reserv_monthList tbody td div.sun a { display: block; width: 99%; height: 18px; color: #d92d1e; text-decoration: none }
.reserv_monthList tbody td div.sun { height: 13px; padding: 1px 0 5px 5px; border-bottom: 1px #eee solid; background: #f6f6f6; color: #d92d1e; line-height: 130% }
.reserv_monthList tbody td span.sun_comment { float: right; position: relative; top: -20px; _top: -16px; right: 0; height: 0; padding-right: 12px; color: #db9e9e; letter-spacing: -1px }
.reserv_monthList tbody td.blank { height: 115px; padding: 1px 0 0; background: #f5f5f5; line-height: 130%; color: #bcbcbc }
.reserv_monthList tbody td div.blank a { display: block; width: 99%; height: 18px; background: #f6f6f6; color: #bcbcbc; text-decoration: none }
.reserv_monthList tbody td .con { overflow: hidden; float: left; width: 98%; height: 24px; margin: 2px 2px 0; padding: 2px 0 2px 4px; font-size: 12px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.reserv_monthList tbody td .con>i { position: relative; top: 1px; margin-right: 3px; display: inline-block; margin-top: 2px }
/**/
.reserv_edit { width: 100% }
.reserv_edit .seatEditArea { float: left; width: 100%; height: 560px; position: relative }
.reserv_edit .seatEditArea .deskArea { float: left; width: 60%; height: 560px; position: relative; overflow: hidden; }
.reserv_edit .seatEditArea .addMemberArea { float: left; width: 40%; height: 560px; overflow: auto }
.reserv_edit .seatEditArea .deskArea .centerArea { margin: 0 auto; width: 600px }
.addMemberArea table th { border: 1px solid #ccc; }
.addMemberArea table td { border: 1px solid #eee; }