@charset "utf-8";

.timetable03 {background:white;box-sizing:border-box;padding: 15px 0 15px 15px;position: relative;}
.timetable03 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;}
.timetable03 .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:21px; text-align: center;
						-webkit-transition:background 1s, color 1s; transition:background 1s, color 1s;}
.timetable03 .more_btn:hover {background:#333; color:#fff;}
.timetable03 ul.timetbl_wrap {position:relative;width: 100%;height:100%;text-align: right;margin-top: -42px;}
.timetable03 ul.timetbl_wrap > li {/*width:auto;*//* float: left; */display:inline-block;/*max-width:33%;*//* width:20%; */}
.timetable03 ul.timetbl_wrap > li:last-child {padding-right: 50px;}
.timetable03 ul.timetbl_wrap > li h3 {display:inline-block;width:100%;text-align:center;}
.timetable03 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: 22px; 
												letter-spacing:-1px; padding: 0 10px; font-weight: 400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 
												background: #f0f0f0; border-left:1px solid rgba(0,0,0,0.1); margin-top: 2px; }
.timetable03 ul.timetbl_wrap > li.active h3 a.tab_name {/* color: #fff; */font-weight: 600;background:#b5102024!important;border-left:2px solid #b51020;}

.timetable03 ul.timetbl_wrap > li.active div .tablebox {position:absolute;top: 42px;left:0;width:100%;display:block; box-sizing:border-box;padding-right: 10px;overflow-y: scroll;}
.timetable03 ul.timetbl_wrap li div.tablebox {height:100%;position:absolute;display:none;border-collapse: collapse;}

.timetable03 ul.timetbl_wrap li div.tablebox .daywrap {margin-bottom: 15px;float: left;width: 100%;position: relative;padding: 2px 0 0 70px;box-sizing: border-box;min-height: 70px;}
.timetable03 ul.timetbl_wrap li div.tablebox h5.daybox {position: absolute;left: 0;top: 0;text-align: center;font-size: 16px;font-weight: 600;
														border: 1px solid rgba(0,0,0,0.2);box-sizing: border-box;width: 60px;height: 60px;line-height: 60px;
														-webkit-transition:background 1s, color 0.5s, border-color 0.5s; transition:background 1s, color 0.5s, border-color 0.5s;}
.timetable03 ul.timetbl_wrap li div.tablebox ul {width: 100%;float: left;text-align: left;box-sizing: border-box;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li {width: 100%; float:left; display: block;font-size: 14px;clear: both;line-height: 28px;color: #5c5c5c;
													position: relative;padding-left:38px; box-sizing: border-box; -webkit-transition:background 0.5s; transition:background 0.5s; }
.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_time {float:left; opacity:0.8; position: absolute;left:0; font-size: 13px;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {font-weight:600; width: 65%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name:before {content:"-";padding-right: 3px;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {float: right; opacity:0.8; max-width:32%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding: 0 6px;box-sizing: border-box;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room:before {content:"[";position: absolute;left: 0;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room:after {content:"]";position: absolute;right: 0;}

/* no-data */
.timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data {padding-left:0; line-height:58px; opacity:0.8;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data span {}

/* hover */
.timetable03 ul.timetbl_wrap li div.tablebox .daywrap:hover h5.daybox {background:#f9f9f9 !important; color:#b51020 !important; border-color:#b51020;}
.timetable03 ul.timetbl_wrap li div.tablebox ul li:hover {background:#f9f9f9 !important; color:#5c5c5c !important;}

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

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

			


	/* layout setting */
		.layout_01 .timetable03 {height: 400px;}
		.layout_height_H .timetable03 {height:350px;}
		.layout_height_M .timetable03 {height:250px;}
		.layout_01 .timetable03 ul.timetbl_wrap > li.active div .tablebox {height: 325px;}
		.layout_height_H .timetable03 ul.timetbl_wrap > li.active div .tablebox {height:275px;}
		.layout_height_M .timetable03 ul.timetbl_wrap > li.active div .tablebox {height:175px;}


	@media (min-width:600px){
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {width:50%;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap:nth-child(2n) {padding-left:90px;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap:nth-child(2n) h5.daybox {left:20px;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap:nth-child(2n+1) {padding-right:20px; clear:both;}

	}
	@media (min-width:991px){
		.layout_06 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {width:50%;}
		.layout_06 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap:nth-child(2n) {padding-left:90px;}
		.layout_06 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap:nth-child(2n) h5.daybox {left:20px;}
		.layout_06 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap:nth-child(2n+1) {padding-right:20px; clear:both;}

		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {padding-left:60px;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox h5.daybox {width:50px; height:50px; line-height:50px;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data {line-height:48px;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width:100%;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto; max-width:none; float:left; line-height:16px; margin:0 0 11px 6px;}

		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {padding-left:60px;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox h5.daybox {width:50px; height:50px; line-height:50px;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data {line-height:48px;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width:100%;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto; max-width:none; float:left; line-height:16px; margin:0 0 11px 6px;}
	}

	@media (min-width:991px) and (max-width:1200px){
		.layout_06 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width:100%;}
		.layout_06 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto; max-width:none; float:left; line-height:16px; margin:0 0 11px 6px;}
	}
	@media (min-width:800px) and (max-width:1300px){
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {padding-left:60px;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox h5.daybox {width:50px; height:50px; line-height:50px;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data {line-height:48px;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width:100%;}
		.layout_03 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto; max-width:none; float:left; line-height:16px; margin:0 0 11px 6px;}
	}


	@media (max-width:799px){
		.timetable03 h2.tabletit {font-size:17px; margin-bottom:10px;}
		.timetable03 ul.timetbl_wrap > li h3 a.tab_name {margin-top:7px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {padding-left:60px;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox h5.daybox {width:50px; height:50px; line-height:50px;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data {line-height:48px;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width:100%;}
		.layout_01 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto; max-width:none; float:left; line-height:16px; margin:0 0 11px 6px;}

		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox .daywrap {padding-left:60px;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox h5.daybox {width:50px; height:50px; line-height:50px;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox ul li.no_data {line-height:48px;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width:100%;}
		.layout_04 .timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto; max-width:none; float:left; line-height:16px; margin:0 0 11px 6px;}
	}
	@media (max-width:599px){
		.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_name {width: auto;white-space: normal;float: left;line-height: 30px;}
		.timetable03 ul.timetbl_wrap li div.tablebox ul li span.tmtbl_room {width:auto;max-width:none;float: left;margin-left: 10px;/* line-height:16px; *//* margin:0 0 11px 6px; */}
	}