@charset "utf-8";
#helpbox { position: absolute; top: 0; left: 0; z-index: 100; width: auto; min-width: 200px; height: 0; border-width: 0; border-style: none }
#roomLocation { position: absolute; top: 0; left: 0; z-index: 1010; width: auto; height: 0; border-width: 0; border-style: none }
/*회의종료*/
.tooltip_end { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_end ul li { line-height: 180%; margin-bottom: 4px; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.tooltip_end ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_end .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #ccc; border-radius: 5px; background: #eee }
.tooltip_end .none { padding-left: 0; background: 0 }
/*나의회의*/
.tooltip_myReserv { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_myReserv ul li { margin-bottom: 4px; color: #333 }
.tooltip_myReserv ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_myReserv .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #ae7700; border-radius: 5px; background: #f8b500; color: #443b33; }
.tooltip_myReserv .none { padding-left: 0; background: 0 }
/*나의승인대기*/
.tooltip_myWait { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_myWait ul li { line-height: 180%; margin-bottom: 4px; color: #333 }
.tooltip_myWait ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_myWait .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #ae7700; border-radius: 5px; background: #f8b500; color: #443b33; }
.tooltip_myWait .none { padding-left: 0; background: 0 }
/*예약완료*/
.tooltip_reserv { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_reserv ul li { line-height: 180%; margin-bottom: 4px; color: #333 }
.tooltip_reserv ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_reserv .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #92abcd; border-radius: 5px; background: #cedbec; color: #333; }
.tooltip_reserv .none { padding-left: 0; background: 0 }
/*승인대기*/
.tooltip_wait { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_wait ul li { line-height: 180%; margin-bottom: 4px; color: #333 }
.tooltip_wait ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_wait .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #92abcd; border-radius: 5px; background: #cedbec; color: #333; }
.tooltip_wait .none { padding-left: 0; background: 0 }
/*나의참여회의*/
.tooltip_myParti { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_myParti ul li { margin-bottom: 4px; color: #333 }
.tooltip_myParti ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_myParti .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #bdd198; border-radius: 5px; background: #dfe8ce; color: #333; }
.tooltip_myParti .none { padding-left: 0; background: 0 }
/*비밀회의*/
.tooltip_secret { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_secret ul li { line-height: 180%; margin-bottom: 4px; color: #333 }
.tooltip_secret ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_secret .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #ccc; border-radius: 5px; background: #eee }
.tooltip_secret .none { padding-left: 0; background: 0 }
/*예약하기01*/
.reserv_pop { width: 206px; padding: 16px; border: 1px solid #aaa; border-radius: 6px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.3) }
.reserv_pop .title { margin: 0; padding: 0 0 4px 4px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.reserv_pop .title .close { font-family: arial; margin: 2px 0 0 0; float: right; font-size: 24px; font-weight: 600; line-height: 16px; color: #aaa; text-decoration: none; }
.reserv_pop .title .close:hover { color: #333 }
.reserv_pop .title .close:after { content: "\00D7"; width: 12px; height: 12px; padding: 4px; position: relative; }
.reserv_pop .reservInfor { margin: 10px 0 4px }
.reserv_pop .reservInfor li { margin-bottom: 0 }
.reserv_pop .reservInfor li span:first-child { background: #3992dc; color: #fff; width: auto; font-size: 14px; padding: 2px 10px; margin-right: 10px; display: inline-block; border-radius: 10px; }
.reserv_pop .reservInfor li span { display: inline-block; width: 120px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.reserv_pop .btn { display: inline-block; width: 100%; text-align: center; font-size: 17px; margin-top: 10px; padding: 6px 0; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*예약하기02*/
.reserv_pop2 { width: auto; padding: 10px 10px 6px; border: 1px solid #999; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.2) }
.reserv_pop2 ul li { padding-left: 2px; margin-bottom: 2px; color: #333; font-size: 15px }
.reserv_pop2 ul li span { display: inline-block; color: #333 }
.reserv_pop2 ul li span:first-child { background: #3992dc; color: #fff; width: auto; font-size: 14px; padding: 2px 10px; margin-right: 10px; display: inline-block; border-radius: 10px; text-align: center }
.reserv_pop2 .title { display: block; width: auto; margin-bottom: 6px; margin-top: 6px; padding: 4px 0; border: 1px solid rgba(0,0,0,.5); border-radius: 5px; background-color: #004c9d; color: #fff; text-align: center; cursor: pointer; background-image: url(../../images/web_a/btn/button-overlay.png); }
.reserv_pop2 .title:hover { background-color: #004c9d; color: #fff; background-image: none }
.reserv_pop2 .none { padding-left: 0; background: 0 }
/*예약불가*/
.tooltip_fixRoom { width: auto; padding: 6px 8px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_fixRoom ul li { line-height: 180%; margin-bottom: 4px; color: #333 }
.tooltip_fixRoom ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_fixRoom .title { width: auto; margin-bottom: 6px; padding: 3px 40px 4px 10px; border: 1px solid #ccc; border-radius: 5px; background: #eee }
.tooltip_fixRoom .none { padding-left: 0; background: 0 }
/*회의실위치*/
.tooltip_roomLocation { width: auto; padding: 12px 16px; border: 1px solid #ccc; border-radius: 5px; border-collapse: collapse; background: #fff; box-shadow: 1px 1px 1px #ccc }
.tooltip_roomLocation ul li { margin-bottom: 4px; color: #333 }
.tooltip_roomLocation ul li span { display: inline-block; color: #333; background: #eee; border-radius: 10px; margin-right: 5px; width: 60px; text-align: center }
.tooltip_roomLocation .title { width: auto; margin-bottom: 6px; padding: 6px 40px 8px 20px; border-radius: 5px; color: #fff; background: #333 }
/**/
.period_set02 { padding-bottom: 0 }
.period02 { display: table; position: relative; width: 100%; background: #fff }
.period02 .date { display: table-cell; width: 50%; height: 53px; border: 1px solid #ccc; font-size: 12px; line-height: 15px; text-align: center; vertical-align: middle }
.period02 .date:first-child { border-right: 0; color: #6d6e71 }
.period02 .date strong { display: block; font-size: 19px; line-height: 20px }
.period02 .to { position: absolute; top: 50%; left: 50%; width: 15px; height: 13px; margin: -6.5px 0 0 -6px; background: url('../../images/web_a/common/bg_to.png') no-repeat 0 0; background-size: 15px 38px; font-size: 0; line-height: 0; text-indent: -9999px }
.period02 .to.on { background-position: 0 -25px }
.period02 .default { line-height: 53px; font-size: 14px }
.timeTable { padding: 10px; margin-top: 8px; background: #fff; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.time_body { overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.time_body caption { height: auto; width: 100%; line-height: 18px; padding: 0 0 15px; text-align: center; font-size: 14px; font-weight: bold; text-indent: 0 }
.time_body tr td { width: 14%; text-align: center; margin: 0; padding: 4px 0; color: #404041 }
.time_body tr td a { display: block; color: #333 }
.time_body tr td:first-child, .time_body tr td:last-child { width: 15% }
.timeTable .before { color: #cececf }
.timeTable .use>a { color: #ccc }
.time_body tr td.currentTime span { display: inline-block; width: 100%; border-radius: 10px; margin: 0 auto; background: #eb8c00; text-align: center; color: #fff }
.time_body tr td.ing span, .time_body tr td.start span, .time_body tr td.end span { display: block; width: 100%; height: 20px; background: #3992dc; text-align: center; line-height: 20px; color: #fff }
.time_body tr td.start span { border-radius: 10px 0 0 10px }
.time_body tr td.end span { border-radius: 0 10px 10px 0 }
.time_body tr td.start.end_time span { width: auto; border-radius: 10px; margin: 0 auto }