@charset "utf-8";
/* qna board css - skin:basic
 * @latest 2020.07.15 yhy
*/
/*******************************************************************************************
********************************************************************************************
********************************************************************************************
***************************************** 내용 **********************************************
********************************************************************************************
********************************************************************************************
********************************************************************************************/

.content_top{overflow:hidden;}
.content_top div{display:table; margin-left:auto; margin-right:auto; padding:10px 0px;line-height:0;}
.content_top div span {/*font-family:"NanumGothic";*/padding:0 30px;font-size:20px;height:30px; display:inline-block;vertical-align:middle;float:left; line-height:32px !important;font-weight:700;color:#535763;}
.content_top div img {float:left;}
.content_top ul {width:100%; clear:both; float:left; padding-left:0; border-bottom:1px solid #f1f1f1; padding-bottom:3px;}
.content_top ul li {float:left; padding:10px 0; font-size:16px; list-style:none;}
.content_top ul li a.chackOn {color:#333;}
.content_top ul li a.on {border-bottom:3px solid #656a77;}
.content_top ul li a {text-decoration:none;padding:10px 13px; color:#bbb; font-size: 16px;}
.content_top ul li a:hover {border-bottom:3px solid #656a77; color:#333; height:30px;}

.monthly_calendar .month_table{color:#333; margin-bottom:50px;}
.monthly_calendar .month_table .schedule_list{width:100%; border-collapse:collapse; min-height:120px;}
.monthly_calendar .month_table .schedule_list tbody{border:1px solid #f1f1f1; border-bottom:none;}
.monthly_calendar .month_table .schedule_list:last-child {border-bottom:1px solid #f1f1f1;}
.monthly_calendar .month_table .schedule_list tbody tr {font-size:12px;}
.monthly_calendar .month_table .schedule_list tbody tr td
{width:14.2%; height:20px; vertical-align:top; position:relative; padding:10px 5px 5px 5px; border-right:1px solid #f1f1f1;}
.monthly_calendar .month_table .schedule_list tbody tr td > a{position:absolute; top:10px;}
.monthly_calendar .month_table .schedule_list tbody tr td.today .tdBox > a
{font-weight:600; background:#333; padding:3px; color:#fff; border-radius:100%; width:20px; height: 20px !important;
   																			float:left; text-align:center; margin-top:-2px; line-height:20px;}
.monthly_calendar .month_table .schedule_list tbody tr td.blue{padding:2px 0 0 5px; margin:0; color:#fff; background:#4984d9;font-weight:bold;}
.monthly_calendar .month_table .schedule_list tbody tr td.sky{padding:2px 0 0 5px; margin:0; color:#246b85!important; background:#ace1f0;font-weight:bold;}
.monthly_calendar .month_table .schedule_list tbody tr td a{text-decoration:none; color:#333;}
.monthly_calendar .month_table .schedule_list tbody tr td{/* width:74px; */ padding:10px;   border-right:1px solid #f1f1f1;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox {/* width:74px; */ height:20px; font-size: 16px;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > a{display:block; color:#959595; font-weight:400;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > img.calNone{display:none;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div.plus > a img {width:10px; height:10px;}
.monthly_calendar .month_table .schedule_list tbody tr td a.redDate{color:red;}
.monthly_calendar .month_table .schedule_list tbody tr td a.gray{color:#a4a4a4;}
.monthly_calendar .month_table .schedule_list tbody tr td a.btPlus
{float:right; padding:2px 4px; color:#333 !important; text-align:center; display:inline-block;height:15px; line-height:15px; font-size:11px;}
.monthly_calendar .month_table .schedule_list tbody tr td a.btPlus:hover{text-decoration:underline;}
.monthly_calendar .month_table .schedule_list tbody tr td span.dateRgray{float:right; color:#a4a4a4; padding-right:5px;}
.monthly_calendar .month_table .schedule_list tbody tr td span.dateRred{float:right; color:#ff0000; padding-right:5px;}

.monthly_calendar .month_table .schedule_list .dataDay {line-height:18px; word-break:keep-all; height:auto !important;}
.monthly_calendar .month_table .schedule_list .dataDay > div {padding:2px 0; word-break:break-all; font-size:14px;}

.monthly_calendar{clear:both;}

.monthly_calendar .week{width:100%; background:#f8f8f8; border:1px solid #f1f1f1; border-bottom:none;border-collapse:collapse;}
.monthly_calendar .week tbody tr.grid_header{text-align:left;}
.monthly_calendar .week tbody tr.grid_header .areaCenter{text-align:center;}
.monthly_calendar .week tbody tr.grid_header span{float:right; padding-right:3px;color:gray;}
.monthly_calendar .week tbody tr.grid_header th
{padding:15px 5px; text-align:center; font-size:16px;}
.monthly_calendar .week tbody tr.grid_header th.color_red{ color:#ff0000;}
.monthly_calendar .week tbody tr.grid_header th.tentRight{ text-align:left; padding-left:15px;}

.board-detail-001{clear:both; margin-bottom:50px;}

.weekly_calendar .week_table{color:#333;}
.weekly_calendar .week_table .schedule_list{width:100%; border-collapse:collapse;}
.weekly_calendar .week_table .schedule_list tbody{ border:1px solid #f1f1f1; border-bottom:none;}
.weekly_calendar .week_table .schedule_list:last-child {border-bottom:1px solid #f1f1f1;}
.weekly_calendar .week_table .schedule_list tbody tr td{width:10%; padding:5px; font-size:12px; border-right:1px solid #f1f1f1; vertical-align:top;}
.weekly_calendar .week_table .schedule_list tbody tr td div.tdBox{min-height:500px;}
.weekly_calendar .week_table .schedule_list tbody tr td div.tdBox > a{margin-top:10px; width:100%; display:block; line-height:18px; word-break:keep-all; padding:5px; box-sizing:border-box; font-size: 13px;}
.weekly_calendar .week_table .schedule_list tbody tr td.blue{padding:2px 0 0 5px; margin:0; color:#fff; background:#4984d9;font-weight:bold;}
.weekly_calendar .week_table .schedule_list tbody tr td.sky{padding:2px 0 0 5px; margin:0; color:#246b85!important; background:#ace1f0;font-weight:bold;}
.weekly_calendar .week_table .schedule_list tbody tr td a{text-decoration:none; color:#333;}
.weekly_calendar .week_table .schedule_list tbody tr td.today{background:#ececec;}
.weekly_calendar .week_table .schedule_list tbody tr td a.redDate{color:red;}
.weekly_calendar .week_table .schedule_list tbody tr td a.gray{color:#a4a4a4;}
.weekly_calendar .week_table .schedule_list tbody tr td a.btPlus{float:right; padding:0 5px; color:#fff; background:#d9d9d9; text-align:center; display:inline-block; height:15px; line-height:18px;}
.weekly_calendar .week_table .schedule_list tbody tr td a.btPlus:hover{color:#fff;}
.weekly_calendar .week_table .schedule_list tbody tr td span.dateRgray{float:right; color:#a4a4a4; padding-right:5px;}
.weekly_calendar .week_table .schedule_list tbody tr td span.dateRred{float:right; color:#ff0000; padding-right:5px;}

.weekly_calendar{clear:both;}

.weekly_calendar .week{width:100%; background:#f8f8f8;border:1px solid #f1f1f1; border-bottom:none;border-collapse:collapse;}
.weekly_calendar .week tbody tr.grid_header{text-align:left;}
.weekly_calendar .week tbody tr.grid_header .areaCenter{text-align:center;}
.weekly_calendar .week tbody tr.grid_header span{float:right; padding-right:3px;color:gray;}
.weekly_calendar .week tbody tr.grid_header span.dpNone{float:none; padding-right:0; color:#333;}
.weekly_calendar .week tbody tr.grid_header th{padding:15px 4px; text-align:center; font-size:16px;}
.weekly_calendar .week tbody tr.grid_header th.color_red{ color:#ff0000;}
.weekly_calendar .week tbody tr.grid_header th.tentRight{ text-align:left; padding-left:15px;}

.calendar_color_f1f1f1{border:1px solid #ccc;background:#f1f1f1;}
.calendar_color_ee8d7d{border:1px solid #e77f6e;background:#ee8d7d;}
.calendar_color_de9c2b{border:1px solid #cf8f21;background:#de9c2b;}
.calendar_color_578899{border:1px solid #426f7f;background:#578899;}
.calendar_color_7f8b4b{border:1px solid #717d3c;background:#7f8b4b;}
.calendar_color_868fb6{border:1px solid #6f79a6;background:#868fb6;}

.Red{color:#ff0000;}


/*공통 popup*/
.pop-container table.basic tbody tr td select {float:left;}
.pop-container table.basic tbody tr td label {float:left; margin-bottom:5px;}
.pop-container table.basic tbody tr td input {float:left;}
.pop-container table.basic tbody tr td span {float:left; margin:0 5px; line-height:25px;}
.pop-container table.basic tbody tr td textarea {width:100%;}

/*기본 테이블 스타일*/
table.basic{width:100%; border-top:1px solid #d8dde3; border-bottom:1px solid #d8dde3; border-collapse:collapse;}
table.basic tbody tr{text-align:center; padding:15px 0;}
table.basic tbody tr th{text-align:center; border-right:1px solid #e9e9e9; padding:10px 0; background:#fcfcfc; color:#626b7c; font-weight:700; border-top:1px solid #ebecee;}
table.basic tbody tr:first-child th{border-top:none;}
table.basic tbody tr td{background:#fff; padding:10px; border-top:1px solid #e9e9e9;}
table.basic tbody tr:first-child td{border-top:none;}
table.basic tbody tr td input{padding:4px 5px; font-size:12px;}
table.basic tbody tr td select{padding:3px 5px; font-size:12px; border:1px solid #e9e9e9;  min-width:50px;}
.btn-post {text-decoration:none; margin-left:3px; border:1px solid #e9e9e9; color:#8f8f8f; background:#fff; padding:6px 15px; font-size:11px;
			display:inline-block; font-weight:400; vertical-align:0px;}
table.basic ul li{float:left; margin-right:10px; line-height:22px;}
table.basic input{margin-right:2px;}
table.basic tbody tr td span{margin-left:10px;}
table.basic tbody tr td span.none{margin-left:0;}
table.basic tbody tr td ul.cug li{width:100%; line-height:1; margin-bottom:2px;}
table.basic tbody tr td ul.cug li a{margin-right:2px;}

.basic-table{width:100%; border-top:1px solid #d8dde3; border-bottom:1px solid #d8dde3; border-collapse:collapse;}
.basic-table thead tr th, .basic-table tbody tr td{text-align:center; padding:15px 0;}
.basic-table thead tr th{font-weight:700; color:#626b7c;}
.basic-table thead tr{background:#fff;}
.basic-table tbody tr:nth-child(even) td {background:#fff; line-height:17px;}
.basic-table tbody tr:nth-child(odd) td{background:#f7f9fb; line-height:17px;}
.basic-table tbody tr td span.bt{color:#fff; background:#d9d9d9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:0px; margin:0 5px; display:inline-block;}

.basic-table02 {width:100%; border-top:1px solid #d8dde3; border-bottom:1px solid #d8dde3; border-collapse:collapse;}
.basic-table02 thead tr th, .basic-table02 tbody tr td{text-align:center; padding:15px 0;}
.basic-table02 thead tr th{font-weight:700; color:#626b7c;}
.basic-table02 thead tr th a{color:#626b7c;}
.basic-table02 thead tr th:first-child {border-right:1px solid #f4f4f4;}
.basic-table02 thead tr th:last-child {border-left:1px solid #f4f4f4;}
.basic-table02 thead tr{background:#fff;}
.basic-table02 tbody tr:nth-child(even) td {background:#fff; line-height:17px;}
.basic-table02 tbody tr:nth-child(odd) td{background:#f7f9fb; line-height:17px;}
.basic-table02 tbody tr td:nth-child(even){/*text-align:left;*/ padding:0 20px;}
.basic-table02 tbody tr td:first-child {border-right:1px solid #f4f4f4;}
.basic-table02 tbody tr td:last-child {border-left:1px solid #f4f4f4;}


@media (max-width: 320px) {
	.content_top div img{width:20px; margin-top:7px;}
	.content_top div span{font-size:12px !important;}
	.content_top ul li a{font-size:11px;}
	.weekly_calendar .week tbody tr.grid_header th a {font-size:13px;}
}

@media (max-width: 400px) {
	div.pop-box > div.layer1 {width:100%; left:0; margin-left:0; top:85px;}
	.pop-container table.basic tbody tr td input.datePicker {width:30% !important;}
	.pop-container table.basic tbody tr td select{width:40% !important;}

	.weekly_calendar .week tbody tr.grid_header span.dpNone{display:none;}
	.calen_icon {display: inline-block;}
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > a
  { text-indent:-9999px;  background-size:8px; width:10px;}
	.monthly_calendar .month_table .schedule_list tbody tr td{padding:2px;}
}

@media (max-width: 700px){
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox{width:10%; font-size: 14px;}
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > a
  {text-indent:-9999px; background-size:8px; width:10px; display:none;}

	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > img.calNone{display:block; margin-top:5px;}
  .monthly_calendar .month_table .schedule_list .dataDay > div {word-break:break-all; font-size: 13px;}
  .monthly_calendar .week tbody tr.grid_header th{font-size:15px;}

	.weekly_calendar .week_table .schedule_list tbody tr td div.tdBox > a {word-break:break-all;}
  .weekly_calendar .week tbody tr.grid_header th{font-size: 15px;}

  .content_top ul li a{font-size: 15px;}
}

@media (max-width: 969px){
	.content_top div span{padding:0 5px; font-size:16px;}
}