@charset "utf-8";
	
/* 알림장 */
.ann_tablet {display:none;}

/* 180713 : 메인비주얼 */
.main_visual {position:relative; width:100%; background:#fff;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute; width:100%; height:26px; left:45%; bottom:25px; }
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:0;}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:block; float:left; width:auto;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {text-indent:-999em; width:26px; height:26px;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/web/hamyangyeo-m/common/btn_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/web/hamyangyeo-m/common/btn_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; top:5px; left:30px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:5px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:16px; height:16px; border:1px solid #333; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#333;}/* 비주얼 버튼 색상 */

/* 바로가기 */
.M_link024 { height:100%; overflow:hidden; border-radius:10px; background:#31a9c1;}
.M_link024 li{ position:relative; float:left; width:100%; height:67px; border-top: 1px solid #51b6ca;}
.M_link024 li a{ display:block; color:#fff; font-family:"NotoR"; font-size:14px; letter-spacing:-1px;  text-align:left; padding:26px 0 0 76px}
.M_link024 li a span { width:100%; height:42px; line-height:16px;}
.M_link024 li a:hover{ font-family:"NotoM";}
.M_link024 li:first-child a{border-left:0; border-top:none;}
.M_link024 li a img{position:absolute; top:12px; left:20px; width:45px; height:44px;} /* 170713 */

/* 행사일정 */
.drawSchedule024 { position:relative; height:100%; border-radius:10px; background:#0f9ce4;}
.drawSchedule024 .icon_h2 { position:absolute; left:20px; top:9px; width:30px; height:27px}
.drawSchedule024 h2 {padding-left:60px; font-size:17px; font-family:'NotoM'; height:45px; line-height:45px; color:#fff; background:#035792; border-radius:10px 10px 0 0;}
.drawSchedule024 .date_view {position:relative; height:30px; margin-top:10px; line-height:30px; font-size:15px; color:#222; font-family:'NotoR'; text-align:center;}
.drawSchedule024 .date_view .year {color:#fffeb7; font-family:'NotoM';}
.drawSchedule024 .date_view .month {color:#fffeb7; font-family:'NotoM';}
.drawSchedule024 .date_view .pre {position:absolute; left:54px; top:5px; width:24px; height:24px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/hamyangyeo-m/main/024_sche_prev.png) no-repeat center;}
.drawSchedule024 .date_view .next {position:absolute; right:54px; top:5px; width:24px; height:24px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/hamyangyeo-m/main/024_sche_next.png) no-repeat center;}
.drawSchedule024 .inner {  border-radius:5px; background:#fff;  margin:10px 25px 0; font-size:12px;}
.drawSchedule024 .inner th {height:24px; background:#035792;  color:#ffffff; }
.drawSchedule024 .inner td {height:15px; line-height:15px; text-align:center; color:#444;}
.drawSchedule024 .inner .sun {color:#ff8b8b;}
.drawSchedule024 .inner .sat {color:#00a2de;}
.drawSchedule024 .inner td a.check {display:block; height:15px; color:#3e649d; font-weight:bold; background:url(/images/web/hamyangyeo-m/main/024_schd_check.png) no-repeat center;}
.drawSchedule024 .inner td a.today {display:block; height:15px; color:#a30d0a; font-weight:bold; background:url(/images/web/hamyangyeo-m/main/024_schd_today.png) no-repeat center;}
.drawSchedule024 .sch_list {position:relative; height:60px; margin:15px 25px; overflow-y:auto;}
.drawSchedule024 .sch_list li {position:relative; line-height:22px; font-size:12px; background:url(/images/web/hamyangyeo-m/main/024_schd_dot01.png) no-repeat left 5px;}
.drawSchedule024 .sch_list li a {display:block; padding-left:60px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.drawSchedule024 .sch_list li a span {position:absolute; left:0; top:0; color:#fff; font-weight:bold;  padding-left:20px;}
.drawSchedule024 .btn_more{position:absolute; right:20px; top:15px; width:16px; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/hamyangyeo-m/main/024_btn_more.png) no-repeat center;}

/* 공지사항01 */
.notice024 { position:relative; height:100%; overflow:hidden; background:#fff; border:1px solid #cbc9c5;  border-top:0; border-radius:10px;}
.notice024 h2 {font-size:14px; font-family:'NotoM';  }
.notice024 h2 a {position:absolute; top:0; width:30%; border-left: 1px solid #bcd790;  height:47px; line-height:47px; display:block; text-align:center; color:#fff; z-index:10;  background:#78ae20; }
.notice024 h2.tit_1 a {left:0; border-left:none;  }
.notice024 h2.tit_2 a {left:30%; }
.notice024 h2.tit_3 a {left:60%; border-right:1px solid #bcd790; }
.notice024 h2 a.current {color:#fff;  background:#449124 url("/images/web/hamyangyeo-m/main/024_noti_on.png") no-repeat 50% 110%;}
.notice024 .list_box.on {display:block; }
.notice024 .list_box { display:none; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice024 .top_list a {position:relative; display:block; padding:70px 20px 15px 20px;  border-bottom:1px dashed #c8d1db;  background: url("/images/web/hamyangyeo-m/main/024_bg_notice.gif") repeat-x left top;  }
.notice024 .top_list a p.img {position:absolute; left:20px; top:73px; width:72px; height:73px;}
.notice024 .top_list a dl { height:100px; margin-left:82px;}
.notice024 .top_list a dl dd {line-height:20px; overflow:hidden;  }
.notice024 .top_list a dl dt {font-size:12px; font-family:'돋움',Dotum; color:#555; font-weight:bold; line-height:20px; overflow:hidden; }
.notice024 .top_list a dl dd {font-size:12px; font-family:'돋움',Dotum; color:#444;}
.notice024 .top_list a dl dd.date { text-align:right; color:#3ca588;}
.notice024 .list_box ul.ul_list { height:100px; margin:18px; overflow:hidden}
.notice024 .list_box ul.ul_list li {position:relative; font-family:'돋움',Dotum; line-height:25px; font-size:12px; overflow:hidden;  padding-left:4px; }
.notice024 .list_box ul.ul_list li a {display:block; width:80%; padding-left:8px; float:left; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/web/hamyangyeo-m/main/024_noti_dot01.png") no-repeat 0 9px;}
.notice024 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice024 .list_box ul.ul_list li span.date {display:block; width:15%; float:right; text-align:right; color:#777; }
.notice024 .btn_more { position:absolute; right:0; top:15px; width:10%; height:16px;  text-indent:-9999em; line-height:0; font-size:0; background:  url(/images/web/hamyangyeo-m/main/024_btn_more.png)  no-repeat 50% 50% }

/* 공지사항02 */
.notice024_2 { position:relative; height:100%;  overflow:hidden; background:#fff; border:1px solid #cbc9c5;  border-top:0; border-radius:10px;}
.notice024_2 h2 {font-size:14px; font-family:'NotoM';  overflow:hidden;}
.notice024_2 h2 a {position:absolute; top:0; width:30%; border-left: 1px solid #e3c8ac;height:47px; line-height:47px; display:block; text-align:center; color:#fff; z-index:10;   background:#ccc012;}
.notice024_2 h2.tit_1 a {left:0; border-left:none;  }
.notice024_2 h2.tit_2 a {left:30%; }
.notice024_2 h2.tit_3 a {left:60%; border-right:1px solid #e3c8ac; }
.notice024_2 h2 a.current {color:#fff;  background:#a39a0e;}
.notice024_2 .list_box.on {display:block; }
.notice024_2 .list_box { display:none; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice024_2 .top_list a {position:relative; display:block; padding:70px 20px 15px 20px;   border-bottom:1px dashed #c8d1db;  background: url("/images/web/hamyangyeo-m/main/024_bg_notice2.gif") repeat-x left top; }
.notice024_2 .top_list a p.img {position:absolute; left:20px; top:73px; width:72px; height:73px;}
.notice024_2 .top_list a dl {height:100px; margin-left:82px;}
.notice024_2 .top_list a dl dd {line-height:20px; overflow:hidden;  }
.notice024_2 .top_list a dl dt {font-size:12px; font-family:'돋움',Dotum; color:#555; font-weight:bold; line-height:20px; overflow:hidden; }
.notice024_2 .top_list a dl dd {font-size:12px; font-family:'돋움',Dotum; color:#444;}
.notice024_2 .top_list a dl dd.date { text-align:right; color:#cc8737;}
.notice024_2 .list_box ul.ul_list { height:100px; margin:18px; overflow:hidden}
.notice024_2 .list_box ul.ul_list li {position:relative; font-family:'돋움',Dotum; line-height:25px; font-size:12px; overflow:hidden; padding-left:4px; }
.notice024_2 .list_box ul.ul_list li a {display:block; width:80%; padding-left:8px; float:left; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/web/hamyangyeo-m/main/024_noti_dot02.png") no-repeat 0 9px;}
.notice024_2 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice024_2 .list_box ul.ul_list li span.date {display:block; width:15%; float:right; text-align:right; color:#777; }
.notice024_2 .btn_more {   position:absolute; right:0; top:15px; width:10%; height:16px;  text-indent:-9999em; line-height:0; font-size:0; background:  url(/images/web/hamyangyeo-m/main/024_btn_more.png)  no-repeat 50% 50%}


/* 팝업존 */
.pop024{ position:relative; height:100%; overflow:hidden;  border-radius:10px; background:#707a88; }
.pop024 h2{font-size:16px; font-family:"NotoM"; padding:17px 0 14px 20px; color:#fff}
.pop024 .nss_pg{ position:absolute; top:17px; right:38px}
.pop024 .nss_pg > span{ position:absolute; font-family:'돋움',Dotum;  color:#fff; font-size:12px; right:100px; display:inline-block; width:50px; text-align:right}
.pop024 .nss_pg > span strong{ color:#ffdb4f}
.pop024 .nss_pg a{ display:block; position:absolute; font-size:0; text-indent:-10000em; width:22px; height:22px;}
.pop024 .nss_pg a.pre{ background:url(/images/web/hamyangyeo-m/main/024_btn_prev.png) no-repeat; right:50px}
.pop024 .nss_pg a.stop{ background:url(/images/web/hamyangyeo-m/main/024_btn_stop.png) no-repeat; right:25px}
.pop024 .nss_pg a.play{ background:url(/images/web/hamyangyeo-m/main/024_btn_play.png) no-repeat; right:25px}
.pop024 .nss_pg a.next{ background:url(/images/web/hamyangyeo-m/main/024_btn_next.png) no-repeat; right:0;}
.pop024 .nss_pg a.list{ background:url(/images/web/hamyangyeo-m/main/024_btn_list.png) no-repeat; right:25px}
.pop024 .pop_img{padding:0 20px 10px; height:145px}
.pop024 .pop_img li{ display:none;}
.pop024 .pop_img li img{ width:100%; height:145px}
.pop024 .pop_img li.on{ display:block}

/* 180713 : 팝업리스트 레이어 추가 */
.pop024 a.list {position:absolute; top:17px; right:13px; display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; background:url('/images/web/hamyangyeo-m/main/024_btn_list.png') no-repeat; }
.pop024 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop024 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop024 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop024 .pop_layer_box .pop_layer ul {height:105px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop024 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop024 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop024 .pop_layer_box .pop_layer a.pop_close {display:block; position:absolute; right:25px; top:15px; padding:5px 10px; font-family:"NotoR"; color:#fff; background:#576c85; border-radius:5px;}

/* 학교앨범 */
.gallery024{ position:relative;  height:100%; overflow:hidden; background:#fff;  border:1px solid #cbc9c5;  border-radius:10px 0 0 10px;}
.gallery024 h2 {font-size:16px; color:#333; font-family:'NotoM'; line-height:30px; margin:20px 0 0 20px; }
.gallery024 .gall_info {display:none;}
.gallery024 .gall_list {margin-top:20px; overflow:hidden; margin-left:20px;}
.gallery024 .gall_list li {width:146px; margin-left:5%; float:left;}
.gallery024 .gall_list li:first-child {margin-left:0;}
.gallery024 .gall_list li a {display:block;}
.gallery024 .gall_list li a:hover{ text-decoration:underline; color:#fff;}
.gallery024 .gall_list li .img img {width:100%; height:90px;}
.gallery024 .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#555;}
.gallery024 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery024 .gall_list li span.date {display:none;}
.gallery024 .btn_more{position:absolute; right:25px; top:28px; width:16px; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/hamyangyeo-m/main/024_btn_more2.png) no-repeat center;}

/*오늘의 식단*/
.meal_menu024 { position:relative; height:100%;  border:solid 1px #cbc9c5;  border-left:0; font-family:"NotoR"; background:#fff; border-radius:0 10px 10px 0;} 
.meal_menu024 h2{font-size:16px; color:#333; font-family:'NotoM'; line-height:30px; margin:20px 0 0 20px;}
.meal_menu024 .btn_more {position:absolute; right:25px; top:28px; width:16px; height:16px; text-indent:-10000px; background:url(/images/web/hamyangyeo-m/main/024_btn_more2.png) no-repeat 0 0; z-index:10}
.meal_menu024 p.kcal{ margin:10px 0 0 20px;  line-height:30px; text-align:left; font-size:14px; color:#fe8581;  font-family:'NotoM';}
.meal_menu024 .meal_list{ float:left; width:40%; height:90px; overflow-y:auto; font-family:'NotoR'; font-size:12px; color:#666; text-align:left; line-height:18px; padding-top:10px; margin:0 auto;}
.meal_menu024 .meal_list p{display:block;}
.meal_menu024 .img{ width:130px; height:90px; margin: 10px 20px 0  20px; padding-top:10px; float:left;}
.meal_menu024 .img img {width:100%; height:90px;}
.meal_menu024 ul li:after{content:"."; display:inline-block;}

/* 배너존 */
.banner_zone{ position:relative;  height:70px; overflow:hidden; background:#fff; border-top: 1px solid #dadada; margin-top:30px; }
.banner_zone .inner {position:relative; width:980px; height:70px; margin:10px auto; overflow:hidden;}
.banner_zone .inner h2  {font-size:15px; font-family:"NotoM"; color:#1d1d1d; position:absolute; top:0; left:0;}
.banner_zone .inner .btn {position:absolute; left:0; top:30px}
.banner_zone .inner .btn a { float:left; font-size:0; text-indent:-10000em; width:14px; height:15px; vertical-align:top}
.banner_zone .inner .btn a.pre {background:url(/images/web/hamyangyeo-m/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/web/hamyangyeo-m/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/web/hamyangyeo-m/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/web/hamyangyeo-m/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/images/web/hamyangyeo-m/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul {padding-top:0; margin-left:80px; height:47px; overflow:hidden;}
.banner_zone .inner ul li { float:left; width:168px;  height:45px; margin-left:8px;}
.banner_zone .inner ul li a img {width:100%; height:45px}

@media (max-width: 800px) {
	
	#container,
	.main_content,
	.M_link024,
	.main_visual,
	.piece_news,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}	
	.notice024, .gallery024, .meal_menu024, .main_visual, .pop024, .drawSchedule024, .M_link024, .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}
	
	/* 알림장 */
	.ann_tablet024 {display:block; border-radius:10px; border: 1px solid #a2bccf; background:#fff;  line-height:40px;   overflow:hidden;}
	.ann_tablet024 h2 {width:15%; text-indent:-9999px; font-size:0;}
	.ann_tablet024 h2 img { position:absolute; left:10px; top:7px;}
	.ann_tablet024 p {width:70%; margin-left:45px; float:left; font-size:13px;}
	.ann_tablet024 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.ann_tablet024 p a:hover { text-decoration:underline;}
	.ann_tablet024 a.btn_more {position:absolute; top:0; right:15px; width:9px; height:41px; display:block; text-indent:-10000em; font-size:0; background:url('/images/web/hamyangyeo-m/main/024_btn_more3.png') no-repeat center; overflow:hidden;}
	
	
	/* 메인비쥬얼 */
	.main_visual  {width:100%; height:auto; margin-top:20px;}
	.main_visual img{width:100%; height:auto;}
	
	/*학교앨범*/
	.gallery024 .gall_list li{width:45%;}
	
	/* 	바로가기 */
	.M_link024 { width:100%; height:auto;}
	.M_link024 li{ width:33.3%; border:none;}
	.M_link024 li a { font-size:13px; margin-left:-10px; padding:25px 0 0 86px;}
	.M_link024 li a img { height:auto;}  /* 170713 */
	

	/* 배너존 */
	.banner_zone .inner{width:95%;}
	.banner_zone .inner ul li {width:23%; float:left; margin-left:2%;}
	.banner_zone .inner ul li a {display:block;width:100%;height:100%; border:1px solid #c8d1db;}
	.banner_zone .inner ul li a img {width:100%; height:45px}

}


@media (max-width: 680px) {
	
	/* 	바로가기 */
	.M_link024 li{ width:50%; border:none;}
	
		/* 배너존 */
	.banner_zone .inner ul {margin:0 20px 0 90px;}
	.banner_zone .inner ul li {width:32%; margin-left:1%;}
}

@media (max-width: 580px) {	
	/* 배너존 */
	.banner_zone {margin-top:10px;}
	.banner_zone .inner ul li {width:49%; margin-left:1%;}
		
}


@media (max-width: 480px) {		
	
	/* 배너존 */
	.banner_zone .inner ul li {width:100%; margin-left:0;}


}

@media (max-width: 380px) {
	
	/* 배너존 */
	.banner_zone .inner ul li {width:100%; float:left; margin-left:0;}
			
}