@charset "utf-8"; 
/* 시설예약 위젯 */
/* @latest 2021.03.26 SSJ */

.calendar010 {width:100%;height:100%;padding: 0 15px 15px;box-sizing:border-box;position:relative;background: #f9f9f9;z-index:0;overflow: hidden;}
.calendar010:before {z-index:0; width:calc(100% + 30px);height: calc(100% + 30px);float: left;content:"";position: absolute; z-index:-1; top:-15px; left:-15px;}

.calendar010 .titlebox {float:left;width: 100%;text-align: center;padding-top: 15px;}
.calendar010 .titlebox h3 {font-size:18px;line-height: 150%;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.calendar010 .ym_box {width:100%; padding:0; margin-bottom:30px; float:left; text-align:center; vertical-align:middle; box-sizing:border-box; font-size:0;}
.calendar010 .ym_box .ym_box2 {width:100%; float:left; vertical-align:middle; font-size:0;}
.calendar010 .ym_box a.btn_more {width:20%; float:right; text-align:right; line-height:30px; font-size:12px; opacity:0.5;}
.calendar010 .ym_box .ym_box2 span {min-width:14px; height:19px; display:inline-block; cursor:pointer; background-repeat:no-repeat; vertical-align:middle;}
.calendar010 .ym_box .ym_box2 div {width: 85%;min-width:120px;display:inline-block;text-align:center;vertical-align:middle;}
.calendar010 .ym_box .ym_box2 div > a {display: inline-block;height: 100%;border: 1px solid #ccc;padding: 5px 18px;background: #3b568d;}
.calendar010 .ym_box .ym_box2 div b {font-size:26px;color: #fff;letter-spacing:-1px;font-weight:600;line-height: 130%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: inline-block;float: left;}
.calendar010 .ym_box .ym_box2 div h3 {display: inline-block;font-size: 19px;float: left;width: auto !important;margin-left: 10px;vertical-align: middle;line-height: 33px;color: #fff;}
.calendar010 .ym_box .month_prev_fclty {background: url(/sample/layout/contents/calendar/calendar009/img/arrow_prev.png);background-position: 0px 0px;}
.calendar010 .ym_box .month_next_fclty {background: url(/sample/layout/contents/calendar/calendar009/img/arrow_next.png);background-position: 0px 0px;}
.calendar010 .ym_box .ym_box2 div > a:hover {background:#333;}
.calendar010 .ym_box .ym_box2 div > a:hover b,
.calendar010 .ym_box .ym_box2 div > a:hover h3 {color:#fff;}

.calendar010 .dd_box table {width:100%;/* background:#fff; */text-align:center;vertical-align:middle;border-collapse:collapse;}
.calendar010 .dd_box table thead.week {background: #adb9ca;}
.calendar010 .dd_box table thead.week th {width:14.285%; font-size:18px; color:#fff; font-weight:400; padding:15px 0;}
.calendar010 .dd_box table td {color:#412b09; font-size:16px; font-weight:600;}
.calendar010 .dd_box table tbody td:first-child:not(.dd_xx) {color: #a40303;}
.calendar010 .dd_box table tbody td:nth-child(7) {color: #0c316e;}
.calendar010 .dd_box table tbody tr:first-child td {padding-top:15px;}
.calendar010 .dd_box table tbody tr:last-child td {padding-bottom:15px;}


.calendar010 .dd_box table td.dd_xx {opacity:0.3;}
.calendar010 .dd_box table td.dd_on {overflow:hidden;}
.calendar010 .dd_box table td.dd_on span {display:inline-block;border-radius:100%;background: #d8d8d8;cursor:pointer;padding:8px;}
.calendar010 .dd_box table td.dd_on span:hover {background: #c2bfbf;color:#fff;}
.calendar010 .dd_box table td.today_pc span {border-radius:100%; background:#9e6b1d; cursor:pointer; padding:8px;}
.calendar010 .dd_box table td.today_pc span:hover {background: #295888;}


	.border-radius.br20 .calendar010 {border-radius:20px;}
	
	.layout_height_M .calendar010 .ym_box .ym_box2 div a,.layout_height_L .calendar010 .ym_box .ym_box2 div a {display:inline-block;/* padding-right:2px; */box-sizing:border-box;max-width: 91%;vertical-align: sub;}
	.layout_height_M .calendar010 .ym_box .ym_box2 div b {box-sizing:border-box;width:auto;line-height: 144%;}

	.layout_height_H .calendar010 .ym_box .ym_box2 div h3 {width:100%;}
	.layout_height_M .calendar010 .ym_box .ym_box2 div h3 {max-width:100%; padding-bottom:0;}
	
	@media (min-width:800px) and (max-width:1050px){
		.calendar010 .ym_box .ym_box2 div > a {padding:5px 5px;}
		.calendar010 .ym_box .ym_box2 div b {font-size: 19px;line-height: 33px;}
		.calendar010 .ym_box .ym_box2 div h3 {font-size: 16px;}
	}
	
	@media (min-width:600px){
		.calendar010 .dd_box table td.today_pc span {border-radius:100%;background: #295888;color:#fff;cursor:pointer;}
	}

	@media (min-width:800px){
		
		.layout_block1 .calendar010 .dd_box table thead.week th {padding:8px 0;}
		.layout_block1 .calendar010 .dd_box table td {height:30px;}
		.layout_block1 .calendar010 .dd_box table td.dd_on span,
		.layout_block1 .calendar010 .dd_box table td.today_pc span {min-width:20px; padding:3px;}
		
		.layout_height_H .calendar010 .ym_box {margin-top: 10px;margin-bottom:15px;}
		.layout_height_M .calendar010 .ym_box {margin-bottom:10px;}
		.layout_height_H.layout_04 .calendar010 .ym_box,
		.layout_height_H.layout_04.layout_04ml .calendar010 .ym_box {margin-bottom:15px;}
		.layout_height_H.layout_04ml .calendar010 .ym_box {margin-bottom:0px;}
		

		.layout_height_M .calendar010 .titlebox {/* width:33%; */float:left;}
		.layout_height_M .calendar010 .ym_box {float:left;}	

		.layout_height_H .calendar010 .dd_box table td {height: 33px;}
		.layout_height_H.layout_04 .calendar010 .dd_box table td {height:26px;}
		.layout_height_M .calendar010 .dd_box table td {height:20px;}
		.layout_height_H .calendar010 .dd_box table thead.week th {padding: 10px 0;}
		.layout_height_M .calendar010 .dd_box table thead.week th {padding:7px 0;}
		
		.layout_height_M .calendar010 .dd_box table tbody tr:first-child td {padding-top:5px;}
		.layout_height_M .calendar010 .dd_box table tbody tr:last-child td {padding-bottom:5px;}

		.layout_height_H .calendar010 .dd_box table td.dd_on span,
		.layout_height_H .calendar010 .dd_box table td.today_pc span {padding:5px; display:inline-block; min-width:19px;}
		.layout_height_M .calendar010 .dd_box table td.dd_on span,
		.layout_height_M .calendar010 .dd_box table td.today_pc span {padding:4px; font-size:12px; display:inline-block; min-width:15px;}

		.layout_height_H .calendar010 .dd_box table td span {min-width:15px;}
		.layout_height_M .calendar010 .dd_box table td span {min-width:15px;}
		
		.layout_height_H.layout_04 .calendar010 .ym_box .ym_box2 div b {font-size:23px;}
		.layout_height_M.layout_03 .calendar010 .ym_box .ym_box2 div b,
		.layout_height_M.layout_04 .calendar010 .ym_box .ym_box2 div b,
		.layout_height_M.layout_04.layout_04mr .calendar010 .ym_box .ym_box2 div b,
		.layout_block4 .layout_height_M.layout_04 .calendar010 .ym_box .ym_box2 div b {font-size:22px;} 
		
		.layout_04.layout_height_H .calendar010 .ym_box {padding:0;}
		.layout_04.layout_height_M .calendar010 .ym_box .ym_box2 div b {font-size:17px;}
		
	}
	@media (min-width:800px) and (max-width:990px){
		.layout_02.layout_height_M .calendar010 .ym_box .ym_box2 div b {font-size:18px;}
		.layout_03.layout_height_M .calendar010 .ym_box .ym_box2 div b {font-size:18px;line-height: 33px;}
	}

	@media (max-width:799px){
		.calendar010 .titlebox h3 {font-size:17px;}
		.calendar010 .ym_box {margin-bottom:15px;}
		.calendar010 .ym_box .ym_box2 div b {font-size:20px;line-height: 33px;}
		.calendar010 .dd_box table thead.week th {padding:10px 0;font-size: 16px;}
		.calendar010 .dd_box table td {height:32px;}
		.calendar010 .dd_box table td.dd_xx {opacity:0.4;}
	}

	@media (min-width:600px) and (max-width:799px){
		.calendar010 .dd_box table td.dd_on span,
		.calendar010 .dd_box table td.today_pc span {padding:3px; display:inline-block; min-width:15px;}

		.layout_block4 > .layout_height_H .calendar010 .dd_box table thead.week th {padding: 10px 0;font-size: 15px;}
		.layout_block4 > .layout_height_M .calendar010 .dd_box table thead.week th {padding:4px 0;font-size: 14px;}
		.layout_block4 > .layout_height_H .calendar010 .dd_box table td {height:40px; padding:0;}
		.layout_block4 > .layout_height_M .calendar010 .dd_box table td {height:30px; padding:0;}

		.layout_block4 > .layout_height_H .calendar010 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_H .calendar010 .dd_box table td.today_pc span,
		.layout_block4 > .layout_height_H .calendar010 .dd_box table td:hover span {padding:7px; min-width:14px;}
		.layout_block4 > .layout_height_M .calendar010 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_M .calendar010 .dd_box table td.today_pc span {padding:4px; font-size:11px;}
		.layout_block4 > .layout_height_M .calendar010 .dd_box table td:hover span {padding:4px; min-width:15px;}

	}
	@media (max-width:599px){

		.calendar010 .ym_box {padding: 10px 0 0;position:relative;}
		.calendar010 .ym_box .ym_box2 {/* width:auto; *//* float:none; */display:inline-block;}
		.calendar010 .ym_box .ym_box2 div b {font-size: 19px;}

		.calendar010 .dd_box table td {height:30px;}
		.calendar010 .dd_box table td.today span {padding:3px; min-width:19px; color:#fff;}
		.calendar010 .dd_box table td.dd_on span {padding:3px; min-width:19px; font-weight:400;}

	}
	@media (max-width:499px){
		.calendar010 .dd_box table td {font-size:14px;}
	}