@charset "utf-8";



.reserve1tab1{position:relative;padding:40px 0 0;}
.reserve1tab1:before{content:'';display:block;
	position:absolute;left:0;right:0;bottom:0;
	border-top:1px solid #ddd;
}
.reserve1tab1 ul{list-style:none;padding:0;margin:0;overflow:hidden;}
.reserve1tab1 li{float:left;}
.reserve1tab1 li a{display:block;position:relative;
	padding:15px 40px;font-size:18px;color:#999;
	text-decoration:none !important;
	text-align:center;
	background:#f7f7f7;
	border:1px solid #ddd;
}
.reserve1tab1 li.on a{color:#000;background:#fff;border-color:#000;border-bottom-color:#fff;}



.timetable1schedule2{position:relative;width:100%;margin:1em auto;line-height:1.333;}
.timetable1schedule2 .month{position:relative;width:5em;margin:0 auto .333em;padding:0 1.333em;font-size:2.571em;text-align:center;}
.timetable1schedule2 .month .h1{margin:0;padding:0;background:transparent;color:#000;}
.timetable1schedule2 .month a.b1{float:left;position:absolute;top:50%;width:36px;height:36px;margin:-18px 0 0 0;
	border-radius:50%;background:#b5babf;
	line-height:1;
	text-decoration:none;
	vertical-align:middle;
}
.timetable1schedule2 .month a.prev{left:0;}
.timetable1schedule2 .month a.next{right:0;}
.timetable1schedule2 .month a.b1>.ic1{float:left;width:30px;height:30px;margin:3px;
	background:url() no-repeat center center;background-size:contain;
}
.timetable1schedule2 .month a.prev>.ic1{background-image:url(../../img/lib/ic60a1left1.png);}
.timetable1schedule2 .month a.next>.ic1{background-image:url(../../img/lib/ic60a1right1.png);}
.timetable1schedule2 .month .today{position:absolute;right:-3em;top:50%;
	width:36px;height:36px;
	margin:-18px 0 0;
	padding-left:0;padding-right:0;
	border-radius:9999px;
	font-size:14px;
}
.timetable1schedule2 .note{position:relative;padding:.5em .083em;overflow:hidden;}
.timetable1schedule2 .menu{display:block;overflow:hidden;}
.timetable1schedule2 .menu ul{list-style:none;float:right;margin:0;padding:0;overflow:hidden;}
.timetable1schedule2 .menu li{float:left;margin:0 0 0 .666em;padding:0;}
.timetable1schedule2 a[class*='st']{display:inline-block;color:#333;text-decoration:none;}
.timetable1schedule2 a[class*='st'] .ic1{display:inline-block;
	box-sizing:border-box;
	width:auto;
	padding:3px 5px;
	border-radius:4px;background:#666;
	color:#fff;font-weight:normal;font-size:12px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	font-weight:300;
}
.timetable1schedule2 a[class*='st'] .t1{display:inline-block;
	height:18px;
	margin:.333em 0;
	color:#555;font-size:12px;
	line-height:18px;
	vertical-align:middle;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.timetable1schedule2 a[data-state="예약가능"]  .ic1{background:#00aeef;} 
.timetable1schedule2 a[data-state="예약현황"] .ic1{background:#00a651;} 
.timetable1schedule2 a[data-state="예약불가"] .ic1{} 
.timetable1schedule2 a[data-state="대기접수"] .ic1{background:#f06eaa;} 
.timetable1schedule2 a[data-state="예약완료"] .ic1{background:#f26c4f;} 
.timetable1schedule2 table.calendar1table1{table-layout:fixed;
	width:100%;margin:0;border:0;border-collapse:collapse;
	border-top:2px solid #000;border-bottom:1px solid #000;
}
.timetable1schedule2 table.calendar1table1 th,
.timetable1schedule2 table.calendar1table1 td{width:14.286%;padding:0;border:1px solid #ccc;background:#f7f7f7;color:#666;vertical-align:top;}
.timetable1schedule2 table.calendar1table1 tr.day>th{height:1em;padding:.666em .4em;text-align:center;}
.timetable1schedule2 table.calendar1table1 tbody>tr:first-child>td{border-top-color:#000;}
.timetable1schedule2 table.calendar1table1 tr.day .sat,
.timetable1schedule2 table.calendar1table1 tr .sat .date{color:#00b;}
.timetable1schedule2 table.calendar1table1 tr.day .sun,
.timetable1schedule2 table.calendar1table1 tr .sun .date,
.timetable1schedule2 table.calendar1table1 tr.day .hol,
.timetable1schedule2 table.calendar1table1 tr .hol .date{color:#e00;}
.timetable1schedule2 table.calendar1table1 td{background:#fff;}
.timetable1schedule2 table.calendar1table1 td>.cell{display:block;position:relative;min-height:40px;padding:0 0 .333em;overflow:hidden;}
.timetable1schedule2 table.calendar1table1 td .date{display:block;margin:.333em;color:#000;font-size:1em;}
.timetable1schedule2 table.calendar1table1 td .menu{margin:.333em;}
.timetable1schedule2 table.calendar1table1 td .menu .m{display:block;margin:0 0 .166em;}
.timetable1schedule2 table.calendar1table1 td .tt1{display:block;margin:0 0 .333em;color:#000;font-weight:600;}
.timetable1schedule2 table.calendar1table1 td .tt2{display:inline-block;margin:0 .166em 0 0;color:#000;font-weight:400;vertical-align:middle;font-size:14px}



/* 목록(그림1글3버튼1 with .even-grid) : 예약 현황.. 20170511 */
.list2f1t3b1{position:relative;margin:0 0 1.5em 0;line-height:1.333;}
.list2f1t3b1 a{color:#333;}
.list2f1t3b1 .lst1{list-style:none;margin:0;padding:0;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden;}
.list2f1t3b1 .li1{margin:-1px 0 0;border-top:1px solid #eee;overflow:hidden;}
/* .even-grid 재정의 */
.list2f1t3b1 .li1>.wrap1.even-grid{margin-top:10px;margin-bottom:10px;}
/* 내용 */
.list2f1t3b1 .li1{padding:.5em 0;border-top:1px solid #e5e7e9;overflow:hidden;}
.list2f1t3b1 .li1 .texts{display:block;}
.list2f1t3b1 .li1 .btns{display:block;text-align:right;}
.list2f1t3b1 .li1 .t1{display:block;margin:.416em 0;color:#000;font-weight:500;font-size:20px;}
.list2f1t3b1 .li1 .t2{display:block;}
.list2f1t3b1 .li1 .t3{display:block;}
.list2f1t3b1 .li1 .t3t1{position:relative;display:inline;padding:0 .5em 0 .6em;font-size:15px;line-height:1.416;font-weight:400}
.list2f1t3b1 .li1 .t3t1 b{font-weight:400}
.list2f1t3b1 .li1 .t3t1:before{content:'';
	display:block;
	position:absolute;left:-1px;top:2px;bottom:2px;
	border-left:1px solid #ccc;
}
.list2f1t3b1 .li1 .t3t1:first-child{padding-left:0;background:none;}
.list2f1t3b1 .li1 .b1{display:inline-block;
	width:74px;height:74px;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-size:15px;line-height:74px;text-align:center;
}
.list2f1t3b1 .li1 .b1a1{background:#f26c4f;}



.program1info1{position:relative;}
.program1info1:before{content:'';
	display:block;
	position:absolute;left:60px;top:50%;
	width:60px;height:80px;
	margin:-40px 0 0;
	background:url(../../img/lib/ic120check1.png) no-repeat 0 0 / contain
}
.program1info1 ul{margin-left:100px}
.program1info1 ul li{position:relative;}
.program1info1 ul li .t1{position:absolute;left:0;top:0;color:#000}
.program1info1 ul li .t2{display:block;padding-left:120px;}
@media all and (max-width:639px){
	.program1info1:before{left:1em;}
	.program1info1 ul{margin-left:3em;font-size:15px;}
}
@media all and (max-width:499px){
	.program1info1:before{display:none;position:static;margin:0 auto;}
	.program1info1 ul{list-style:none;padding:0;margin-left:0;}
}




.reserve1ok1 .box1{position:relative;
	max-width:810px;
	margin:0 auto;
	box-sizing:border-box;
	border-radius:20px;
	border:1px solid #ddd;
	padding:60px 30px !important;
}
.reserve1ok1 .box1 strong{font-size:36px;}
.reserve1ok1 .box1 strong:before{content:'';
	display:block;
	width:60px;height:80px;
	margin:0 auto 20px;
	background:url(../../img/lib/ic120check1.png) no-repeat 0 0 / contain;
}
.reserve1ok1 .box1 p{line-height:1.3em;font-size:18px;margin:30px 0;}
.reserve1ok1 .box1 .button{height:auto;padding:10px 30px;}