@charset "utf-8";

.sh_schedule{}

.sh_schedule ._tab{display:none;}
.sh_schedule ._tab ul{}
.sh_schedule ._tab ul li{}
.sh_schedule ._tab ul li a{}
.sh_schedule ._tab ul li a.active{}
.sh_schedule #schdulWrap{}

/*년도이동*/
	.sh_schedule #schdulWrap .search{text-align:center;margin-bottom:50px;position:relative;box-sizing:border-box;}
	.sh_schedule #schdulWrap .search strong{font-size:30px;font-weight:bold;}
	.sh_schedule #schdulWrap .search a{display:inline-block;text-indent:-9999px;width:45px;height:45px;vertical-align:16px;border-radius:100%;background-color:#959595;background-repeat:no-repeat;background-position:center;}
	.sh_schedule #schdulWrap .search a.DirectionLeft{margin-right:30px;background-image:url(/sites/guide/images/arrow_7_l_w.png);}
	.sh_schedule #schdulWrap .search a.DirectionRight{margin-left:30px;background-image:url(/sites/guide/images/arrow_7_r_w.png);}
	.sh_schedule #schdulWrap .search a:hover{background-color:#2d2d2f;}

/*다음년도*/
	.sh_schedule #schdulWrap #timeTableList .year_title{border-top:1px solid #DDD;border-bottom:1px solid #DDD;background:#f9f9f9;}
	.sh_schedule #schdulWrap #timeTableList .year_title{text-align:center;position:relative;box-sizing:border-box;padding:10px 0;margin-bottom:30px;}
	.sh_schedule #schdulWrap #timeTableList .year_title:before,
	.sh_schedule #schdulWrap #timeTableList .year_title:after{content:"";display:block;width:40px;height:75px;position:absolute;top:0;}
	.sh_schedule #schdulWrap #timeTableList .year_title:before{background:url(/sites/guide/images/box_bg_1_l.png) no-repeat left;left:0;}
	.sh_schedule #schdulWrap #timeTableList .year_title:after{background:url(/sites/guide/images/box_bg_1_r.png) no-repeat right;right:0;}
	.sh_schedule #schdulWrap #timeTableList .year_title strong{font-size:28px;font-weight:bold;}

/*3줄형*/
	.sh_schedule #schdulWrap #timeTableList{}
	.sh_schedule #schdulWrap #timeTableList ul{font-size:0;}
	.sh_schedule #schdulWrap #timeTableList ul li{display:inline-block;vertical-align:top;width:22%;margin:0 1.5%;margin-bottom:50px;}
	.sh_schedule #schdulWrap #timeTableList ul li:nth-child(2){}

	.sh_schedule #schdulWrap #timeTableList ul li h3{font-size:25px;font-weight:bold;border-bottom:2px solid #0665b7;color:#0665b7;line-height:1;text-align:center;padding-bottom:15px;}
	.sh_schedule #schdulWrap #timeTableList ul li dl{}
	.sh_schedule #schdulWrap #timeTableList ul li dl dt{padding:10px 0;}
	.sh_schedule #schdulWrap #timeTableList ul li dl dt span{font-size:14px;font-weight:bold;}
	.sh_schedule #schdulWrap #timeTableList ul li dl dt span.sun{color:red;font-weight:bold;}  
	.sh_schedule #schdulWrap #timeTableList ul li dl dd span.sun{color:red;font-weight:bold;}  
	.sh_schedule #schdulWrap #timeTableList ul li dl dd{border-bottom:1px dashed #DDD;padding-bottom:10px;font-size:14px;}
	.sh_schedule #schdulWrap #timeTableList ul li dl dd a{display:block;}
	.sh_schedule #schdulWrap #timeTableList ul li dl dd a.onDate{}
	@media screen and (max-width:820px) { 
		.sh_schedule #schdulWrap #timeTableList ul li{width:30.33%;}
	}
	@media screen and (max-width:480px) {
		.sh_schedule #schdulWrap #timeTableList ul li{width:47%;margin-bottom:30px;}
	}
	@media screen and (max-width:380px) {
		.sh_schedule #schdulWrap #timeTableList ul li{width:100%;margin:0;margin-bottom:30px;}
	}
  
/*상세보기*/
	.sh_schedule #layer_planner {display:none;}
	.sh_schedule #layer_planner {
		display: none;
		z-index: 100;
		position: fixed;
		left: 50%;
		top: 50%;
		width: 100%;
		max-width: 550px;
		height: 230px;
		background: #fff;
		padding: 15px 30px;
		border-radius: 10px;
		border: 1px solid #d1d1d1;
		transform: translate(-50%, -50%);
		box-shadow: 0px 16px 34px -10px rgba(0, 0, 0, 0.26);
	}

	.sh_schedule #layer_planner.on {
		display: block;
	}

	.sh_schedule #layer_planner h1 {
		font-size: 20px;
		margin: 0 0 15px 0; 
	}

	.sh_schedule #layer_planner .btn_close {
		position: absolute;
		right: 30px;
		top: 20px;
		width: 55px;
		height: 36px;
		background: #60609f;
		border-radius: 4px;
		color: #fff;
	}

	.sh_schedule #layer_planner table {
		border-top: 2px solid #60609f !important;
		border-left: none !important;
		font-size: 13px;
	}

	.sh_schedule #layer_planner table th,
	.sh_schedule #layer_planner table td {
		border-width: 0 0 1px 0 !important;
		border-color: #dddee0 !important;
		border-style: solid;
		width: auto;
		padding: 5px 10px;
	}

	.sh_schedule #layer_planner table thead th {
		text-align: center;
		color: #666;
		font-weight: normal;
		background-color: #f6f6f7;
	}

	.sh_schedule #layer_planner table tbody th {
		text-align: center;
		color: #333;
		background-color: #fbfbfb;
	}

	.sh_schedule #layer_planner table td {
		text-align: left;
	}