@charset "utf-8";

.phycalendar._fnctWrap .no_result {
	text-align: center;
}
.phycalendar .search {
	border-bottom: 0;
	padding: 20px;
	text-align: center;
}
.phycalendar .search p {
	display: inline-block;
	color: #666;
	margin-right: 10px;
}
.phycalendar .search a.png {
	background: url("../images/month-prev.png") 0 0 no-repeat;
	width: 18px;
	height: 24px;
	text-indent: -5000px;
	display: inline-block;
	vertical-align: middle;
}
.phycalendar .search a.png:hover {background: url("../images/month-prev-on.png") 0 0 no-repeat;}
.phycalendar .search a.png.DirectionRight {
	background: url("../images/month-next.png") 0 0 no-repeat;
}
.phycalendar .search a.png.DirectionRight:hover {background: url("../images/month-next-on.png") 0 0 no-repeat;}
.phycalendar .search strong {
	font-size: 26px;
	font-weight: 500;
	color: #a90057;
	margin: 0 60px;
	vertical-align: middle;
}
.phycalendar .search p.moveYear input {
	border: 0;
	text-align: center;
	font-size: 1.4em;
	font-weight: 600;
	color: #333;
	font-family: 'Nanum Gothic',nanumgothic;
	padding: 0 5px;
}
.phycalendar .search .searchSelect label {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -5000px;
}
.phycalendar .search .searchSelect select {
	border: 1px solid #ccc;
	line-height: 24px;
	height: 24px;
}
.phycalendar .search span.button.searchBtn {
	display: inline-block;
	vertical-align: top;
}
.phycalendar .search span.button.searchBtn a,
.phycalendar .search span.button.searchBtn input {
	background-color: #2a6bbf;
	border: 0;
	color: #FFF;
	font-weight: 600;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
}

.phycalendar ._fnTable td {
	position: relative;
	height: 50px;
}

.phycalendar ._fnTable td > a {

}

