@charset "utf-8";
.day-list					{}
.day-list li				{margin-top:3px;}
.day-list li a				{position:relative;font-size:13px;display:block;word-break: keep-all;padding-left:10px;}
.day-list li a:before		{content:''; display:block; width: 5px; height: 5px; border-radius: 13px; position:absolute; left:0; font-size:13px; line-height:1.2; top:6px; background-color: #6bcba6;}

/************************
	레이어 뷰
*************************/
#layer_planner {display:none; position:absolute; width:500px; padding:20px; background:#fff; border:3px solid #005fb0;}
#layer_planner h1 {height:25px; color:#4f4f4f; padding-left:17px; background:url('../images/dot1.gif') no-repeat 0 6px; font-size:100%;}
#layer_planner .btn_close {position:absolute; top:17px; right:17px; }
.btn_close {width:20px; height:20px; cursor:pointer;  border:none;  background:url(../images/btn_close.gif) no-repeat 50% 50%;}
.haze {position: absolute;left: 0;top: 0;width: 0;height: 0;font-size: 0;visibility: hidden;}
#layer_planner .txtArea {padding:3px; font-size:11px; line-height:1.3; border:1px solid #d5d5d5;}

#layer_planner table {width:100%; border-top:2px #005fb0 solid; }
#layer_planner table thead th{padding:8px 0 5px 0; background:#ededed; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; color:#666; line-height:17px;}
#layer_planner table tbody th{padding:8px 0 4px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; color:#666; line-height:17px;}
#layer_planner table td{padding:4px 8px; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; color:#4f4f4f; line-height:17px; text-align:left;}
#layer_planner table .end{border-right:none;}

#layer_planner table.attchList {width:100%; margin:0 auto; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
#layer_planner table.attchList th {padding:4px 0 3px;  font-size:11px; text-align:center; color:#8d8d8d; background:#eeeeee; border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; }
#layer_planner table.attchList td {padding:4px 5px 3px 5px;  text-align:center; font-size:11px; color:#4f4f4f; border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc;}
#layer_planner table.attchList td.file {text-align:left;}
#layer_planner table.attchList td input {vertical-align:top;}




@media all and (max-width: 639px) {
	.tbl-cal .table-type thead th					{font-size:13px; padding:10px 0;}
	.work-join .tbl-cal .table-type tbody td	{padding:5px;}

	.day-list					{}
	.day-list li				{margin:0; display:inline-block;}
	.day-list li a				{padding:0; display:block; text-indent:-9999px; width: 10px; height: 10px; border-radius: 13px; position:relative; background-color: #67b3e1;}


	.day-list li a:before		{display:none;}

	
	#layer_planner		{width:100% !important; left:0 !important; padding:20px 10px; box-sizing:border-box;}
}