#func_ctt {
    
}
#func_ctt .container_wr {width:100%; padding:20px 0; overflow:hidden;}

/** 목록형태 css */
#func_ctt .container_wr #bo_btn_top {
    margin:10px 0 0 0;
}
#func_ctt .container_wr #bo_list_total {
    float: left;
    line-height: 34px;
    font-size: 0.92em;
    color: #4e546f;
}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

.default-btn {padding:10px 12px; background-color:#f2f4f6; border-radius: 8px;}
.default-btn:hover {background-color:#cfdeed; border-radius: 8px;}

.label {position: relative; width: 100%; display: block; color: #6c6c6c;}

.table-list td { text-align:center; }

/** 반응형 달력 css */
#calendar-wrap-title {text-align:center;padding:4px 0;}
#calendar-wrap-title ul {position:relative; overflow:hidden; color:#3182f6; font-size:13px; margin-left:auto; margin-right:auto; margin-bottom:10px; width:307px;}
#calendar-wrap-title ul li { float:left; padding:4px 10px; }
#calendar-wrap-title ul li.title { font-weight:bold; font-size:17px; }
#calendar {
  width: 100%;
}
#calendar a {
  /* color: #8e352e; */
  text-decoration: none;
}
#calendar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#calendar li {
  display: block;
  float: left;
  width: 14.342%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin-right: -1px;
  margin-bottom: -1px;
}
#calendar ul.weekdays {
  height: 40px;
  background: #487faf;
}
#calendar ul.weekdays li {
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  border: none !important;
  padding: 10px 6px;
  color: #fff;
  font-size: 13px;
}
#calendar .days li {
  height: 240px;
    overflow: hidden;
    overflow-y: scroll;
}
#calendar .days li:hover {
  background: #d3d3d3;
}
#calendar .date {
  text-align: center;
  padding: 4px;
  float: left;
}
#calendar .event_day {
  clear: both;
  display: block;
  font-size: 13px;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 14px;
  background: #e4f2f2;
  border: 1px solid #b5dbdc;
  color: #009aaf;
  text-decoration: none;
}
#calendar .event-desc {
  color: #666;
  margin: 3px 0 7px 0;
  text-decoration: none;
}
#calendar .other-month {
  background: #f5f5f5;
  color: #666;
}
#calendar .event_day .on{ color:#3aa93e; }
#calendar .event_day .off{ color:#b52020; }
/* ============================
                Mobile Responsiveness
   ============================*/
@media (max-width: 768px) {
  #calendar .weekdays, #calendar .other-month {
    display: none;
  }
  #calendar li {
    height: auto !important;
    border: 1px solid #ededed;
    width: 100%;
    padding: 10px;
    margin-bottom: -1px;
  }
  #calendar .date {
    float: left;
  }
}

/** 가정양육상담 */
.fagree_term {
	margin: 10px auto 15px;
	border: 1px solid #dde7e9;
	position: relative;
	border-radius: 3px;
}
.fagree_term h2 {
    text-align: left;
    padding: 20px;
    border-bottom: 1px solid #dde7e9;
    font-size: 1.2em;
}
.fagree_term div {
    padding: 20px;
    background: #fff;
}
.fagree_term table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1em;
}
.fagree_term table th {
    background: #f7f7f9;
    width: 33.33%;
    color: #000;
    padding: 10px;
    border: 1px solid #d8dbdf;
}
.fagree_term table td {
    border: 1px solid #e7e9ec;
    padding: 10px;
    border-top: 0;
}
#fagree_chkall {
    position: relative;
    text-align: center;
    background: #f5f7fa;
    line-height: 50px;
    border: 1px solid #e5e9f0;
    border-radius: 3px;
    margin-bottom: 15px;
}
.btn_submit {
	margin:10px 0;
    height: 50px !important;
    width: 100%;
    font-weight: bold;
    font-size: 1.083em;
}

.frm_btn {
    font-weight: bold;
    font-size: 1.083em;
    height: 40px !important;
	border: 0;
	background: #3a8afd;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	padding:0 15px;
}
.frm_btn:hover {
	background:#2a7aed;
}

.list-btn-success {
	font-weight: bold;
    border: 0;
    background-color: #3a8afd;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
}
.list-btn-fail {
	font-weight: bold;
    border: 0;
    background-color: #fd3a3a;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
}

/** 페이지 상단 카테고리 */
.header-category, .header-category ul, .header-category ul li {position:relative;}
.header-category ul { overflow:hidden; }
.header-category li { float:left; padding:0 5px; }
.header-category li a { display:block; color:#4e5968; padding:12px 10px; font-size:15px; border-radius:8px; }
.header-category li a:hover { background-color:#ebebeb; }
.header-category li a.active { background-color:#ebebeb; }

/** 검색 테이블 */
.tbl_search { border-top:2px solid #a7a7a7; width:100%; border-collapse: collapse; }
.tbl_search th, .tbl_search td { padding:10px 5px; border:1px solid #e9e9e9; height: 50px !important; }
.tbl_search th { text-align:center; background-color:#f5f5f5; }
.tbl_search td {  }
/** 가로 옵션 목록 */
.opt_list { position:relative;overflow:hidden; }
.opt_list li { float:left; padding:0 7px; }

.checkbox {
    margin: -2px 0 0 0;
    vertical-align: middle;
}

#tbody_result td { font-size:12px; }
#tbody_result td.align-center { text-align:center; }
#tbody_result td.align-left { text-align:left; padding-left:10px; }

.pg_page, .pg_current { margin:0 2px; }

/******
뷰화면 
******/
#bo_v {margin:20px 0;background:#fff;box-sizing:border-box;border-top:1px solid #ebebeb;}
#bo_v .bo_section {padding:15px; }
#bo_v .bo_section h2 { color: #0b70d9; margin: 5px 0; }
#bo_v .bo_section table.bo_v_table, #bo_v .bo_section th, #bo_v .bo_section td { border-collapse: collapse; border:1px solid #d7d7d7; }
#bo_v .bo_section table.bo_v_table { width:100%; border-top:2px solid #232323; }
#bo_v .bo_section .bo_v_table th, #bo_v .bo_section .bo_v_table td { height:52px; }
#bo_v .bo_section .bo_v_table th { background-color: #f3f3f3; }
#bo_v .bo_section .bo_v_table td { padding:0 10px; }

/**
로딩바 css
*/
#loding_wrap {
	position: absolute;
	width: 100%;
	min-height: 100%;
	text-align: center;
	background-color: rgb(255 255 255 / 20%);
}
.display-none {display:none;}
 
