@charset "utf-8";

.holiday_title {font-size:12px;}

.web_box {display:block;}
.tablet_box {display:none;}
.mob_box {display:none;}

.wt_box {display:block;}
.tm_box {display:none;}


/* 텍스트 색상 */
.pc_blue {color:#38598e;}
.pc_red {color:#f25953;}


/* 기본 테이블 */
.tb_base_box {position:relative; width:100%; /*margin-top:-20px;*/ /*padding-top:25px;*/ padding:6px 0px; border:1px solid #c6c6c6; overflow:hidden;}
.tb_base_box .util {position:absolute; top:3px; right:0; line-height:16px; color:#666;}


/* contents ******************************************************************************/
/* 학교행사일정(월별) */
.calendar_top {position:relative; width:200px; height:45px; margin:0 auto; text-align:center; font-size:22px; line-height:31px;  font-weight:bold; color:#333;}
.calendar_top a.btn_calendar_prev {position:absolute; top:0; left:0;}
.calendar_top a.btn_calendar_next {position:absolute; top:0; right:0;}
/* 학교행사일정(주별) */
.calendarWeek_top {position:relative; width:300px; height:45px; margin:0 auto; text-align:center; font-size:22px; line-height:31px;  font-weight:bold; color:#333;}
.calendarWeek_top a.btn_calendar_prev {position:absolute; top:0; left:0;}
.calendarWeek_top a.btn_calendar_next {position:absolute; top:0; right:0;}

.tb_calendar {position:relative; width:100%; border-collapse:collapse; border-top:2px solid #006bb6; margin-left:-1px;}
.tb_calendar caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.tb_calendar thead th {padding:10px; text-align:center; color:#333; background:#eef1f4; border-left:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}

.tb_calendar td {height:90px; padding:8px; font-weight:bold; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#333; text-align:right; vertical-align:top;}
.tb_calendar .cal_sun {color:#f25953; background:#fff3f2;} 
.tb_calendar .cal_sat {color:#38598e; background:#eef8ff;}
.tb_calendar .today {color:#333; background:#f6f8f9;}

.tb_calendar td a {display:block; color:#333;}
.tb_calendar td ul {width:100%; text-align:left; font-weight:normal;}

.tb_calendar td ul li {padding-left:8px; margin:5px 0; font-size:12px;}

/* 일정등록(월별) */
.inp_st30 {width:30%; height:23px; line-height:23px; border:1px solid #c8d1db;}
.inp_st90 {width:90%; height:23px; line-height:23px; border:1px solid #c8d1db;}
.inp_st100 {width:100%; height:23px; line-height:23px; border:1px solid #c8d1db;}
.textarea_st {width:100%; height:200px; border:1px solid #c8d1db;}

.btn_area {width:100%; margin-top:10px; margin-bottom : 5px; text-align:right; overflow:hidden;}
.btn_blue {width:70px; height:26px; line-height:26px; text-align:center; font-family:'Nanum'; font-size:13px; display:inline-block; color:#fff!important; background:#048bdd; border-radius:5px; text-decoration:none;}
.btn_gray {width:70px; height:26px; line-height:26px; text-align:center; font-family:'Nanum'; font-size:13px; display:inline-block; color:#fff!important; background:#757e9b; border-radius:5px; text-decoration:none;}


/* 학교행사일정 */
.calendar_wrap{ width:100%; overflow:hidden;}
.calendar_txt{position:relative;height:75px;background:#f8f8f8;font:16px "NGothicB", Malgun Gothic;color:#5b5b5b;float: left;width: 100%;}
.calendar_txt p{width: 40%;float:left;line-height:26px;letter-spacing:-0.5px;padding:22px 0 22px 30px;}
.calendar_txt .calendar_btn{margin-top: 23px;}
.calendar_txt .calendar_btn li{float:left;margin-right:15px;text-align:center;width: 15%;}
.calendar_txt .calendar_btn li a{ padding:2px 10px; color:#fff; display:block;}
.calendar_txt .calendar_btn li.white{ background:white; border:1px solid black;}
.calendar_txt .calendar_btn li.blue{ background:#426794; border:1px solid #2b4c74;}
.calendar_txt .calendar_btn li.orange{ background:#ee641a; border:1px solid #d95712;}
.calendar_txt .calendar_btn li select {width: 100%; height:22px;}
.calendar{ position:relative; float:left; width:100%; clear:both; margin-top:30px;}
.calendar .date{ float:left; width:47%; height:210px; margin-right:6%; color:#333; letter-spacing:0px;}
.calendar .date span{ display:block; font-weight:bold; text-align:center;  color: black}
.calendar .event{float:left;width:47%;margin-top:28px;/* height: 210px; */}
.calendar .event dt{ background:#336fa5; color:#fff; padding:10px 0; text-align:center; font:14px "NGothicB", Malgun Gothic;}
.calendar .event dd{ height:146px; background:#fcfcfc; border-bottom:2px solid #336fa5; overflow-x:scroll; overflow-x:auto;}
.calendar .event dd ul{ padding:15px;}
.calendar .event dd li{/* background:url('/images/sub/blue_dot.gif') no-repeat 0 55%; *//* padding:5px 0 3px 8px; *//* font:12px "돋움", Malgun Gothic; */}
.calendar_last{ position:relative; float:left; width:100%; clear:both; margin-top:30px; margin-bottom:30px;}
.calendar_last .date{ float:left; width:47%; height:210px; margin-right:6%; color:#333; letter-spacing:0px;}
.calendar_last .date span{ display:block; font-weight:bold; text-align:center; }
.calendar_last .event{ float:left; width:47%; margin-top:28px;}
.calendar_last .event dt{ background:#336fa5; color:#fff; padding:10px 0; text-align:center; font:14px "NGothicB", Malgun Gothic;}
.calendar_last .event dd{ height:146px; background:#fcfcfc; border-bottom:2px solid #336fa5; overflow-x:scroll; overflow-x:auto;}
.calendar_last .event dd ul{ padding:15px;}

.calendar_table{ width:100%; margin-top:10px; border-left:1px solid #ddd; text-align:center; color:#454545;}
/* .calendar_table th{ background:; border:1px solid #ddd; padding:10px 0 8px; color:#545454; font-weight:bold;} */
.calendar_table th{ background:#4d93c1; font-weight:bold; color:#fff; height:30px; line-height:23px; border-right:1px solid #fff;}
.calendar_table td{ font:12px "돋움", Malgun Gothic; padding:5px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.calendar_table td.holy{ color:#d66060;}
.calendar_table td.sun{ color:#db2929;}
.calendar_table td.sat{ color:#047ed9;}
.invisible{ color:#bbbbbb;}
.day{ background:#dee8f0; font-weight:bold;}
/* .day{ background:#dee8f0; color:#0100FF; font-weight:bold;} */
/* .day_sel{ background:#0100FF; color:#FFFFFF; font-weight:500;} */
/* .day a{ color:#2e76b1; font-weight:bold;} */ 

/******************  달력 시작  *******************/

.facil_bbs_head_tit {
	float:left;
	width:638px;
	height:40px;
	padding:0px 0px 8px 30px;
}
.calendar_tb{border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-collapse:collapse;
	font-size:11px;
	table-layout: fixed;
	}
.bbs_location {
	float:right;
	padding:0px 20px 0px 0px;
}
.calendar_tb td{
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	
	padding:4px;
	color:#666666;
}
.calendar_tb th{
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
}
.calendar_tb font {
	font-size:12px;
}
/******************  달력 끝  *******************/

/********** media query tablet *************/
@media screen and (max-width: 979px){

.web_box {display:none;}
.tablet_box {display:block;}
.mob_box {display:none;}

.wt_box {display:block;}
.tm_box {display:block;}


/* contents ******************************************************************************/
/* 학교행사일정(월별) */
.tb_calendar th {height:20px; padding:8px; background:#fff; border-left:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
.tb_calendar td {height:20px; padding:8px; font-weight:bold; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#333; text-align:right; vertical-align:top;}

.tb_calendar td ul {width:100%; text-align:left; font-weight:normal;}
.tb_calendar td ul li {width:45%; float:left; padding-left:8px; margin:5px 0; font-size:13px; font-family:"Nanum"; background:url(/images/addon/schedule/bu_dot.png) no-repeat 0 4px; background-size:2px 2px;}

}


/********** media query mobile *************/

@media screen and (max-width: 613px){
	.cal_txt {display:none;}
	.calendar_btn{width:98% ;margin-left:10px}
	.calendar_btn li {width:29% !important;}
	.calendar_btn li select {width:97%}
}

@media screen and (max-width: 480px){

.web_box {display:none;}
.tablet_box {display:none;}
.mob_box {display:block;}

.wt_box {display:none;}
.tm_box {display:block;}


/* contents ******************************************************************************/
/* 학교행사일정(월별) */
.tb_calendar th {height:20px; padding:8px; background:#fff; border-left:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
.tb_calendar td {height:20px; padding:8px; font-weight:bold; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#333; text-align:right; vertical-align:top;}

.tb_calendar td ul {width:100%; text-align:left; font-weight:normal;}
.tb_calendar td ul li {width:95%; float:none; padding-left:8px; margin:5px 0; font-size:13px; font-family:"Nanum"; background:url(/images/addon/schedule/bu_dot.png) no-repeat 0 4px; background-size:2px 2px;}

}