@charset "utf-8";

@import url(common.css);

#container {position:relative; z-index:2}
#container:after {content:""; display:block; clear:both}

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

/* 메인비주얼 */
.main_visual_wrap {position:relative; width:100%; height:355px; background:url('/images/template/02089/main/bg_01.gif') repeat 0 0; border-bottom:2px solid #0b54a1}
.main_visual {position:relative; width:1020px; margin:0 auto; text-align:center}
.main_visual p {width:100%}
.main_visual p img {width:100%}

/* 통합공지사항
.noticeAll {position:absolute; top:-230px; right:-260px; width:265px; height:210px; background-color:#00b0a0}
.noticeAll h2 {height:35px; line-height:35px; margin:0; padding:0 20px; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px}
.noticeAll h2 a {display:inline-block; color:#fff}
.noticeAll .btn_more {position:absolute; top:2px; right:0; width:30px; height:30px; text-indent:-10000px; background:url('../images/main/btn_more.png') no-repeat 50% 50%; z-index:10 }
.noticeAll .list_box {overflow:hidden; margin:5px 10px 0; padding:10px; background-color:#fff; border-radius:4px;}
.noticeAll .list_box li {position:relative;  font-family:"돋움",Dotum; font-size:12px; line-height:22px; *line-height:22px; overflow:hidden}
.noticeAll .list_box li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333}
.noticeAll .list_box li a:hover {text-decoration:underline;}
.noticeAll .list_box li span.text {float:left; width:70%; padding-left:8px; background:url('../images/main/notice_dot.gif') no-repeat 0 8px}
.noticeAll .list_box li span.date {position:absolute; top:0; right:0; color:#727272} */


/* 공지사항 */
.notice {position:relative; float:left; width:420px; height:210px; margin-top:30px}  
.notice h2 {margin:0; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px} /* 20161230 */
.notice h2 a {display:block; position:absolute; top:0; width:100px; line-height:35px; text-align:center; color:#515151; background-color:#eee}
.notice h2.tit_1 a {left:0}
.notice h2.tit_2 a {left:101px}
.notice h2.tit_3 a {left:202px}
.notice h2 a.current {color:#fff; background-color:#006bb6} 
.notice .btn_more {position:absolute; top:10px; right:0; width:17px; height:17px; text-indent:-10000px; background:url('/images/template/02089/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.notice .list_box.on {display:block}     
.notice .list_box {display:none; overflow:hidden; padding:15px 5px 0; border-top:2px solid #006bb6; margin-top:35px; } /* 20161230 */
.notice .list_box li {position:relative;  font-family:"돋움",Dotum; font-size:12px; line-height:26px; *line-height:26px; overflow:hidden}
.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; width:70%; padding-left:8px; background:url('/images/template/02089/main/notice_dot.gif') no-repeat 0 8px}
.notice .list_box li span.date {position:absolute; top:0; right:0; color:#727272}

/* 행사사진 */
.gallery {position:relative; float:left; width:265px; height:210px; margin:30px 0 0 35px}
.gallery h2 {height:35px; margin:0; line-height:35px; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px}
.gallery .btn_more {position:absolute; top:10px; right:0; width:17px; height:17px; text-indent:-10000px; background:url('/images/template/02089/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.gallery ul {overflow:hidden; border:1px solid #ddd}
.gallery ul li {float:left; width:50%; *width:49%; text-align:center}
.gallery ul li:first-child {margin-left:0}
.gallery ul li a {color:#424242; 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:85px}
.gallery ul li a .txt {display:none; margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery ul li.pcNone {display:none}

/* 행사일정 */
.schedule {position:absolute; top:30px; right:0; overflow:hidden; width:265px; height:210px}
.schedule h2 {height:35px; margin:0; line-height:35px; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px}
.schedule .btn_more {position:absolute; top:10px; right:0; width:17px; height:17px; text-indent:-10000px; background:url('/images/template/02089/main/btn_more.gif') no-repeat 0 0; z-index:10}  
.scheduleBox {width:100%; margin:0 auto}
.schedule .date_view {text-align:center; line-height:24px; font-size:11px; font-family:'돋움',Dotum; background-color:#b282be; vertical-align:middle}
.schedule .date_view span {margin:0 6px 0; line-height:18px; font-size:11px; font-weight:bold; color:#fff}
.schedule .date_view a {display:inline-block; width:18px; height:18px; font-size:14px; font-family:"NanumBold"; color:#fff}
.schedule .inner {position:relative; margin:0 auto; border-top:2px solid #743b87}
.schedule table {width:100%; font-size:11px; font-family:'돋움',Dotum}
.schedule table th, .schedule table td {line-height:18px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd}
.schedule table thead th {padding:2px 0 0; letter-spacing:-1px; color:#a9c9e8}
.schedule table tbody td {padding:2px 0 0; text-align:center; letter-spacing:-1px; vertical-align:middle; color:#2c2e32; background-color:#fff; }
.schedule table tbody td .chack {display:inline-block; width:15px; height:15px; color:#fff; background:url('/images/template/02089/main/schd_check.png') no-repeat center center}

/* 영양소식 */ 
.meal_menu {position:absolute; top:260px; right:0;  width:265px; height:140px}
.meal_menu h2 {height:35px; margin:0;  line-height:35px; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px}
.meal_menu .btn_more {position:absolute; top:10px; right:0; width:17px; height:17px; text-indent:-10000px; background:url('/images/template/02089/main/btn_more.gif') no-repeat 0 0; z-index:10}  
.meal_menu p.today {text-align:center; line-height:26px; font-size:11px; font-family:'돋움',Dotum; font-weight:bold; color:#fff; background-color:#f39200; vertical-align:middle; border-bottom:2px solid #e23b00}
.meal_menu .meal_list {height:76px; padding:0; border:1px solid #ddd; border-top:0 ; overflow:auto;}
.meal_menu .meal_list p {padding:10px 20px; font-size:12px; font-family:'돋움',Dotum; line-height:20px; }

/* 바로가기 */
.link_wrap {position:relative; float:left; width:720px; height:140px; margin-top:20px; background-color:#dae7f1; border-top:0; clear:both}
.link_wrap ul {overflow:hidden; margin:5px; height:130px; background-color:#fff}
.link_wrap li {float:left; width:20%; text-align:center} 
.link_wrap li a {display:block; color:#010101}
.link_wrap li a:hover {text-decoration:underline}
.link_wrap li a p {margin:10px 0 20px; letter-spacing:-1px; font-size:13px; font-family:"Nanum"}
.link_wrap li a img {margin-top:20px}


/* 배너존 */
.banner_zone_wrap {width:100%; background-color:#fff; border-top:1px solid #e7e7e7}
.banner_zone {position:relative; width:1020px; padding:10px 0; margin:0 auto; overflow:hidden;}
.banner_zone h2 {position:absolute; top:25px; left:15px; font-size:15px; font-family:"NanumBold"; color:#1d1d1d}
.banner_zone .btn {position:absolute; top:25px; left:90px}
.banner_zone .btn a {float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin:0 2px; vertical-align:top}
.banner_zone .btn a.pre {background:url('/images/template/02089/main/btn_b_prev.gif') no-repeat}
.banner_zone .btn a.stop{background:url('/images/template/02089/main/btn_b_stop.gif') no-repeat;}
.banner_zone .btn a.next{background:url('/images/template/02089/main/btn_b_next.gif') no-repeat}
.banner_zone .btn a.list{background:url('/images/template/02089/main/btn_b_list.gif') no-repeat}
.banner_zone ul {margin-left:170px; height:48px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:15px;}
.banner_zone ul li a img {width:153px; height:48px}





@media (max-width:800px) {
	
	#container, .main_content, 
	.notice, .pop, .gallery, .link_wrap, .link_wrap li, 
	.banner_zone  {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.main_visual, .main_content, .main_visual,
	.notice, .pop, .gallery, .link_wrap, .meal_menu,
	.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:96%; margin:0 auto; height:100%; min-height:670px; }
	
	/* 메인비주얼 */
	.main_visual_wrap {height:auto}
	.main_visual {width:100%; height:auto}
	
	/* 통합공지사항 
	.noticeAll {position:relative; top:0; right:0; left:0; width:100%; margin-top:20px}*/
	
	/* 공지사항 */
	.notice {width:100%; margin-top:30px}  
	
	/* 행사사진 */
	.gallery {width:100%; height:auto; margin:20px 0 20px 0}
	.gallery ul {border:0}
	.gallery ul li {width:23%; margin-left:2%; text-align:center}
	.gallery ul li:first-child {border-left:0}
	
	
	/* 행사일정 */
	.schedule {position:relative; top:0; left:0; float:left; width:48%}
	
	/* 영양소식 */ 
	.meal_menu {top:400px; width:48%; height:auto}
	.meal_menu .meal_list {height:146px}

	/* 바로가기 */
	.link_wrap {width:100%; margin:20px 0;}
	
	/* 배너존 */
	.banner_zone {width:100%}
	.banner_zone ul {}
	.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) {
	
	/* 배너존 */
	.banner_zone h2 {display:none}
	.banner_zone .btn {left:10px}
	.banner_zone ul {margin-left:80px}
	
	
}

@media (max-width: 600px) {	

	/* 행사일정 */
	.schedule {width:100%}
	
	/* 영양소식 */ 
	.meal_menu {position:relative; top:0; left:0; float:left; width:100%; margin-top:20px}
	.meal_menu .meal_list {height:46px}

	/* 바로가기 */
	.link_wrap, .link_wrap ul {height:auto}
	.link_wrap li {height:50px; border-left:1px dashed #3262ad}
	.link_wrap li.link_01, .link_wrap li.link_02, .link_wrap li.link_03, .link_wrap li.link_04 {width:50%; border-bottom:1px dashed #3262ad}
	.link_wrap li.link_01, .link_wrap li.link_03, .link_wrap li.link_05 {border-left:0}
	.link_wrap li.link_05 {width:100%}
	.link_wrap li a {position:relative; padding:5px 25px; line-height:40px; text-align:left}
	.link_wrap li a img {position:absolute; top:-15px; left:10px; width:40px; height:40px; color:#fff}
	.link_wrap li a p {margin:0 0 0 40px}
	
	
	
}


@media (max-width: 480px) {
	
	/* 바로가기 */
	.link_wrap, .link_wrap ul {height:auto}
	.link_wrap li.link_01, .link_wrap li.link_02, .link_wrap li.link_03, .link_wrap li.link_04 {width:100%}
	.link_wrap li {border-left:0}
	
	
	/* 배너존 */
	.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);}
}