@charset 'utf-8';

/* 복지관 일정 : S */
.ws_schedule_wrap {}
.ws_schedule_wrap .es_btn_area {margin-top:30px; text-align:center;}
.ws_schedule_wrap .es_btn_area .bs_btn {display:inline-block; vertical-align:middle; padding:20px 50px; border:1px solid #333; font-size:1.2em; line-height:normal;}
.ws_schedule_wrap .es_btn_area .bs_submit {color:#fff;}

/* 달력 : S */
.ws_schedule_wrap .es_schedule_area {position:relative;}
.ws_schedule_wrap .es_schedule_area .bs_btn_box {position:absolute; top:0; right:0;}
.ws_schedule_wrap .es_schedule_area .bs_btn_box .is_btn {display:inline-block; height:35px; padding:0 20px; border:1px solid #333; color:#333; font-size:1.2em; line-height:35px;}
.ws_schedule_wrap .es_schedule_area .bs_btn_box .is_submit {background:#333; color:#fff;}
.ws_schedule_wrap .es_schedule_area .bs_date_box {text-align:center;}
.ws_schedule_wrap .es_schedule_area .bs_date_box .is_arrow,
.ws_schedule_wrap .es_schedule_area .bs_date_box .is_month {display:inline-block; vertical-align:middle;}
.ws_schedule_wrap .es_schedule_area .bs_date_box .is_arrow {width:25px; height:25px; border-radius:50% !important; background:#0054a7; color:#fff; font-size:1.5em; line-height:23px; text-align:center;}
.ws_schedule_wrap .es_schedule_area .bs_date_box .is_prev {}
.ws_schedule_wrap .es_schedule_area .bs_date_box .is_next {}
.ws_schedule_wrap .es_schedule_area .bs_date_box .is_month {margin:0 15px; color:#333; font-size:2.5em; letter-spacing:-0.5px;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box {margin-top:30px;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table {width:100%;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody {}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr {}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr th,
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td {min-height:100px; border:1px solid #ddd; font-size:1.1em; line-height:1.5em; letter-spacing:-0.5px; vertical-align:top;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr th {padding:5px; background:#f9f9f9; font-weight:bold;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td {}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td div {min-height:100px;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr .is_sun {background:#fff4f4;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr .is_sat {background:#e7f3ff;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_date {display:block; padding:15px 15px 0; font-weight:bold;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td ul {padding-bottom:15px;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_list {margin-top:10px;}
.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_list .ss_info {display:block; padding:5px; background: #0c367f; color:#fff;}
/* 달력 : E */

/* 월별 일정 : S */
.ws_schedule_wrap .es_schedule_list_area {}
.ws_schedule_wrap .es_schedule_list_area .bs_subject {display:block; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #333; color:#000; font-size:1.6em;}
.ws_schedule_wrap .es_schedule_list_area .bs_scroll_box {overflow-y:auto;}
.ws_schedule_wrap .es_schedule_list_area .bs_scroll_box .is_scroll {height:530px;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box {margin-top:15px; padding-bottom:10px; border-bottom:1px solid #ddd; font-size:1.3em; line-height:1.5em; letter-spacing:-0.5px;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box .is_date {display:block; color:#0054a7;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box .is_list {position:relative; margin-top:5px; margin-left:10px; padding-left:10px;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box .is_list:before {content:''; display:block; position:absolute; top:10px; left:0; width:2px; height:2px; background:#333;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box .is_list .ss_btn {display:block; display:-webkit-box; height:21px; color:#333; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:1; overflow:hidden; -webkit-box-orient:vertical;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box .is_list:hover .ss_btn {text-decoration:underline;}
.ws_schedule_wrap .es_schedule_list_area .bs_list_box .is_list .ss_info {margin-top:9px}
/* 월별 일정 : E */

/* 글쓰기 : S */
.ws_schedule_wrap .es_table_area table tbody tr td .bs_input_full {width:100%;}
/* 글쓰기 : E */

/* 복지관 일정 : E */


 /* ================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ================================================== */

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_schedule_wrap .es_schedule_area .bs_date_box {text-align:left;}
	.ws_schedule_wrap .es_schedule_area .bs_date_box .is_arrow {width:20px; height:20px; font-size:1.5em; line-height:18px;}
	.ws_schedule_wrap .es_schedule_area .bs_date_box .is_month {font-size:2em;}
	.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td {font-size:1em;}
	.ws_schedule_wrap .es_schedule_area .bs_btn_box .is_btn {height:30px; padding:0 10px; font-size:1em; line-height:30px;}
	.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td div {min-height:70px;}

	.ws_schedule_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_count {padding:3px;}
	.ws_schedule_wrap .es_schedule_list_area .bs_list_box {font-size:1.1em;}

	.ws_schedule_wrap .es_btn_area .bs_btn {padding:10px 20px; font-size:1.1em;}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_schedule_wrap .es_schedule_list_area {margin-top:30px;}

}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

}

 /* ================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ================================================== */
 
/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {
	
}
 
 /* ================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media (min-width:768px) and (max-width:991px) {

}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}