/* 관리자모드 *****/ /* 타임테이블 스타일 */ .sys_room_timetable_box01 {position:relative;padding:5px; background:#f5f5f5;border:1px solid #ddd; overflow:hidden;} .sys_room_timetable_box02 {position:relative;background:#fff;padding:15px 24px;height:120px;} .sys_room_timetable_time_group {position:absolute ;height:70px; width:870px ;background:url("../image/admin_time_line.png") no-repeat right 25px; z-index:66;} .sys_room_timetable_time_group ul {margin-left:-15px;width:870px; } .sys_room_timetable_time_group li {float:left;height:68px;font-weight:bold;background:url("../image/admin_time_line.png") no-repeat 15px 25px;} .sys_room_timetable_time_group li:last-child {position:absolute ;right:-15px;margin-left:0 !important;background:none;} .sys_room_timetable_bar {position:absolute ;margin:28px 0 0 0;width:870px ; z-index:33; } .sys_room_timetable_bar li {float:left; padding:20px 0 0 0;} .sys_room_timetable_bar p {text-align:center;padding:8px 0;} .sys_room_timetable_bar_c1 {border-top:1px solid #fa711a;border-bottom:1px solid #fa711a;background:#fc902b;height:20px; } .sys_room_timetable_bar_c2 {border-top:1px solid #ababab;border-bottom:1px solid #ababab;background:#c2c2c2;height:20px; } .sys_room_timetable_bar_def_bar {position:relative ;top:48px; border:1px solid #e5e5e5;background:#f2f2f2;height:20px; } .sys_room_online_date {background:#888;text-align:center;height:47px;line-height:47px;margin-bottom:10px;border:1px solid #777;} .sys_room_online_date .prev, .sys_room_online_date .next {padding:3px 8px;border:1px solid #979797;background:#787878;} .sys_room_online_date .prev img, .sys_room_online_date .next img {width:5px;} .sys_room_online_date span {color:#fff;font-size:17px;padding:0 10px 0 12px;} .sys_room_online_date #sys_room_nmonth_sel {margin-left:5px;} .room_table {border-collapse:collapse; width:100%;table-layout:fixed;} .room_table thead {border:1px solid #e7e7e7;} .room_table thead th {background-color:#f6f6f6;text-align:center;color:#4e4e4e; padding:12px 0; line-height:110%;} .room_table tbody td {background-color:#f6f6f6;padding:7px; border:solid 1px #e7e7e7;height:60px;vertical-align:top;} .room_table .today {color:#111;} .sys_room_online_title {border: 1px solid #888888;background-color: #999999;padding: 7px;text-align: center;font-weight: bold;font-size: 17px;color: #ffffff;margin: 0 0 18px 0;} #sys_room_onlineform_toptitle {background-color: #393939;padding: 3px;height: 32px;width: 100%;text-align: center;color: #ffffff;font-weight: bold;} #sys_room_onlineform_toptitle .btn01 {float:left;padding: 5px 0 5px 10px;font-weight: bold;font-size: 16px;color: #ffffff;} #sys_room_onlineform_toptitle .btn02 {float:right;padding: 3px 10px 5px 0;} #sys_room_onlineform_main_area {} .room_form_wrap {overflow:hidden;margin:10px 0 20px 0;} .room_form_wrap .lt {float:left;width:60%;} .room_form_wrap .rt {float:right;width:38%;} .sys_room_titlebox {margin-top:5px;padding: 2px;border-top: 1px solid #dddddd;height: 25px;} .sys_room_online_bg {margin-top: 1px;background-color: #f5f5f5;border: 1px solid #dddddd;padding: 3px 0;} .sys_room_online_bg .title {margin: 0;text-align: center;width: 95%;font-size: 11px;font-weight: bold;color: #999999;} .sys_room_online_bg .title2 {margin: 0;text-align: center;width: 95%;font-size: 11px;font-weight: bold;color: #4776c4;} .sys_room_online_divs {width: 300px;z-index: 220;border: 3px solid #27589f;background-color: #ffffff;} .sys_room_online_divs .title {background-color: #4573b3;margin: 0;text-align: left;padding: 4px 7px 3px 10px;height: 25px;} .sys_room_online_divs .title p {margin: 0;color: #ffffff;font-weight: bold;font-size: 15px;letter-spacing: -1px;} .sys_room_online_divs .cont {margin: 0;padding: 10px;} .sys_room_online_divs .cont dl {margin: 0;border-bottom: 1px solid #eaeaea;} .sys_room_online_divs .cont dt {margin: 0;float: left;padding: 3px 0 3px 12px;width: 65px;font-size: 11px;color: #777;letter-spacing: -1px;background: url("../../../core/image/common/icon01.gif") no-repeat 3px 8px;text-align: left;} .sys_room_online_divs .cont dd {margin: 0 0 0 70px;padding: 3px 0;text-align: left;font-size: 11px;color: #777;} .room_my_nolist2 {display:none;} /* 홈페이지 *****/ .room_search_wrap {overflow:hidden;margin-bottom:10px;} .room_search_total {float:left;} .room_search_total p {margin-top:5px;} .room_search {float:right;} .room_search select {border:1px solid #ddd;min-width:80px;height:30px;line-height:30px;vertical-align:top;} .room_search .input_form {padding:0;margin:0;border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:28px;line-height:28px;vertical-align:baseline;margin-bottom:0;background:#f8f8f8;} .room_search .btnSearch {display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #353d46;background:#48525e;color:#fff;font-size:12px;width:48px;height:30px;line-height:30px;margin:0 1px;cursor:pointer;} .room_btn01 {display:inline-block;line-height:20px;padding:0 10px;color:#fff; font-size:12px;background: #c70462;border:1px solid #a90056;cursor:pointer;border-radius:2px; -moz-box-shadow:0 1px 0 #d9d9d9;-webkit-box-shadow:0 1px 0 #d9d9d9;box-shadow:0 1px 0 #d9d9d9;} .room_form_table {border-collapse:collapse; width:100%;table-layout:fixed;border-top:2px solid #252525;} .room_form_table thead th {background-color:#F3F3F3;text-align:center;color:#222; padding:0; font-weight:bold; border:solid 1px #F3F3F3; border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height:39px;letter-spacing:-1px;} .room_form_table thead th:last-child {border-right:solid 1px #F3F3F3;} .room_form_table tbody th {background-color:#F3F3F3;text-align:center;color:#595959; padding:5px;letter-spacing:-1px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; } .room_form_table tbody th:last-child {border-right:solid 1px #fff;} .room_form_table tbody td {background-color:#ffffff;padding:8px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; } .room_form_table tbody td:last-child {border-right:1px solid #fff;} .room_nolist {padding:70px 0;text-align:center;border-top:1px solid #ddd; } .room_nolist2 {padding:20px 0;text-align:center;border-bottom:1px solid #ddd; } .room_list_box {overflow:hidden;color:#333;line-height:38px;background:#fff;border-top:2px solid #555;} .room_list_box div.num {float:left;width:10%;font-weight:bold;text-align:center;background:#F3F3F3;} .room_list_box div.cate {float:left;width:15%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_list_box div.title1 {float:left;width:25%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_list_box div.people {float:left;width:10%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_list_box div.yoils {float:left;width:25%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_list_box div.view {float:left;width:15%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_list_box div.infos {display:none;float:left;width:75%;font-weight:bold;text-align:center;background:#F3F3F3;border-right:1px solid #ddd;} .room_view_box {overflow:hidden;color:#333;line-height:38px;background:#fff;border-bottom:1px solid #ddd;} .room_view_box div.num {float:left;width:10%;text-align:center;border-top:1px solid #ddd;} .room_view_box div.cate {float:left;width:15%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_view_box div.title1 {float:left;width:25%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_view_box div.people {float:left;width:10%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_view_box div.yoils {float:left;width:25%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_view_box div.view {float:left;width:15%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_view_box div.infos {display:none;float:left;width:75%;line-height:20px;border-right:1px solid #ddd;border-top:1px solid #ddd;} .room_view_box2 {overflow:hidden;color:#333;line-height:38px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;} .room_view_box2 div.title {float:left;width:13%;font-weight:bold;text-align:center;background:#F3F3F3;} .room_view_box2 div.content {float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;background:#F3F3F3;} .room_view_box2 div.title0 {float:left;width:13%;font-weight:bold;text-align:center;} .room_view_box2 div.content0 {float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;} .room_view_box2 div.title1 {float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;} .room_view_box2 div.content1 {float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .room_view_box2 div.content1_col {float:left;width:87%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .room_view_box2 div.title2 {float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;} .room_view_box2 div.content2 {float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .room_view_box2 div.content2_col {float:left;width:100%;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} .room_mylist_box {overflow:hidden;color:#333;line-height:30px;background:#fff;border-top:2px solid #555;} .room_mylist_box div.date {float:left;width:15%;font-weight:bold;text-align:center;background:#F3F3F3;} .room_mylist_box div.title1 {float:left;width:20%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_mylist_box div.team {float:left;width:25%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_mylist_box div.types {float:left;width:15%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_mylist_box div.people {float:left;width:10%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_mylist_box div.time {float:left;width:15%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_mylist_box div.infos {display:none;float:left;width:50%;font-weight:bold;text-align:center;background:#F3F3F3;border-left:1px solid #ddd;} .room_myview_box {overflow:hidden;color:#333;line-height:30px;background:#fff;border-bottom:1px solid #ddd;} .room_myview_box div.date {float:left;width:15%;text-align:center;border-top:1px solid #ddd;} .room_myview_box div.title1 {float:left;width:20%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_myview_box div.team {float:left;width:25%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_myview_box div.types {float:left;width:15%;text-align:left;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_myview_box div.people {float:left;width:10%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_myview_box div.time {float:left;width:15%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .room_myview_box div.infos {display:none;float:left;width:50%;border-left:1px solid #ddd;border-top:1px solid #ddd;padding-left:10px;} /* mobile screen 937px */ @media screen and (max-width:937px) { .room_view_box2 div.title {width:25%;} .room_view_box2 div.content {width:75%;} .room_view_box2 div.title0 {width:25%;} .room_view_box2 div.content0 {width:75%;} .room_view_box2 div.title1 {width:25%;} .room_view_box2 div.content1 {width:75%;} .room_view_box2 div.content1_col {width:75%;} .room_view_box2 div.title2 {width:25%;border-left:0px;} .room_view_box2 div.content2 {width:75%;} } /* mobile screen 785px */ @media screen and (max-width:785px) { .sys_room_online_date span {font-size:1.1em;} .sys_room_online_title {font-size:1.1em;} .room_form_wrap {margin:10px 0 10px 0;} .room_form_wrap .lt {float:none;width:100%;margin-bottom:15px;} .room_form_wrap .rt {float:none;width:100%} } /* mobile screen 520 */ @media screen and (max-width:520px) { .room_listcolgroup col:nth-child(3), .room_listhead th:nth-child(3), .room_listbody td:nth-child(3) { display:none; } .room_my_nolist1 {display:none;} .room_my_nolist2 {display:block;width:100%;} .room_list_box div.num {display:none;} .room_list_box div.cate {display:none;} .room_list_box div.title1 {display:none;} .room_list_box div.people {display:none;} .room_list_box div.yoils {display:none;} .room_list_box div.view {width:25%;border-left:0px;} .room_list_box div.infos {display:block;} .room_view_box div.num {display:none;} .room_view_box div.cate {display:none;} .room_view_box div.title1 {display:none;} .room_view_box div.people {display:none;} .room_view_box div.yoils {display:none;} .room_view_box div.view {width:25%;border-left:0px;} .room_view_box div.infos {display:block;padding:5px 5px 5px 10px;} .room_mylist_box div.date {width:25%;} .room_mylist_box div.title1 {display:none;} .room_mylist_box div.team {display:none;} .room_mylist_box div.types {display:none;} .room_mylist_box div.people {display:none;} .room_mylist_box div.time {width:25%;border-left:0px;} .room_mylist_box div.infos {display:block;border-right:1px solid #ddd;} .room_myview_box div.date {width:25%;} .room_myview_box div.title1 {display:none;} .room_myview_box div.team {display:none;} .room_myview_box div.types {display:none;} .room_myview_box div.people {display:none;} .room_myview_box div.time {width:25%;border-left:0px;} .room_myview_box div.infos {display:block;border-right:1px solid #ddd;} } /* mobile screen 480 */ @media screen and (max-width:480px) { .room_view_box2 div.title {width:28%;} .room_view_box2 div.content {width:72%;} .room_view_box2 div.title0 {width:28%;} .room_view_box2 div.content0 {width:72%;} .room_view_box2 div.title1 {width:28%;} .room_view_box2 div.content1 {width:72%;} .room_view_box2 div.content1_col {width:72%;} .room_view_box2 div.title2 {width:28%;} .room_view_box2 div.content2 {width:72%;} .room_search_total {float:none;margin-bottom:10px;} .room_search {float:none;text-align:center;} }