@charset 'utf-8';

/* 인트라넷 : S */
.ws_intranet_wrap {}
.ws_intranet_wrap .es_btn_area {margin-top:30px; text-align:center;}
.ws_intranet_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_intranet_wrap .es_btn_area .bs_submit {color:#fff;}

/* 달력 : S */
.ws_intranet_wrap .es_schedule_area {position:relative;}
.ws_intranet_wrap .es_schedule_area .bs_select_box {position:absolute; top:0; left:0;}
.ws_intranet_wrap .es_schedule_area .bs_select_box select {height:40px; border:1px solid #333; font-size:1.2em;}
.ws_intranet_wrap .es_schedule_area .bs_btn_box {position:absolute; top:0; right:0;}
.ws_intranet_wrap .es_schedule_area .bs_btn_box .is_btn {display:inline-block; height:40px; padding:0 20px; border:1px solid #333; color:#333; font-size:1.2em; line-height:40px;}
.ws_intranet_wrap .es_schedule_area .bs_btn_box .is_submit {background:#333; color:#fff;}
.ws_intranet_wrap .es_schedule_area .bs_date_box {text-align:center;}
.ws_intranet_wrap .es_schedule_area .bs_date_box .is_arrow,
.ws_intranet_wrap .es_schedule_area .bs_date_box .is_month {display:inline-block; vertical-align:middle;}
.ws_intranet_wrap .es_schedule_area .bs_date_box .is_arrow {width:30px; height:30px; border-radius:50% !important; background:#0054a7; color:#fff; font-size:2em; line-height:28px;}
.ws_intranet_wrap .es_schedule_area .bs_date_box .is_prev {}
.ws_intranet_wrap .es_schedule_area .bs_date_box .is_next {}
.ws_intranet_wrap .es_schedule_area .bs_date_box .is_month {margin:0 20px; color:#333; font-size:3em; letter-spacing:-0.5px;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box {margin-top:30px;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table {width:100%;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody {}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr {}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr th,
.ws_intranet_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_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr th {padding:5px; background:#f9f9f9; font-weight:bold;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td {}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td div {min-height:100px;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr .is_sun {background:#fff4f4;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr .is_sat {background:#e7f3ff;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_date {display:block; padding:15px 15px 0; font-weight:bold;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td ul {}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_list {margin-top:5px; padding:5px;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_list .ss_subject {}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_list .ss_time {}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_count {display:block; margin-top:10px; padding:5px 15px; background:#ffd97d; color:#333; font-weight:bold;}
.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td.today {border:1px solid blue; border-width:thick;}
/* 달력 : E */

/* 모바일 > 상세 : S */
.ws_popup_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999;}
.ws_popup_wrap .es_pop_area {position:absolute; top:50%; left:50%; width:340px; height:300px; margin:-150px 0 0 -170px; background:#fff;}
.ws_popup_wrap .es_pop_area .bs_date {padding:15px; border-bottom:1px solid #ddd; background:#ddd; font-size:1.5em; letter-spacing:-0.5px;}
.ws_popup_wrap .es_pop_area .bs_scroll_box {overflow-y:scroll;}
.ws_popup_wrap .es_pop_area  ul {height:250px; padding:0 15px 15px;}
.ws_popup_wrap .es_pop_area .bs_list_box {padding:15px 0; border-bottom:1px solid #ddd; font-size:1.1em; line-height:1.5em; letter-spacing:-0.5px;}
.ws_popup_wrap .es_pop_area .bs_list_box .is_subject {}
.ws_popup_wrap .es_pop_area .bs_list_box .is_time {}
.ws_popup_wrap .es_pop_area .bs_list_box .is_cancel {position:absolute;right:17px;top:50%;padding:3px 13px;margin-top: -79px;background:#1d1c61;color:#fff}
.ws_popup_wrap .es_pop_area .bs_close {position:absolute; top:15px; right:15px; font-size:1.5em;}
/* 모바일 > 상세 : E */

/* 인트라넷 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_intranet_wrap .es_schedule_area .bs_select_box,
	.ws_intranet_wrap .es_schedule_area .bs_btn_box {top:40px;}
	.ws_intranet_wrap .es_schedule_area .bs_select_box select,
	.ws_intranet_wrap .es_schedule_area .bs_btn_box .is_btn {height:30px; font-size:1em; line-height:30px;}
	.ws_intranet_wrap .es_schedule_area .bs_date_box {margin-bottom:60px;}
	.ws_intranet_wrap .es_schedule_area .bs_date_box .is_arrow {width:20px; height:20px; font-size:1.5em; line-height:18px;}
	.ws_intranet_wrap .es_schedule_area .bs_date_box .is_month {font-size:2em;}
	.ws_intranet_wrap .es_schedule_area .bs_schedule_box table tbody tr td .is_count {padding:5px;}
	.ws_intranet_wrap .es_btn_area .bs_btn {padding:10px 20px; font-size:1.1em;}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}

/* 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) {

}