@charset "utf-8";

@import url(common.css);

#container {position:relative; background:#ddf1ff}
#container:after {content:""; display:block; clear:both}

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

/* 메인비주얼 */
.main_visual_wrap {position:relative; width:100%; height:210px; background-color:#ddf1ff}
.main_visual {position:relative; width:980px; margin:0 auto; text-align:left}
.main_visual p {width:100%}
.main_visual p img {width:100%}


/* 퀵메뉴 */
.w_quick {position:absolute; top:0; right:-140px; width:110px; padding:0 2px 2px; background-color:#b0b0b0; border-radius:6px}
.w_quick h2 {margin:10px 24px; text-align:center; font-size:13px; font-family:"NanumBold"; color:#fff}
.w_quick ul {width:100%; padding:7px 0; margin:0 auto; background-color:#fff; border-radius:6px}
.w_quick ul li {margin:0 5px 5px; padding-top:7px; line-height:16px; border-top:1px dashed #b0b0b0}
.w_quick ul li:first-child {border-top:0}
.w_quick ul li a {display:block; letter-spacing:-1px; font-size:11px; font-family:'돋움',Dotum; color:#666}
.w_quick ul li a img {margin:0 5px}
.w_quick ul li a:hover {text-decoration:underline}

.quickMenu .inBox {width:100%; padding:7px 0; margin:0 auto; background-color:#fff; border-radius:6px}
.quickMenu .inBox p {margin:5px; letter-spacing:-1px; font-size:11px; font-family:'돋움',Dotum; color:#666}
.quickMenu .inBox p a {display:block; margin-bottom:7px; color:#666; background-repeat:no-repeat; background-position:0 0}
.quickMenu .inBox p a:hover {text-decoration:underline}
.quickMenu .inBox p a img {display:inline-block; padding:4px}


.cont_01 {position:relative; float:right; width:480px}
.cont_02 {position:relative; float:left; width:480px; margin:20px 0 0 20px}


/* 공지사항 */
.noticeWrap {position:relative; float:left; width:480px; height:460px; background-color:#00954f}
.notice {position:relative; float:left; width:96%; height:230px; margin:0 2% 10px; border-bottom:1px solid #33aa72}  
.notice.type2 {border-bottom:0}
.notice h2 {margin-left:100px; font-size:16px; font-family:"NanumBold"; letter-spacing:-1px}
.notice h2 a {display:block; position:absolute; top:0; width:80px; line-height:55px; color:#b3dcc9}
.notice .btn_more {position:absolute; top:0; right:0; width:55px; height:55px; text-indent:-10000px; background:url('/images/template/02098/main/btn_more.png') no-repeat 50% 50%; z-index:10 }
.notice .imgBg {position:absolute; display:block; top:80px; left:0}
.notice h2.tit_1 a {left:100px}
.notice h2.tit_2 a {left:180px}
.notice h2 a.current {color:#fff} 
.notice .list_box.on {display:block}
.list_box {display:none; overflow:hidden; margin:65px 15px 0 100px}
.list_box li {position:relative;  font-family:"돋움",Dotum; font-size:12px; line-height:26px; *line-height:26px; overflow:hidden}
.list_box li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff}
.list_box li a:hover {text-decoration:underline;}
.list_box li span.text {float:left; width:70%; padding-left:8px; background:url('/images/template/02098/main/notice_dot.gif') no-repeat 0 12px}
.list_box li span.date {position:absolute; top:0; right:0; color:#cbe2f2}


/* 바로가기 */
.link_wrap.type1 {position:relative; float:left; width:230px; height:220px}
.link_wrap.type1 ul {width:100%}
.link_wrap.type1 li {position:relative; text-align:left; height:109px; background-color:#00a1b9; border-top:1px solid #80d0dc}
.link_wrap.type1 li:first-child {border-top:1px solid #00a1b9}
.link_wrap.type1 li a {display:block; line-height:108px; color:#fff}
.link_wrap.type1 li a:hover {text-decoration:underline}
.link_wrap.type1 li a p {margin:0 0 0 20px; letter-spacing:-1px; font-size:20px; font-family:"NanumBold"}
.link_wrap.type1 li a img {position:absolute; top:25px; right:20px}

/* 영양소식 */ 
.meal_menu {position:relative; float:right; overflow:hidden; width:224px; height:214px; background-color:#fff; border:3px solid #f39200}
.meal_menu h2 {padding:10px 20px 0 20px; line-height:24px; font-size:20px; font-family:"NanumBold"; color:#f08300}
.meal_menu h3 {padding:15px 20px 0 20px; line-height:24px; font-size:16px; font-family:"NanumBold"; color:#7e6d58}
.meal_menu .btn_more {position:absolute; top:25px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02098/main/btn_more.png') no-repeat 0 0; z-index:10;overflow-y: auto;}
.meal_menu p.today{margin:15px 20px 0; line-height:22px; text-align:center; font-size:12px; font-family:"돋움",Dotum; color:#fff; background-color:#f08300}
.meal_menu .list {margin:10px 30px 0; z-index:10; height:80px;}
.meal_menu .list li {float:left; padding:0 10px 0 2px; line-height:20px; font-size:12px; font-family:'돋움',Dotum; color:#;overflow:hidden; text-overflow:ellipsis; }
.meal_menu .imgBg {position:absolute; top:10px; right:10px; z-index:1}
/* 170217 수정 */
.meal_menu ul {overflow:hidden; margin:10px 20px 0}
.meal_menu ul li {float:left;  width:100%}
.meal_menu ul li a { color:#fff;  font-size:12px; font-family:'돋움',Dotum;}
.meal_menu ul li a:hover {text-decoration:underline}
.meal_menu ul li a .img {display:block;}
.meal_menu ul li a .img img {width:100%; height:80px}
/* 170217 수정 끝 */

/* 팝업존 */
.pop {position:relative; float:left; overflow:hidden; width:230px; height:220px; background-color:#fff}
.pop h2 {height:55px; padding:0 15px; line-height:55px; font-size:16px; font-family:"NanumBold"; color:#444}
.pop .nss_pg {position:absolute; top:15px; right:10px; z-index:7}
.pop .nss_pg > span {position:absolute; font-family:'돋움',Dotum; line-height:28px; color:#666; font-size:12px; left:-60px; display:inline-block; width:50px; text-align:right}
.pop .nss_pg > span strong{ color:#0588be}
.pop .nss_pg a {display:block; float:left; font-size:0; text-indent:-10000em; width:18px; height:18px; margin:0 1px}
.pop .nss_pg a.pre { background:url('/images/template/02098/main/btn_prev.png') no-repeat; }
.pop .nss_pg a.stop{ background:url('/images/template/02098/main/btn_stop.png') no-repeat; }
.pop .nss_pg a.next{ background:url('/images/template/02098/main/btn_next.png') no-repeat; }
.pop .nss_pg a.list{ background:url('/images/template/02098/main/btn_list.png') no-repeat; }
.pop .pop_img {position:relative}
.pop .pop_img li {display:none; width:100%; height:100%; text-align:center; margin:0 auto}
.pop .pop_img li img {width:100%; height:100%; vertical-align:middle;}
.pop .pop_img li.on{ display:block}

/* 학교기사 */
.news {position:relative; float:right; overflow:hidden; width:230px; height:220px; background-color:#00b0a0}
.news h2 {height:55px; padding:0 15px; line-height:55px; font-size:16px; font-family:"NanumBold"; color:#fff}
.news .nss_pg {position:absolute; top:15px; right:10px; z-index:7}
.news .nss_pg > span {position:absolute; font-family:'돋움',Dotum; line-height:28px; color:#666; font-size:12px; left:-60px; display:inline-block; width:50px; text-align:right}
.news .nss_pg > span strong{ color:#0588be}
.news .nss_pg a {display:block; float:left; font-size:0; text-indent:-10000em; width:18px; height:18px; margin:0 1px}
.news .nss_pg a.pre { background:url('/images/template/02098/main/btn_prev.png') no-repeat; }
.news .nss_pg a.stop{ background:url('/images/template/02098/main/btn_stop.png') no-repeat; }
.news .nss_pg a.next{ background:url('/images/template/02098/main/btn_next.png') no-repeat; }
.news .nss_pg a.list{ background:url('/images/template/02098/main/btn_list.png') no-repeat; }
.news ul {overflow:hidden; margin:10px 15px 0}
.news ul li {float:left; width:100%}
.news ul li a {color:#fff; font-size:12px; font-family:'돋움',Dotum;}
.news ul li a:hover {text-decoration:underline}
.news ul li a .img {display:block}
.news ul li a .img img {width:100%; height:100px}
.news ul li a .txt {display:block; margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff}
.news ul li.pcNone {display:none}
.news .btn_more {position:absolute; top:0; right:0; width:55px; height:55px; text-indent:-10000px; background:url('/images/template/02098/main/btn_more.png') no-repeat 50% 50%; z-index:10 }/* 170404 추가 */


/* 행사일정 */ /* 170217 전체수정 */
.schedule {position:relative; float:left; overflow:hidden; width:480px; height:230px; margin-top:20px; background-color:#006837; clear:both}
.schedule h2{font-size:16px; font-family:"NanumBold"; line-height:30px; color:#fff; padding:20px 0 0 25px }
/*.schedule .btn_more{ position:absolute; left:90%; top:25px; width:23px; height:23px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/template/02098/main/btn_more02.png) no-repeat;}*/
.schedule .btn_more{ position:absolute; width:100%; height:100%; text-indent: -10000px; z-index: 100; }

/*.schedule .listbox{ width:90%; font-family:'돋움',Dotum; font-size:12px; color:#fff; margin:8px 0 0 25px; height:150px; }*/
.schedule .sch_list { width:40%; font-family:'돋움',Dotum; font-size:12px; color:#fff; margin:8px 0 0 25px; height:150px; }
.schedule .sch_list ul{padding:0 13px 0 0; height:100px; overflow:hidden; overflow-y:auto; clear:both;}
.schedule .sch_list ul li{ line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.schedule table{ width:100%; margin:0 auto; font-family:'돋움',Dotum;}
.schedule table thead th{ color:#fff; font-size:12px; font-weight:normal; letter-spacing:-1px; line-height:35px; background-color:#00a651}
.schedule table tbody tr:first-child td { padding:10px 0 0}
.schedule table tbody td{ color:#222; font-size:12px; line-height:22px; text-align:center}
.schedule table tbody td .check{ display:inline-block; width:19px; line-height:22px; color:#222; background:url(/images/template/02098/main/schd_check.gif) no-repeat center center; }
.schedule table tbody td .today{ display:inline-block; width:19px; line-height:22px; color:#222; background:url(/images/template/02098/main/schd_today.gif) no-repeat center center; }
/* 170217 전체수정 끝 */

/* 행사일정 */
/*.schedule {position:relative; float:left; overflow:hidden; width:480px; height:153px; margin-top:20px; background-color:#006837; clear:both}*/
.schedule {position:relative;float:left;overflow:hidden;width:480px;height: 134px;margin-top:20px;background-color:#006837;}
.schedule h2 {padding:20px 25px 0; margin-bottom:15px; line-height:24px; font-size:16px; font-family:"NanumBold"; color:#fff}
.schedule .date_view {position:relative; float:left; width:100px; height:100%; margin-right:15px; text-align:center; font-family:"NanumBold"; vertical-align:middle}
.schedule .date_view .sch_year {display:block; margin:15px 0 10px; line-height:16px; font-size:16px; color:#fff}
.schedule .date_view .sch_month {display:block; width:62px; height:62px; margin:0px 22px; line-height:62px; font-size:28px; color:#ffb431; background-color:#094b2c; border-radius:62px}
.schedule .date_view a {display:block; position:absolute; top:60px; width:18px; line-height:22px; color:#094b2c; font-size:16px; font-family:"NanumBold"; vertical-align:middle}
.schedule .date_view a.pre {left:0}
.schedule .date_view a.next {right:0}
/*.schedule .list{overflow:hidden; float:left; width:70%; height:153px; padding:10px 0; font-family:'돋움',Dotum; font-size:12px; color:#fff; overflow-y:auto}*/
.schedule .sch_list{overflow:hidden;float:left;width:70%;height: 134px;padding:10px 0;font-family:'돋움',Dotum;font-size:12px;color:#fff;overflow-y:auto;}
.schedule .sch_list li {line-height:22px; background:url('../images/main/notice_dot.gif') no-repeat 0 10px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color :#fff;}

/* 바로가기 *//* 170217 전체수정 */
/*.link_wrap.type2 {position:relative; float:right; width:480px; height:230px;  margin-top:20px}*/
.link_wrap.type2 {position:relative;float:right;width:480px;height: 134px;margin-top:20px;} 
.link_wrap.type2 ul {width:100%}
/*.link_wrap.type2 li {position:relative; float:left; width:50%; height:76px;   text-align:left; background-color:#1c90ca}*/
.link_wrap.type2 li {position:relative; float:left; width:50%; height:67px;   text-align:left; background-color:#1c90ca}
/*.link_wrap.type2 li a {display:block; line-height:75px; *line-height:59px;  color:#fff; border:1px solid #1a6388}*/
.link_wrap.type2 li a {display:block;line-height: 66px; *line-height:59px;color:#fff;border:1px solid #1a6388;}
.link_wrap.type2 li.link_02 a, .link_wrap.type2 li.link_04 a , .link_wrap.type2 li.link_06 a {border-left:0}
.link_wrap.type2 li a:hover {text-decoration:underline}
.link_wrap.type2 li a p {margin:0 0 0 70px; letter-spacing:-1px; font-size:16px; font-family:"NanumBold"}
.link_wrap.type2 li a img {position:absolute; top:20px; left:20px}
/* 170217 전체수정 끝 */


/* 행사사진 */
.gallery {position:relative; float:left; overflow:hidden; width:100%; margin-top:20px; background:url('/images/template/02098/main/photo_bg.gif') repeat-x 0 20px}/* 170412 */
/*.gallery {position:relative; float:left; overflow:hidden; width:100%; margin-top:20px; background:url('/images/template/02098/main/photo_bg.gif') repeat-x 0 0}*/
.gallery h2 {width:100px; height:26px; margin:0 auto 10px; line-height:26px; text-align:center; font-size:16px; font-family:"NanumBold"; color:#404040; background-color:#ddf1ff}
.gallery .btn_more {position:absolute; top:25px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02098/main/btn_more.png') no-repeat 0 0; z-index:10 }
.gallery ul {overflow:hidden; margin:0 15px}
.gallery ul li {float:left; width:22%; margin-left:4%}
.gallery ul li:first-child {margin-left:0}
.gallery ul li a {color:#333; font-size:12px; font-family:'돋움',Dotum}
.gallery ul li a:hover {text-decoration:underline}
.gallery ul li a .img {display:block}
.gallery ul li a .img img {width:100%; height:125px}
.gallery ul li a .txt {display:block; margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.gallery ul li.pcNone {display:none}
.gallery .btn_more {position:absolute; top:5px; right:15px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02098/main/btn_more03.png') no-repeat 0 0; z-index:10}/* 170412 */

/* 배너존 */
.bannerWrap {position:relative; width:100%; margin-top:30px; background-color:#fff; border-top:1px solid #ddd}
.banner_zone {position:relative; width:980px; height:70px; margin:0 auto; overflow:hidden;}
.banner_zone h2{ font-size:15px; font-family:"NanumBold"; color:#1d1d1d; position:absolute; top:17px; left:20px;}
.banner_zone .btn{ position:absolute; left:20px; 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/02098/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/template/02098/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/template/02098/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/template/02098/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:15px; margin-left:110px; height:40px;}
.banner_zone ul li{ float:left; margin-left:15px;}
.banner_zone ul li a img{ width:155px; height:40px}





@media (max-width: 800px) {
	
	#container, .main_content, .meal_menu, .link_wrap.type1 li, .link_wrap.type2 li a,
	.banner_zone {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.main_visual_wrap,  .main_visual,
	.noticeWrap, .notice, .link_wrap, .link_wrap li, .meal_menu, .pop, .news, .schedule, .gallery
	.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}
	
	#container {width:100%; padding-top:68px}
	.main_content {width:100%; margin:0 auto; height:100%}
	
	
	/* 메인비주얼 */
	.main_visual_wrap {height:auto}
	.main_visual {width:100%}
	
	.w_quick {display:none}
	
	.cont_01 {width:26%; margin-right:2%}
	.cont_02 {width:96%; margin:20px 2%}/* 170217 수정 */
	
	/* 공지사항 */
	.noticeWrap {width:68%; margin-left:2%}
	.notice .btn_more {border:0}
	.notice .imgBg img {width:78px; height:78px}
	
	/* 바로가기 */
	.link_wrap.type1 {float:none; width:100%}
	.link_wrap.type1 li a p {font-size:18px}
	
	/* 영양소식 */ 
	.meal_menu {float:none; width:100%; height:220px; margin-top:20px}
	.meal_menu h2 {padding:5px 10px 0 10px; line-height:24px; font-size:18px}
	.meal_menu h3 {padding:15px 10px 0 10px; line-height:20px; font-size:14px}
	.meal_menu p.today {margin:15px 10px 0}
	.meal_menu .list {margin:10px 10px 0; z-index:10}
	
	/* 팝업존 */
	.pop {width:49%}
	.pop .pop_img li img {height:220px}
	
	/* 학교기사 */
	.news {width:49%}
	
	/* 행사일정 */ /* 170217 전체수정 */
	.schedule {width:96%;  height:220px; left:2%;  margin:0 0 20px}

	
	/* 바로가기 */ /* 170217 전체수정 */
	.link_wrap.type2 {float:left; width:96%; height:120px; margin:0 2%}
	/*.link_wrap.type2 li {width:33.3%; height:60px}*/
        .link_wrap.type2 li {width:50%; height:60px}
	.link_wrap.type2 li a {line-height:59px}
	.link_wrap.type2 li.link_03 a ,.link_wrap.type2 li.link_05 a  {border-left:0}
	.link_wrap.type2 li a p {margin:0 10px; font-size:14px; text-align:center}
	
	/* 행사사진 */
	.gallery {width:96%; margin:20px 2% 0}
	.gallery ul {margin:0 auto}

	
	/* 배너존 */
	.banner_zone {width:100%; margin:15px 0 0}
	.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: 690px) {
	
	.cont_01, .cont_02 {float:left; width:96%; margin:2% 2% 0}
	
	
	/* 공지사항 */
	.noticeWrap {width:100%; margin:0}
	
	/* 바로가기 */  /* 170217 수정 */
	.link_wrap.type1 {float:left; width:49%; height:auto}
	.link_wrap.type1 li {height:110px}
	.link_wrap.type1 li a {line-height:110px}
	.link_wrap.type1 li a p {font-size:18px}
	.link_wrap.type1 li a img {top:30px}
	
	/* 영양소식 */ 
	.meal_menu {float:right; width:49%; margin-top:0}  /* 170217 수정 */
	
	/* 학교기사 */
	.news {width:49%}
	.news ul li {float:left; width:49%; margin-left:2%}
	.news ul li:first-child {margin-left:0}
	.news ul li.pcNone {display:block}
	
	/* 행사일정  /* 170217 수정 */
	.schedule { margin-top:20px;}
	.schedule .sch_list {width:67%;} 
	
	/* 바로가기 */  /* 170217 수정 */
	.link_wrap.type2 li a img { display:none;}
	.type2.link_wrap li a p { font-size:12px}
	/*.link_wrap.type2 {height:auto; margin:2% 2% 0}
	.link_wrap.type2 li {width:50%}
	.link_wrap.type2 li a {line-height:40px; border-top:0; border-left:0}
	.link_wrap.type2 li.link_03 a, .link_wrap.type2 li.link_04 a {border-bottom:0}
	.link_wrap.type2 li a p {margin:0 10px; font-size:14px; text-align:left}
	.link_wrap.type2 li a img {display:block; top:5px; left:86%}
	
	/* 행사사진 */
	.gallery {margin:4% 2% 0}
		
	
	
}

@media (max-width: 600px) {	
	
	
	
}
@media (max-width: 480px) {
	
	/* 공지사항 */
	.noticeWrap {height:410px}
	.notice {height:200px}
	.notice h2.tit_1 a {left:80px}
	.notice h2.tit_2 a {left:160px}
	.notice .imgBg img {width:68px; height:68px}
	/*.list_box {margin:0 15px 0 80px}*/
	
	/* 바로가기 */
	.link_wrap.type1 {width:100%}
	
	/* 영양소식 */ 
	.meal_menu {width:100%; margin-top:10px}
	
	/* 팝업존 */
	.pop {width:100%; height:200px}
	
	/* 학교기사 */
	.news {width:100%; height:180px; margin-top:10px}
	.news ul {margin-top:0}
	.news ul li a .img img {height:80px}
	
	/* 행사일정 */ /* 170217 전체수정 */
	/* .schedule {width:100%} 
	.schedule .date_view {width:30%}
	.schedule .date_view .year {font-size:14px}
	.schedule .date_view .month {width:52px; height:52px; line-height:52px; font-size:20px}
	.schedule .date_view a.pre {left:5%}
	.schedule .date_view a.next {right:5%}*/
	.schedule .sch_list {float:left; width:54%; height:130px}
	
	/* 바로가기 */
	.link_wrap.type2 li a img {left:75%}
	
	/* 행사사진 */
	.gallery ul li a .img img {height:85px}
		
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(95% - 10px); width:-moz-calc(95% - 10px); width:calc(95% - 10px);}
	
}

@media (max-width: 380px) {

}