@charset "utf-8";

.timetable02 {background:white;box-sizing:border-box;padding: 15px 0 15px 15px;position: relative;}
.timetable02 h2.tabletit {font-size: 18px; line-height: 25px; margin-bottom: 15px; display: inline-block;
						    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 170px; width: 100%; box-sizing: border-box;}
.timetable02 .more_btn {position: absolute; right: 15px; top: 18px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.4); 
						font-size: 19px; font-weight: 600; width: 20px; height: 20px; line-height: 20px; text-align: center;
						-webkit-transition:background 1s, color 1s; transition:background 1s, color 1s;}
.timetable02 .more_btn:hover {background:#333; color:#fff;}
.timetable02 ul.timetbl_wrap {position:relative;width: 100%;height:100%;text-align: right;margin-top: -42px;}
.timetable02 ul.timetbl_wrap > li {/*width:auto;*//* float: left; */display:inline-block;/*max-width:33%;*//* width:20%; */}
.timetable02 ul.timetbl_wrap > li:last-child {padding-right: 50px;}
.timetable02 ul.timetbl_wrap > li h3 {display:inline-block;width:100%;text-align:center;}
.timetable02 ul.timetbl_wrap > li h3 a.tab_name {float:left; width:100%; box-sizing:border-box; position:relative; 
												color:#152c46; font-size: 14px; line-height: 24px; letter-spacing:-1px; 
												padding: 0 10px; font-weight: 400; text-overflow:ellipsis; overflow:hidden; 
												white-space:nowrap; background: #f0f0f0; border-radius: 2px; 
												border: 1px solid rgba(0,0,0,0.1); /*margin-top: 3px;*/ }
.timetable02 ul.timetbl_wrap > li.active h3 a.tab_name {color: #fff;font-weight: 600;background: #013e7ed6 !important;}

.timetable02 ul.timetbl_wrap > li.active div .tablebox {position:absolute;top: 42px;left:0;width:100%;display:block;/* padding:10px 15px; *//* padding:10px; */box-sizing:border-box;padding-right: 10px;overflow-y: scroll;}
.timetable02 ul.timetbl_wrap li div.tablebox {height:100%;position:absolute;display:none;border-collapse: collapse;}
.timetable02 ul.timetbl_wrap li div table {width:100%;text-align: center; background:white;}
.timetable02 ul.timetbl_wrap li div table thead th {background: #013e7e;color: white;text-align: center;vertical-align: middle;font-size: 15px;padding: 10px 15px;}
.timetable02 ul.timetbl_wrap li div table thead th.tmtbl_name {width:30%;}
.timetable02 ul.timetbl_wrap li div table thead th.tmtbl_time {width:50%;}
.timetable02 ul.timetbl_wrap li div table thead th.tmtbl_room {width:20%;}
.timetable02 ul.timetbl_wrap li div table tbody tr:nth-child(odd) {background: #f9f9f9;}
.timetable02 ul.timetbl_wrap li div table tbody td {font-size: 13px; line-height: 20px; padding:10px; word-break: keep-all;}
.timetable02 ul.timetbl_wrap li div table tbody td:hover {font-weight:600;}

/*scroll bar*/
.timetable02 ::-webkit-scrollbar {width:10px;}
.timetable02 ::-webkit-scrollbar-track {background:transparent;}
.timetable02 ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.timetable02 ::-webkit-scrollbar-thumb:hover {background:#555;} /*chrome*/

.timetable02 {scrollbar-arrow-color:#dfdfdf; 
			scrollbar-base-color:transparent; scrollbar-Face-Color:#ddd; 
			scrollbar-Track-Color:transparent; scrollbar-Shadow-Color:#efefef;} /*IE*/

/*no_data*/
.timetable02 ul.timetbl_wrap li div table tbody tr.no_data {background:none;}
.timetable02 ul.timetbl_wrap li div table tbody tr.no_data td:hover {font-weight:400;}
.layout_height_H .timetable02 ul.timetbl_wrap li div table tbody tr.no_data td {padding:100px 10px; }
.layout_height_M .timetable02 ul.timetbl_wrap li div table tbody tr.no_data td {padding:15px 10px; }

			
	/* layout setting */
		.layout_height_H .timetable02 {height:350px;}
		.layout_height_M .timetable02 {height:250px;}
		.layout_height_H .timetable02 ul.timetbl_wrap > li.active div .tablebox {height:280px;}
		.layout_height_M .timetable02 ul.timetbl_wrap > li.active div .tablebox {height:180px;}


	@media (min-width:800px){
	}

	@media (min-width:800px) and (max-width:1200px){

	}

	@media (max-width:799px){
		.timetable02 h2.tabletit {font-size:17px; margin-bottom:10px;}
		.timetable02 ul.timetbl_wrap {margin-top:-37px;}
	}
	@media (max-width:599px){

	}