@charset "utf-8";
@import url(widget_00005.css);

.noneWidgBg{
	background-color:#e1dcec;
}
.ui-dialog .ui-dialog-content {
	overflow:hidden;
}
.widgOptionCss{
	position:absolute;
	/* right:10px; */
	bottom:10px;
	/* opacity:0.01; */ 
	z-index:10000;
}
.widgetWrap{
	position:relative;
}
.widgDiv{
	
}
.widgetObjAdd{
	cursor:pointer;
}
.widgetObjAdd:hover, .widgetObjAdd:focus {
	opacity:0.5;
}


.widget8_M_link01 ul { margin:10px 0;}
.widget8_M_link01 li{ position:relative; float:left; width:19.8%;}
.widget8_M_link01 li a{ display:block; color:#0083c7; font-family:"Nanumbold";  border-left: 1px dashed #cfcfcf; font-size:14px; letter-spacing:-1px;  text-align:center; padding:90px 0 0}
.widget8_M_link01 li a span { width:100%; height:42px; line-height:16px;}
.widget8_M_link01 li a:hover{ color:#0d4677; }
.widget8_M_link01 li:first-child a{border-left:0;}
.widget8_M_link01 li a img{position:absolute; top:16px; left:50%; margin-left:-37px; width:70px; height:74px;}/* 170713 */


.widget1_notice01 h2 {font-size:16px; font-family:'Nanum'; }
.widget1_notice01 h2 a {  height:30px; padding:0 15px; line-height:30px;  position:absolute; top:20px; display:block; text-align:center; color:#0d0d0d; background:url(/images/org/template/00004/main/bul_notice_h2.png) no-repeat right 12px; } 
.widget1_notice01 h2  a:hover {color:#111; font-family:'NanumBold';}
.widget1_notice01 h2.tit_1 a {left:0; padding-left:0; }
.widget1_notice01 h2.tit_2 a {left:72px; }
.widget1_notice01 h2.tit_3 a {left:174px; background-image:none; }
.widget1_notice01 h2 a.current {color:#111; font-family:'NanumBold';}
.widget1_notice01 .list_box.on {display:block; }
.widget1_notice01 .list_box {display:none; padding:64px 15px 0 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.widget1_notice01 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:28px; font-size:12px; overflow:hidden; letter-spacing:-0.1em; }
.widget1_notice01 .list_box li a { width:80%; float:left; display:block; padding-left:10px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/org/template/00004/main/notice_dot.gif") no-repeat 0 11px;}
.widget1_notice01 .list_box li a:hover {text-decoration:underline;}
.widget1_notice01 .list_box li span.date { width:15%;  float:right;  text-align:right; letter-spacing:0; color:#777;}
.widget1_notice01 .btn_more {position:absolute; right:20px; top:25px; width:21px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/noti_more.png) no-repeat center;}


.widget2_notice02 h2 {font-size:16px; font-family:'Nanum'; }
.widget2_notice02 h2 a {  height:30px; padding:0 15px; line-height:30px;  position:absolute; top:20px; display:block; text-align:center; color:#0d0d0d; background:url(/images/org/template/00004/main/bul_notice_h2.png) no-repeat right 12px; } 
.widget2_notice02 h2  a:hover {color:#111; font-family:'NanumBold';}
.widget2_notice02 h2.tit_1 a {left:0; padding-left:0; }
.widget2_notice02 h2.tit_2 a {left:72px; }
.widget2_notice02 h2.tit_3 a {left:174px; background-image:none; }
.widget2_notice02 h2 a.current {color:#111; font-family:'NanumBold';}
.widget2_notice02 .list_box.on {display:block; }
.widget2_notice02 .list_box {display:none; padding:64px 15px 0 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.widget2_notice02 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:28px; font-size:12px; overflow:hidden; letter-spacing:-0.1em; }
.widget2_notice02 .list_box li a { width:80%; float:left; display:block; padding-left:10px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/org/template/00004/main/notice_dot.gif") no-repeat 0 11px;}
.widget2_notice02 .list_box li a:hover {text-decoration:underline;}
.widget2_notice02 .list_box li span.date { width:15%;  float:right; text-align:right; letter-spacing:0; color:#777;}
.widget2_notice02 .btn_more {position:absolute; right:20px; top:25px; width:21px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/noti_more.png) no-repeat center;}


.widget6_pop h2{font-size:16px; font-family:"NanumBold"; padding:17px 0 14px 20px; color:#fff}
.widget6_pop .nss_pg{ position:absolute; top:17px; right:0}
.widget6_pop .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:30px; color:#fff; font-size:12px; right:110px; display:inline-block; width:50px; text-align:right}
.widget6_pop .nss_pg > span strong{ color:#ffdb4f}
.widget6_pop .nss_pg a{ display:block; position:absolute; font-size:0; text-indent:-10000em; width:27px; height:27px;}
.widget6_pop .nss_pg a.pre{ background:url(/images/org/template/00004/main/btn_prev.png) no-repeat; right:72px}
.widget6_pop .nss_pg a.stop{ background:url(/images/org/template/00004/main/btn_stop.png) no-repeat; right:46px}
.widget6_pop .nss_pg a.next{ background:url(/images/org/template/00004/main/btn_next.png) no-repeat; right:20px;}
.widget6_pop .nss_pg a.list{ background:url(/images/org/template/00004/main/btn_list.png) no-repeat; right:25px}
.widget6_pop .pop_img{ position:absolute; top:57px; left:20px; width:235px; height:145px}
.widget6_pop .pop_img li{ display:none;}
.widget6_pop .pop_img li img{ width:100%;  height:145px}
.widget6_pop .pop_img li.on{ display:block}


.widget7_drawSchedule h2 {padding-left:25px; font-size:17px; font-family:'NanumBold'; height:45px; line-height:45px; color:#fff; display:none;}
.widget7_drawSchedule .date_view {position:relative; height:30px; margin-top:10px; line-height:30px; font-size:17px; color:#222; font-family:'Nanum'; text-align:center;}
.widget7_drawSchedule .date_view .year {color:#fff; font-family:'NanumBold';}
.widget7_drawSchedule .date_view .month {color:#fff; font-family:'NanumBold';}
.widget7_drawSchedule .date_view .pre {position:absolute; left:70px; top:8px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/btn_c_prev.png) no-repeat center;}
.widget7_drawSchedule .date_view .next {position:absolute; right:70px; top:8px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/btn_c_next.png) no-repeat center;}
.widget7_drawSchedule .inner {margin:15px 25px 0; font-size:12px; background:#fff;}
.widget7_drawSchedule .inner th {height:34px; background:#be3030; color:#ffffff;}
.widget7_drawSchedule .inner td {height:20px; line-height:20px; text-align:center; color:#444;}
.widget7_drawSchedule .inner .sun {color:#f25953;}
.widget7_drawSchedule .inner .sat {color:#00b3ce;}
.widget7_drawSchedule .inner td a.check {display:block; height:20px; color:#ef5350; font-weight:bold; background:url(/images/org/template/00004/main/schd_check.png) no-repeat center;}
.widget7_drawSchedule .inner td a.today {display:block; height:20px; color:#fff; font-weight:bold; background:url(/images/org/template/00004/main/schd_today.png) no-repeat center;}
.widget7_drawSchedule .sch_list {position:relative; height:84px; padding:10px 25px; border-top:1px solid #e0e0e0; overflow-y:auto;}
.widget7_drawSchedule .sch_list li {position:relative; line-height:24px; font-size:12px;}
.widget7_drawSchedule .sch_list li a {display:block; padding-left:50px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.widget7_drawSchedule .sch_list li a span {position:absolute; left:0; top:0; color:#9575cd; font-weight:bold;}
.widget7_drawSchedule .btn_more{position:absolute; right:20px; top:20px; width:16px; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/btn_more02.png) no-repeat center;}


.widget3_gallery h2 {font-size:18px; font-family:'NanumBold'; line-height:30px; color:#1d1d1d; margin:20px 0 0 5%; }
.widget3_gallery .gall_info {display:none;}
.widget3_gallery .gall_list {margin-top:20px; overflow:hidden; margin-left:5%}
.widget3_gallery .gall_list li {width:131px; margin-left:3%; float:left;}
.widget3_gallery .gall_list li:first-child {margin-left:0;}
.widget3_gallery .gall_list li a { width:131px; display:block;}
.widget3_gallery .gall_list li a:hover{ text-decoration:underline; color:#fff;}
.widget3_gallery .gall_list li .img img {width:100%; height:89px;}
.widget3_gallery .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; }
.widget3_gallery .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  color:#444;}
.widget3_gallery .gall_list li span.date {display:none;}
.widget3_gallery .btn_more{position:absolute; right:25px; top:28px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/btn_more03.png) no-repeat center;}


.widget4_meal_menu h2 {padding:20px 20px 0 20px; line-height:24px; font-size:16px; font-family:"NanumBold"; color:#00575f;} 
.widget4_meal_menu .meal_box { position:absolute; right:20px; top:60px; width:185px; height:117px; overflow: auto; border-radius:4px; background:url(/images/org/template/00004/main/bg_pattern.gif) repeat;}
.widget4_meal_menu p.kcal { margin:10px 0 0 10px;line-height:30px; text-align:left; font-size:15px; color:#ffe164; font-family:"NanumBold";}
.widget4_meal_menu .meal_list { width:92%; height:70px; margin:0 5%; overflow-y:auto;  text-align:left; font-size:12px; color:#fff; line-height:22px; }
.widget4_meal_menu .meal_list p{ display:inline-block; padding:0 10px 0 0;}
.widget4_meal_menu .imgBg {position:absolute; top:58px; left:20px; z-index:1}
.widget4_meal_menu .btn_more{position:absolute; top:20px; right:20px; width:28px; height:28px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/org/template/00004/main/btn_more04.png) no-repeat center;}


.widget9_M_link02 ul { margin-left:15px;}
.widget9_M_link02 li{ position:relative; float:left; width:19.8%;}
.widget9_M_link02 li a{ display:block; color:#333333; font-family:"Nanumbold"; font-size:14px; letter-spacing:-1px;  text-align:center; padding:143px 0 0}
.widget9_M_link02 li a span { width:100%; height:42px; line-height:16px;}
.widget9_M_link02 li a:hover{ color:#0d4677; }
.widget9_M_link02 li:first-child a{border-left:0; }
.widget9_M_link02 li a img{position:absolute; top:40px; left:50%; margin-left:-43.5px; width:87px; height:87px;}

.widgetArea {z-index:10000; background-color:#ffffff; }


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

	.widget8_M_link01{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	.widget1_notice01, .widget3_gallery, .widget4_meal_menu, .widget5_main_visual, .widget6_pop, .widget7_drawSchedule, .widget8_M_link01 {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	/* 메인비쥬얼 */
	.widget5_main_visual img{width:100%; height:auto;}
	
	/* 	바로가기 */
	.widget8_M_link01 li a {font-size:13px;  padding-top:80px;}
	.widget8_M_link01 li a img { top:10px;}
	
	/* 	공지사항 */
	.widget1_notice01 .list_box, .widget2_notice02 .list_box { padding-right:0;}
	.widget1_notice01 .btn_more , .widget2_notice02 .btn_more { right:0;}
		
	/* 팝업 */
	.widget6_pop .nss_pg > span {right:100px}
	.widget6_pop .nss_pg a.pre { right:63px}
	.widget6_pop .nss_pg a.stop{ right:37px}
	.widget6_pop .nss_pg a.next{ right:10px;}
	.widget6_pop  h2 { padding-left:4%;}
	.widget6_pop .pop_img { width:92%; height:auto; margin:0 4%; left:0;}
	
	/* 행사일정 */
	.widget7_drawSchedule .inner { margin:15px 4% 0;}
	.widget7_drawSchedule .btn_more { right:4%;}
	
	/* 갤러리 */
	.widget3_gallery .btn_more { right:3%;}
	.widget3_gallery .gall_list { width:94%; margin-left:3%;}
	.widget3_gallery .gall_list li { width:22.7%; margin-left:3%;}
	.widget3_gallery .gall_list li a { width:100%;}
	.widget3_gallery h2 { margin-left:3%;}

	/*오늘의 식단*/
	.widget4_meal_menu .meal_box { width:58%;}
	.widget4_meal_menu .imgBg { top:80px;}
	.widget4_meal_menu .imgBg img{ width:70px;}
	
	/* 바로가기 */
	.widget9_M_link02 ul { margin-left:15px; padding-top:10px;}
	.widget9_M_link02 li{ position:relative; float:left; width:48%;}
	.widget9_M_link02 li a{ float:left; height:60px; display:block; color:#333333; font-family:"Nanumbold"; font-size:13px; letter-spacing:-1px;  text-align:left; padding:0 0 0}
	.widget9_M_link02 li a span {  width:80%; height:20px; line-height:16px; margin-left:10px;}
	.widget9_M_link02 li a:hover{ color:#0d4677; }
	.widget9_M_link02 li:first-child a{border-left:0; }
	.widget9_M_link02 li a img{ width:50px; height:auto; position:relative; margin-left:0px; top:0;}/* 170713 */

}

@media screen and (max-width: 660px) {
	
	/* 공지사항 */
	
	
	/* 행사일정 */

	
	/* 학교앨범 */
	.widget3_gallery .gall_list li { width:48%; height:200px;}
	

	/* 오늘의 식단 */
	.widget4_meal_menu .meal_box { width:70%;}

	/* 팝업 */
	
	/* 바로가기 */
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(50% - 6px); width:-moz-calc(50% - 6px); width:calc(50% - 6px);}
	
}

@media screen and (max-width: 560px) {
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 6px); width:-moz-calc(100% - 6px); width:calc(100% - 6px);}
	
}
@media screen and (max-width: 500px) {
	
	/* 	바로가기 */
	.widget8_M_link01 li{ width:33.3%; }
	.widget8_M_link01 li a { border:none; padding-top:70px; }
	.widget8_M_link01 li a img  { width:60px; margin-left:-30px;  top:5px;}
	
	.widget4_meal_menu .meal_box { width:60%;}

}