@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: 99.3%; margin-top:-20px; padding-top:25px; overflow:hidden;}
.tb_base_box .util {position:absolute; top:3px; right:0; line-height:16px; color:#666;}

.calendar_time {font-family: '돋움', Dotum;font-weight:bold;margin-top: 20px;margin-bottom: -30px;/* top: 10px; */px; */}
.calendar_time a {padding:5px 20px;margin-right:10px;border-radius:5px;color:#fff;display:inline-block;}
.calendar_time .morning a { background:#f7941d; }
.calendar_time .afternoon a { background:#4db02c; }

/* contents ******************************************************************************/
/* 학교행사일정(월별) */
.calendar_top {position:relative; width:200px; height:45px; margin:0 auto; text-align:center; font-size:22px; line-height:31px; font-family:Verdana; 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-family:Verdana; 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; 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 ul {width:100%;  font-weight:normal;text-align: left !important;}
.tb_calendar td ul li {padding-left:8px; margin:5px 0; font-size:12px; font-family:Gulim; background:url(/images/addon/schedule/bu_dot_w.png) no-repeat 0 4px; background-size:2px 2px;}

.tb_calendar div{cursor:pointer;text-align: center;padding-left:8px;margin:5px 0;font-size:12px;font-family:Gulim;}
.tb_calendar td div:hover{color:#006bb6;}

/* 일정등록(월별) */
.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:20px; text-align:right; overflow:hidden;}
.btn_blue_food {cursor:pointer; width:70px; height6px; line-height:26px; text-align:center; font-size:13px; display:inline-block; color:#fff!important; background:#048bdd; border-radius:5px; text-decoration:none;}
.btn_blue {cursor:pointer; 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 {cursor:pointer; 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;}

.tbl_calendar table { table-layout:fixed; }
.tbl_calendar td { height:6rem; vertical-align:top; text-align:left; }
.tbl_calendar td.sat { background:#f4f9fd; }
.tbl_calendar td.sun { background:#fff5f3; }
.tbl_calendar td ul li { position:relative; padding-left:0.5rem; }
.tbl_calendar td ul li:before { content:""; position:absolute; left:0; top:0.5rem; width:0.2rem; height:0.2rem; background:#1963d1; border-radius:50%;}
.tbl_calendar td ul li a { display:block; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.tbl_calendar td ul li a:hover,
.tbl_calendar td ul li a:focus { text-decoration:underline; }

.tb_base_box { margin-top:0 !important; padding-top:0 !important; border:1px solid #e4e5e7;  border-bottom:none;}
.tb_calendar { border-top:none !important; }
.tb_calendar thead th { border-color:#e4e5e7 !important; }
.tb_calendar td { position:relative; text-align:left !important; border-color:#e4e5e7 !important; }
.tb_calendar td:hover { background:#f3f8ff !important; }
.tb_calendar td ul li { padding:0 !important;font-family:"SCDream" !important; background:none !important;/* text-align:center; */}
.tb_calendar td ul li span { display:block; }
.tb_calendar .cal_sun {/* background:#fff !important; */}
.tb_calendar .cal_sat {/* background:#fff !important; */}
.bg_orange { background:#ff7531 !important; padding:1px 0.5rem !important; color:#fff; }
.holiday_title { position:absolute;left: 28%;top: 10%; font-weight:600;}

.calendar_top {width: 99% !important; height:auto !important; font-family:"SCDream" !important; padding:1rem 0; border:1px solid #e4e5e7; border-bottom:none; border-radius:1rem 1rem 0 0;} 
.calendar_top a.btn_calendar_prev { left:1rem !important; top:1rem !important; }
.calendar_top a.btn_calendar_next { right:1rem !important; top:1rem !important; }

/* 학교행사일정 */
.calendar_wrap{ width:100%; overflow:hidden;}
.calendar_txt{position:relative;height: 100%;background:#f8f8f8 url('/images/sub/calendar_img.jpg') no-repeat right;font:16px "NGothicB", Malgun Gothic;color:#5b5b5b;display: -webkit-box;-webkit-line-clamp : 1;-webkit-box-orient: vertical;}
.calendar_txt p{width: 84%;float:left;line-height:26px;letter-spacing:-0.5px;padding:22px 0 22px 30px;background:url('/images/sub/blue_edge.png') no-repeat;white-space: normal;}
.calendar_txt .calendar_btn{ position:absolute; top:22px; right:20px;}
.calendar_txt .calendar_btn li{ float:left; margin-right:3px; text-align:center;}
.calendar_txt .calendar_btn li a{ padding:2px 10px; color:#fff; display:block;}
.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{ 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; font-family:"돋움",Dotum,Gulim,Helvetica,AppleGothic,sans-serif;}
.calendar .event{ float:left; width:47%; margin-top:28px;}
.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; font-family:"돋움",Dotum,Gulim,Helvetica,AppleGothic,sans-serif;}
.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_last .event dd li{ background:url('/images/sub/blue_dot.gif') no-repeat 0 55%; padding:5px 0 3px 8px; font:12px "돋움", Malgun Gothic;}
.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;
}
/******************  달력 끝  *******************/

/* 식단 이미지 */
.food_img {border-radius: 5px 5px 5px 5px;overflow: hidden;border: 1px solid #b2b7c7;border-top: none;max-width: 100%;vertical-align: top;margin: 0 0 10px 0;height: 90px;}

/* 식단 상세보기 창 */
.wrap_meal .tbl_meal {position: relative;width: 100%;margin: 5px 0 0 -1px;text-align: center;border-top: 2px solid #000;-webkit-overflow-scrolling: touch;word-break: keep-all;}
.wrap_meal {font-family: "NGNormal";padding: 20px;}
.wrap_meal .tbl_meal tbody th {padding: 13px 10px;vertical-align: middle;color: #222;font-family: 'NGBold';text-align: left;font-size: 16px;border: 0;border-bottom: 1px solid #d2d2d2;}
.wrap_meal .tbl_meal td {padding: 10px 15px;color: ##666;font-size: 14px;border: 0;line-height: 1.6;border-bottom: 1px solid #d2d2d2;}
/* 식단 상세보기 창 */

@media screen and (max-width:1200px){
	.calendar_txt p{width: 85%;}
}
@media screen and (max-width:1080px){
	.tb_calendar td{white-space: normal !important;}
}

/********** 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 .food_desc{float:left; width:50%; display:block;}
.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;}
.food_img {float: left;margin: 0 20px 0 0;}
}
@media screen and (max-width:800px){
	.calendar_txt p{width: 75%;}
}

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

@media screen and (max-width: 480px){
.calendar_txt p{width: 65%;}
.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;}

}
@media screen and (max-width:435px){
	.calendar_txt p{width: 60%;}
}
@media screen and (max-width:374px){
	.calendar_txt p{width: 50%;}
}