@charset "utf-8";

@import url(common.css);

#container {position:relative; height:100%; }
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:7; width:1020px; margin:0 auto; }
.main_content:after {content:""; display:block; clear:both;}

/* 메인비주얼 */
.main_visual{ position:relative; width:100%; }
.main_visual img{ width:100%; }

/* 팝업존 */
.pop{ position:relative; width:205px; height:235px; padding:0 25px; float:left; overflow:hidden; background:#2B5973; border-top:5px solid #767676;}
.pop h2{font-size:16px; font-family:"NanumBold"; color:#fff; padding:35px 0 15px}
.pop .nss_pg{ position:absolute; top:35px; right:25px}
.pop .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:22px; color:#fff; font-size:12px; right:85px; display:inline-block; width:50px; text-align:right}
.pop .nss_pg > span strong{ color:#eb615a}
.pop .nss_pg a{ display:block; font-size:0; text-indent:-10000em; width:18px; height:18px; float:left; margin:0 0 0 2px;}
.pop .nss_pg a.pre{ background:url(/images/template/02340/main/btn_prev.png) no-repeat; }
.pop .nss_pg a.next{ background:url(/images/template/02340/main/btn_next.png) no-repeat; }
.pop .nss_pg a.stop{ background:url(/images/template/02340/main/btn_stop.png) no-repeat; }
.pop .nss_pg a.list{ background:url(/images/template/02340/main/btn_list.png) no-repeat; }
.pop .pop_img{ position:relative; }
.pop .pop_img li{ display:none; width:203px; height:130px; text-align:center; }
.pop .pop_img li img{ width:100%; height:130px}
.pop .pop_img li.on{ display:block}

/* 바로가기 */
.M_link{position:relative;float:left;width: 267px;height:235px;background:#767676;border-top:5px solid #767676;}
.M_link li{width: 50%; *width:49%;float:left;}
.M_link li a{ display:block; width:100%; height:117px; text-align:center; color:#fff; font-family:"Nanum"; font-size:14px;}
.M_link li span{ display:block; }
.M_link li a img{margin-top:15px;margin-bottom:10px;}

/* 공지사항 */
.notice {position:relative;width: 498px;height:235px;float:left;background:#fff;border-top:5px solid #767676;}  
.notice h2 { font-size:14px; font-family:'NanumBold'; line-height:30px; }
.notice h2 a{ position:absolute; top:35px; width:100px; display:block; text-align:center; color:#fff; background:#898b8c; }
.notice h2.tit_1 a{ left:30px; }
.notice h2.tit_2 a{ left:132px; }
.notice h2 a.current{ background:#FE8E02; }
.notice .btn_more{ position:absolute; top:30px; right:30px; width:41px; height:30px; font-size:0; text-indent:-10000em; background:url("/images/template/02340/main/btn_more.gif") no-repeat;}
.notice .list_box.on{ display:block; }
.notice .list_box{ display:none; padding:85px 30px 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice .list_box li{ font-family:'돋움',Dotum; line-height:25px; font-size:12px; overflow:hidden; position:relative;}
.notice .list_box li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444;}
.notice .list_box li a:hover{ text-decoration:underline;}
.notice .list_box li span.text {float:left; padding-left:8px; background:url("/images/template/02340/main/notice_dot.gif") no-repeat 0 8px; width:70%;}
.notice .list_box li span.date { position:absolute; top:0; right:0; color:#666;}

/* 행사일정 */
.schedule{ position:relative; width:255px; height:235px; background:#5AA838; float:left; overflow:hidden;}
.schedule .date_view{ position:relative; width:100%; margin:30px auto 10px; text-align:center; float:left; }
.schedule .date_view a{ position:absolute; top:4px; display:block; font-size:0; line-height:0; width:15px; height:15px; }
.schedule .date_view a.pre{ left:50px; background:url(/images/template/02340/main/btn_c_prev.png) no-repeat;}
.schedule .date_view a.next{ right:50px; background:url(/images/template/02340/main/btn_c_next.png) no-repeat;}
.schedule .date_view span{ line-height:22px; font-weight:bold; font-family:"NanumBold"; font-size:14px; font-weight:bold; color:#fff;}
.schedule .inner{ margin:0 auto;}
.schedule table{ width:85%; margin:0 auto;}
.schedule table th, 
.schedule table td{ margin:0; padding:0}
.schedule table thead th{color:#fff; font-size:12px; line-height:26px; }
.schedule table tbody td{ color:#fff; font-size:12px; line-height:19px; padding:2px 0; text-align:center}
.schedule table tbody td .today{ display:inline-block; width:19px; height:19px; background:url(/images/template/02340/main/schd_today.png) no-repeat 50% 50%; color:#fff;}
.schedule table tbody td .check{ display:inline-block; width:19px; height:19px; background:url(/images/template/02340/main/schd_check.png) no-repeat 50% 50%; color:#fff;}

/*오늘의 식단*/
.meal_menu{ position:relative; width:267px; height:235px; background:#ededed; float:left; overflow:hidden;}
.meal_menu h2{ font-size:16px; font-family:"NanumBold"; color:#333; padding:35px 0 15px 25px}
.meal_menu p{ width:80%; text-align:center; background-color:#FE8E02; line-height:30px; color:#fff; font-weight:bold; margin-left:10%;border-radius:15px}
.meal_menu .meal_list{margin:20px;margin-top:10px;background-color:#FFF;height:80px;padding:10px;overflow-y: auto;}
.meal_menu li a{ color:#333; font-size:12px; font-family:'돋움',Dotum; line-height:19px;}

.meal_menu .btn_more{ position:absolute; top:30px; right:30px; width:41px; height:30px; font-size:0; text-indent:-10000em; background:url("/images/template/02340/main/btn_more.gif") no-repeat;}

/* 학교앨범 */
.gallery{ position:relative; width:498px; height:235px; background:#0EA0DC; overflow:hidden; float:left; }
.gallery h2{font-size:16px; font-family:"NanumBold"; padding:35px 0 20px 30px; color:#fff; }
.gallery .btn_more{ position:absolute; top:20px; right:30px; width:41px; height:30px; font-size:0; text-indent:-10000em; background:url("/images/template/02340/main/btn_more2.gif") no-repeat;}
.gallery ul.gall_list{ padding:0 30px; overflow:hidden; height:125px;}
.gallery ul.gall_list li{ float:left; width:130px; margin-left:15px;}
.gallery ul.gall_list li:first-child { margin-left:0;}
.gallery ul.gall_list li a{ color:#fff; font-size:12px; font-family:'돋움',Dotum;}
.gallery ul.gall_list li a:hover{ text-decoration:underline}
.gallery ul.gall_list li a .img{ display:block}
.gallery ul.gall_list li a .img img{ width:140px; height:95px}
.gallery ul.gall_list li a .txt{ display:block; padding:15px 0 5px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 배너존 */
.banner_zone{ position:relative; width:1020px; height:70px; background-color:#fff; margin:25px 0; border:1px solid #ddd; float:left;overflow:hidden;}
.banner_zone h2{ font-size:15px; font-family:"NanumBold"; color:#1d1d1d; position:absolute; top:17px; left:30px;}
.banner_zone .btn{ position:absolute; left:30px; top:40px}
.banner_zone .btn a{ float:left; font-size:0; text-indent:-10000em; width:14px; height:15px; vertical-align:top}
.banner_zone .btn a.pre{background:url(/images/template/02340/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/template/02340/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/template/02340/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/template/02340/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:15px; margin-left:120px; height:40px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:18px;}
.banner_zone ul li a img{ width:155px; height:40px}
 
@media (max-width: 800px) {
	
	#container,
	.main_content,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; margin-top:0; padding-top:85px; background:#d2dce6; }
	.main_content { width:95%; height:100%; }
		
	.main_visual, .notice, .schedule, .M_link, .meal_menu, .gallery, .pop, .banner_zone{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}

	/* 팝업존 */
	.pop{ width:50%; padding:0 30px; box-sizing:border-box;}
	.pop .nss_pg{ right:30px}
	.pop .pop_img li{ width:100%;}

	/* 바로가기 */
	.M_link{ width:50%; border-top:0;}
	
	/* 공지사항 */
	.notice { width:100%; border-top:0 }
	
	/* 행사일정 */
	.schedule{ width:50%;}

	/*오늘의 식단*/
	.meal_menu{ width:50%}

	
	/* 학교앨범 */
	.gallery{ width:100%; }
	.gallery ul.gall_list li{width:32%; margin-left:2%;}
	.gallery ul.gall_list li:first-child { margin-left:0;}
	.gallery ul.gall_list li a .img img{ width:100%; height:95px}
	
	/* 배너존 */
	.banner_zone{ width:100%; }
	.banner_zone ul{ margin-left:100px; }
	.banner_zone ul li{width:-webkit-calc(32% - 10px); width:-moz-calc(32% - 10px); width:calc(32% - 10px); margin-left:10px;}
	.banner_zone ul li a img{ width:100%}
	
}

@media (max-width:680px) {	

}

@media (max-width:560px) {	

	/* 팝업존 */
	.pop { width:100%;}

	/* 바로가기 */
	.M_link{ width:100%; }
	
	/* 공지사항 */
	.notice { width:100%; }

	/* 행사일정 */
	.schedule{ width:100%;}

	/*오늘의 식단*/
	
	.meal_menu{ width:100%};
	
	/* 학교앨범 */
	.gallery{ width:100%; }
	
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(48% - 10px); width:-moz-calc(48% - 10px); width:calc(48% - 10px);}
		
}

@media (max-width: 380px) {	
			
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(95% - 10px); width:-moz-calc(95% - 10px); width:calc(95% - 10px);}

}