.phycalendar ._fnTable td.sat > a {color: #004fd2}
.phycalendar ._fnTable td.sun > a {color: #ff1800}
.phycalendar ._fnTable td ul {
	text-align: left;
	line-height: 1.3;
	font-size: 0.9em;
}
.phycalendar ._fnTable td ul li a {display: block; font-size: 13px; line-height: 16px; color: #1c1c1c; border: 1px solid #D9D9D9; padding: 10px; background: #F5F5F5; border-radius: 0 20px 20px 20px; margin-bottom: 5px;}
.phycalendar .listDay {
	overflow: hidden;
	border: 1px solid #d6d6d6;
	border-top: 1px solid #43505D;
}
.phycalendar .listDay li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #D6D6D6;
	position: relative;
	padding: 35px 2.5%;
}
.phycalendar .listDay li:nth-child(2n) {border-left: 1px solid #D6D6D6;}
.phycalendar .listDay li:last-child {
	border-bottom: 0;
}
.phycalendar .listDay li dl {
	overflow: hidden;
	position: relative;
}
.phycalendar .listDay li dl dt {
	float: left;
	width: 145px;
}

.phycalendar .listDay li dl dt span {display: inline-block; font-size: 16px; line-height: 30px; vertical-align: middle;}
.phycalendar .listDay li dl dt em {display: inline-block; vertical-align: middle;}
.phycalendar .listDay li dl dt span.sun {
	color: red;
}
.phycalendar .listDay li dl dt span.sat {
	color: blue;
}
.phycalendar .listDay li dl dt span strong {
	display: inline-block;
	margin-right: 35px;
	font-size: 18px;
	line-height: 30px;
	vertical-align: middle;
}
.phycalendar .listDay li dl dd {float: left; padding-left: 6%; width: calc(100% - 145px);}
.phycalendar .listDay li dl dd .nodata,
.phycalendar .listDay li dl dd a {
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding-left: 15px;
	background: url("../images/ic_list1.png") no-repeat left 11px;
}


/************************
	레이어 뷰
*************************/
#layer_planner{display:none;position:fixed;left:50%;top:50%;width:83%;max-width:660px;z-index:21;transform:translate(-50%,-50%);padding:30px;background:#fff;border:1px solid #d1d1d1}
#layer_planner.on{display:block}
#layer_planner h1{position:absolute;left:0;top:0;width:100%;padding:15px 20px;background-image:url(../images/alert_header.jpg);color:#fff;font-size:26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#layer_planner .btn_close {position: absolute; right: -40px; top: -40px; display: block; background: rgba(255, 132, 0, 0.5); border-radius: 50%; text-align: center; width: 90px; height: 90px; padding: 10px; border: 0;}
#layer_planner .btn_close span {display: block; border-radius: 50%; width: 100%; height: 100%; background: #FF8400 url("../images/btn_popupbanner_close.png") no-repeat center; transform: rotate(0); transition: transform 0.5s; text-indent: -9999px;}
#layer_planner .btn_close:hover span {transform: rotate(270deg);}


#layer_planner table{position:relative;margin-top:86px}
#layer_planner table:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#000}
#layer_planner thead th{padding:14px 10px;font-weight:400;background:#f7f8f9;color:#000;border-right:1px solid #dddee0;border-bottom:1px solid #dddee0;font-size:18px}
#layer_planner thead th.small{padding:15px 10px;font-size:17px}
#layer_planner tbody th{padding:13px 15px;font-weight:400;background:#fbfbfb;color:#666;border-right:1px solid #dddee0;border-bottom:1px solid #ccd0d7;font-size:17px}
#layer_planner tbody td{padding:13px 15px;background:#fff;color:#666;border-bottom:1px solid #dddee0;font-size:17px;text-align:left}
#layer_planner .list li{position:relative;padding-left:8px}
#layer_planner .list li:after{content:'';position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:100%;background:#666}
#layer_planner .align-l{text-align:left}
#layer_planner .align-c{text-align:center}
#layer_planner .align-r{text-align:right}


/* 커스텀 */
.alb-head{border: 1px solid #D6D6D6;}
.alb-head .inner{background-color:#fff}
.alb-head .top{position:relative; text-align: center; padding: 20px 0;}
.alb-head .top h3{position: relative; display: inline-block; color:#a90057;font-size:24px; line-height: 30px; text-align:center;padding:0 100px;font-weight: 500;}
.alb-head .top h3::before, .alb-head .top h3::after {content: ""; position: absolute; width: 68px; height: 27px; top: 0;}
.alb-head .top h3::before {background: url("../images/title_bg_left.png") no-repeat; left: 0; }
.alb-head .top h3::after {background: url("../images/title_bg_right.png") no-repeat; right: 0; }

.alb-head .btm > button{position:absolute;top:0;width:120px;height:100%;border:0;padding:0; font-size: 17px; color: #444444; font-weight: 500;}
.alb-head .btm > button.prev{background:url(../images/month-prev.png) no-repeat left center;left:30px}
.alb-head .btm > button.prev:hover {background:url(../images/month-prev-on.png) no-repeat left center;left:30px}
/* .alb-head .btm > button.year-prev{display:none;background:url(../images/year-prev.png) no-repeat left center;left:30px} */
.alb-head .btm > button.next{background:url(../images/month-next.png) no-repeat right center;right:30px}
.alb-head .btm > button.next:hover{background:url(../images/month-next-on.png) no-repeat right center;right:30px}
/* .alb-head .btm > button.year-next{display:none;background:url(../images/year-next.png) no-repeat right center;right:30px} */

.alb-head .btm {position: relative; border-top:1px solid #d2d2d2;padding:15px 100px;overflow: hidden; text-align: center;}
.alb-head .btm ul{padding:0 50px;overflow:hidden; }
.alb-head .btm ul li{float:left;width:calc(100% / 12);text-align:center}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .alb-head .btm ul li {width: 8.3%;}
}
.alb-head .btm ul li a{display:inline-block;color:#333;font-size:16px;border-radius:20px;background-color:#fff;padding:5px 20px;font-weight: 400;transition:ease-in-out .2s;}
.alb-head .btm ul li a:hover,.alb-head .btm ul li a.ac{color:#fff;background-color:#A90057}

.phycalendar ._fnTable {border-top: 0;}
.phycalendar ._fnTable thead tr th {background: #A90057; color: #fff; font-weight: 400; box-shadow: none; border: 1px solid #D6D6D6; border-top: 0;}
.phycalendar ._fnTable tbody tr th, .phycalendar ._fnTable tbody tr td {border: 1px solid #D6D6D6; padding: 5px 15px; height: 120px; text-align: left; vertical-align: top;}
.phycalendar ._fnTable tbody tr._odd {background: #fff;}

.phycalendar ._tab {text-align: right;}
.phycalendar ._tab ul {display: inline-block;}
.phycalendar ._tab._normal ul li a {position: relative; display: block; border: 1px solid #B2B2B2; border-radius: 20px; padding-left: 55px; font-size: 14px; color: #505050; font-weight: 400;}
.phycalendar ._tab ul li.month a {background: #fff url("../images/ic_month.png") no-repeat 20px center;}
.phycalendar ._tab ul li.month a.active {background: #A90057 url("../images/ic_month_on.png") no-repeat 20px center; color: #fff; border-color: #A90057;}
.phycalendar ._tab ul li.day {margin-left: 10px;}
.phycalendar ._tab ul li.day a {background: #fff url("../images/ic_week.png") no-repeat 20px center; }
.phycalendar ._tab ul li.day a.active {background: #FF8400 url("../images/ic_week_on.png") no-repeat 20px center; color: #fff; border-color: #FF8400;}
.phycalendar ._tab ul li.excel a {background: #fff url("../images/ic_excel.jpg") no-repeat 20px center; }
.phycalendar ._tab ul li.excel a {padding-right: 45px;}
.phycalendar ._tab ul li.excel a::after {content: ""; position: absolute; width: 15px; height: 13px; background: url("../images/ic_download.png") no-repeat; right: 15px; top: 10px;}

.phycalendar ._tab ul li.excel a:hover {border-color: #005326; color: #005326;}
.phycalendar ._tab ul li.excel a:hover::after {background: url("../images/ic_download_cl3.png") no-repeat;}
.etcTab {display: inline-block; vertical-align: middle; margin-left: 10px;}

@media all and (max-width: 1023px) {
	.alb-head .btm ul{padding:0 25px}
	.alb-head .btm ul li{width:calc(100% / 6 - 1px)}
	.alb-head .btm ul li a{padding:5px 10px}
}

@media all and (max-width: 768px) {
	.alb-head .top button.prev{left:20px}
	.alb-head .top button.year-prev{left:0}
	.alb-head .top button.next{right:20px}
	.alb-head .top button.year-next{right:0}
	.alb-head .top button{width:105px}
	.alb-head .btm ul{padding:0 20px}
	.alb-head .btm ul li{width:calc(100% / 4 - 1px)}
	.alb-head .top h3{font-size:18px}

	.etcTab {display: inline-block; margin-left: 0px; vertical-align: top;}
	.phycalendar ._tab ul li.day {margin-left: 0px;}
	.phycalendar ._tab._normal ul li a {padding: 0 10px; margin: 0;}
	.phycalendar ._tab ul li.month a {background: #fff;}
	.phycalendar ._tab ul li.month a.active {background: #A90057;}
	.phycalendar ._tab ul li.day a {background: #fff}
	.phycalendar ._tab ul li.day a.active {background: #FF8400}
	.phycalendar ._tab ul li {float: none; display: inline-block;}
	.phycalendar ._tab ul li.excel a {padding-left: 40px; padding-right: 35px; background: #fff url("../images/ic_excel.jpg") no-repeat 10px center}
	#schdulWrap {position: relative;}
	#schdulWrap:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: url('../images/mobile-tbl.png') no-repeat center 40px;}
	#schdulWrap.on::after {display: none;}
	.month-bx-wrap {overflow-y: auto; padding-bottom: 10px;}
	.month-bx-wrap .month-bx-inner {width: 1000px;}

	.month-bx-wrap::-webkit-scrollbar {height: 5px;}
	.month-bx-wrap::-webkit-scrollbar-thumb {background-color: #A90057;border-radius: 15px;}
	.month-bx-wrap::-webkit-scrollbar-track {background-color: #ccc;border-radius: 15px;}

	.layer_table {overflow-y: auto; padding-bottom: 10px;}
	.layer_table table {width: 600px;}
	#layer_planner tbody th, #layer_planner tbody td {font-size: 14px;}

	.layer_table::-webkit-scrollbar {height: 5px;}
	.layer_table::-webkit-scrollbar-thumb {background-color: #A90057;border-radius: 15px;}
	.layer_table::-webkit-scrollbar-track {background-color: #ccc;border-radius: 15px;}

	.phycalendar ._fnTable td ul li a {word-break: break-all;}


	.phycalendar .search strong {font-size: 20px; margin: 0 20px;}
	.phycalendar .listDay li {float: none; width: 100%;}
	.phycalendar .listDay li:nth-child(2n) {border-left: 0;}
	.phycalendar .listDay li dl dt {text-align: center; width: 100px;}
	.phycalendar .listDay li dl dt span strong {display: block; margin-right: 0;}
	.phycalendar .listDay li dl dd {width: calc(1005 - 100px);}

}

@media all and (max-width: 480px){
	#layer_planner .btn_close {width: 70px; height: 70px; top: -20px; right: -20px;}
	#layer_planner h1 {font-size: 20px;}

	.phycalendar ._tab._normal ul li a {font-size: 13px;}
	.phycalendar .listDay li {padding: 20px 5%;}
	.phycalendar .listDay li dl dt {float: none; width: 100%; text}
	.phycalendar .listDay li dl dd {float: none; width: 100%; padding-left: 0;}

}