@charset "utf-8";

/* admin style
 * @latest 2020.07.10 yhy
*/

.schlarSRCH_wrap .sympSRCH .btn-srch{height:40px;line-height:40px;font-size:17px;padding:0 15px;width:12.5%;}
.schlarSRCH_wrap .sympSRCH .btn-srch:before {float:none;}

/* 목록형 테이블 */
.symp_basic_wrap .basic-table{width:100%;border-bottom: 1px solid #e5e5e5;border-collapse:collapse;margin-bottom: 30px;}
.symp_basic_wrap .basic-table thead tr th{font-weight:600; color:#333; text-align:center; padding:20px 5px 21px;font-size: 16px;border: 1px solid #e0e0e0;border-width: 1px 0;}
.symp_basic_wrap .basic-table thead tr{background: #f9f9f9;}
.symp_basic_wrap .basic-table tbody tr th{text-align:center; padding:12px 25px; height:35px; line-height:150%; word-break:keep-all; font-size:16.5px; border-top:1px solid #f3f3f3; background:#f9f9f9;}
.symp_basic_wrap .basic-table tbody tr td{text-align:left; padding:12px 15px!important; height:35px; line-height:150%; word-break:keep-all; font-size:15.5px; border-top:1px solid #f3f3f3;}
.symp_basic_wrap .basic-table tbody tr td span.bt {color:#fff; background:#f9f9f9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:0px; margin:0 5px; display:inline-block; border-radius:2px;}

.schlarSRCH_wrap .sympSRCH select, .schlarSRCH_wrap .sympSRCH input{font-size: 15px;}
.symp_basic_wrap input[type="checkbox"]{margin-right:5px;}

.rt-box > span {padding-bottom:20px; font-size: 17px;}
/* 초록접수 타이틀 도움 - 2020.09.10 by dkkim */
.rt-box > div {float:left; text-align:left;font-size:13.5px;color:#838383;margin-top:5px;margin-left:5px;width:25%;}

.bar_tit{font-size: 17px;}

/* 게시판용 테이블 */
.basic-table01 {width:100%; border-top:2px solid #333; border-bottom:1px solid #ccc; border-collapse:collapse; margin:10px 0 50px;}
.basic-table01 thead tr th, .basic-table01 tbody tr td{text-align:center; padding:20px 0; position:relative;}
.basic-table01 thead tr th,
.basic-table01 thead tr th a {font-weight:700;font-size: 18px;color:#333;}
.basic-table01 thead tr th a:focus {width:100%; float:left;}
.basic-table01 thead tr th a:focus span {display:block !important; position:absolute; top:3px; padding:20px 0; width:100%; text-align:center;
										background:#fff; outline-style:dotted;}
.basic-table01 thead tr {/* background:#f7f7f7; */border-bottom:1px solid rgba(0,0,0,0.3);}

.basic-table01 tbody tr th{font-weight:700; font-size:13px; color:#626b7c; background:#fcfcfc; text-align:center;}
.basic-table01 tbody tr {border-bottom:1px solid #ddd;}
.basic-table01 tbody tr td {background:#fff;color:#333;font-size: 17.5px;padding:25px 0;}
.basic-table01 tbody tr td a{/* border-radius:3px; */color:#333; padding:3px 10px; /* font-size:13px; *//* line-height:14px; */}
.basic-table01 tbody tr td.txt-l a{padding:0;}
.basic-table01 tbody tr td.txt-l a:hover {text-decoration:underline;}
.basic-table01 tbody tr td.txt-l a + span.colorRed {font-weight:600; color:#333;}
.basic-table01 tbody tr td a.btn-s{color:#fff;}
.basic-table01 tbody tr td .circle_badge {font-size:14px; padding:7px 5px; text-align:center; margin:0 3px; color:#333; cursor:default; border-radius:0;
										  background:linear-gradient(#f8f8f8, #ececec); border:1px solid #ccc; line-height:normal; width:77px; box-sizing:border-box;}
.basic-table01 tbody tr td .circle_badge.bg-red-strong {color:white; background:linear-gradient(#a0a0a0, #8c8c8c) !important; border:1px solid #8c8c8c;}

.datePicker {width:auto !important; min-width:30%; padding-left:33px !important; background:url(/images/wzwg/site/mngr/datepicker.png) 7px 10px no-repeat;cursor:pointer;}

/* 버튼 공통 */
.rt-box > h3{margin-bottom:20px; font-size: 20px;}
.rt-box a, .ctr-box a, .symp_basic_wrap a{height: 40px; line-height: 29px; font-size: 16px;}
.rt-box:after{content:''; display: block; clear:both;}

/* 달력 */
.monthly_calendar .week tbody tr.grid_header th{font-size: 18px!important;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox{font-size: 16px!important;}
.monthly_calendar .month_table .schedule_list .dataDay > div{font-size: 13px!important;}

@media (max-width: 700px) {
	.monthly_calendar .week tbody tr.grid_header th{font-size: 16px!important;}
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox{font-size: 14px!important;}
	.monthly_calendar .month_table .schedule_list .dataDay > div{font-size: 12px!important;}
}

	@media (max-width:599px){
		.datePicker {width:60% !important;}
	}

	@media (max-width:799px){
		.basic-table01 thead tr th, .basic-table01 thead tr th a {font-size:15px; word-break:keep-all;}
		.basic-table01 thead tr th:nth-child(5) a, .basic-table01 thead tr th:nth-child(6) a,.basic-table01 thead tr th:nth-child(7) a {font-size:13px;}
		.basic-table01 tbody tr td {font-size:14px; padding:20px 0;}
		.basic-table01 tbody tr td .circle_badge {width:auto; word-break:keep-all; padding:7px 0; font-size:13px; font-weight:600;}

		.rt-box > span{font-size: 15px;}
		.rt-box > h3{margin-top:10px; font-size: 18px;}
	}

  @media (max-width:899px){
		.symp_basic_wrap .basic-table thead tr th{font-size:15px;}
		.symp_basic_wrap .basic-table tbody tr td{font-size:14px; line-height:150% !important; padding:10px 3px; word-break:break-all;}
	}

  @media (max-width:599px){
    .schlarSRCH_wrap .sympSRCH input[type="text"]{float:left;width:35.8%!important;margin-right:1%;}
    .schlarSRCH_wrap .sympSRCH select{float: left; width: 37%!important; margin-right: 1%; margin-bottom: 7px;}
    .schlarSRCH_wrap .sympSRCH:after{content:''; display:block; clear:both;}
    .schlarSRCH_wrap .sympSRCH{position: relative;}
    .schlarSRCH_wrap .sympSRCH span{float:left; margin-right: 1%; height: 40px; line-height: 40px;}
    .schlarSRCH_wrap .sympSRCH .btn-srch{position: absolute; margin-top: 0; margin-left: 1%; width: 23%; height: 87px; top:0; right:0; line-height: 87px;}
  }