@charset "utf-8";

/* 알림장 */
.ann_tablet{display:none; }

/* 메인비주얼 */
.main_visual {position:relative; width:100%;  background:url(/images/sch/web/hyeondongsup-k/main/m_bg.png) repeat; margin:20px 0px;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute; width:100px; height:26px; left:55%; bottom:10px; margin-left:-490px; }
.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/sch/web/hyeondongsup-k/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/sch/web/hyeondongsup-k/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 #ad4b27; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#ad4b27;}/* 비주얼 버튼 색상 */

/* 팝업존 */
.pop079 { width:100%; height:160px; overflow:hidden; float:left; border-radius:5px; background-color:#ff9873;}
.pop079 h2{ width:147px; height:122px; font-size:16px; font-family:"NotoR"; color:#fff; background-color:#ff7c4c; float: left; text-align: center; padding: 38px 0 0 0; }
.pop079 h2 .yellow { color:#fff799;}
.pop079 .pop_img { width: 235px; float:right; margin: 6px 8px 0 0; }
.pop079 .pop_img li{ width:235px; /*display:none;*/ overflow:hidden; margin-bottom: 50px;}
.pop079 .pop_img li img{ width:100%; height:145px;}
.pop079 .pop_img li.on{ display:block;}
.pop079 .nss_pg { position: absolute;  top: 50px; left: 0; width:147px; text-align: center;}
.pop079 .nss_pg span { font-family: '돋움',Dotum; line-height: 22px; color: #ddd; font-size: 12px; display: block; margin: 20px 0 0 0; }
.pop079 .nss_pg a{ font-size:0; text-indent:-10000em; display:inline-block; width:19px; height:19px; margin:10px 0 0 0; *display:inline; zoom:1; }
.pop079 .nss_pg span strong { color:#fff799;}
.pop079 .nss_pg a.play{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_play.gif) no-repeat; }
.pop079 .nss_pg a.stop{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_stop.gif) no-repeat; }
.pop079 .nss_pg a.prev{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_prev.gif) no-repeat; }
.pop079 .nss_pg a.next{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_next.gif) no-repeat; }
.pop079 .nss_pg a.list{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_list.png) no-repeat;}

/* 팝업리스트 레이어 추가 */
.pop079 a.list {display:inline-block; font-size:0; text-indent:-10000em; width:22px; height:22px;}
.pop079 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61; border-radius:5px;}
.pop079 .pop_layer_box .pop_layer {position:relative; padding:10px 20px;}
.pop079 .pop_layer_box .pop_layer h3 {font-size:16px; color:#fff; line-height:35px;}
.pop079 .pop_layer_box .pop_layer ul {height:60px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop079 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop079 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop079 .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; font-size:13px;}


/* 공지사항 */
.notice079 { width:100%; height:160px; position:relative; border:1px solid #ddd; background:#fff; border-radius:5px;}   ​
.notice079 h2{ font-family:"NotoM"; line-height:30px; }
.notice079 h2 a{ position:absolute; top:20px; font-size:16px; display:block; color:#959595; border-bottom:2px solid #fff; padding-bottom:6px; text-align:center; }
.notice079 h2.tit_1 a{ left:25px; }
.notice079 h2.tit_2 a{ left:100px; }
.notice079 h2 a:hover,
.notice079 h2 a.current{ color:#ff6f3b; border-bottom:3px solid #ff6f3b; }
.notice079 .btn_more{ position:absolute; right:20px; top:15px; background:url(/images/sch/web/hyeondongsup-k/main/079_btn_more.png) no-repeat 0 0; width:28px; height:28px; font-size:0; line-height:0;}
.notice079 .list_box.on{ display:block;}
.notice079 .list_box { display:none; margin:60px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; clear:both;}
.notice079 .list_box a {color:#666;}
.notice079 .list_box a:hover  { text-decoration:underline;}
.notice079 .list_box ul li { font-family:'돋움',Dotum; line-height:22px; font-size:12px;}
.notice079 .list_box ul li a  { display:block; background:url(/images/sch/web/hyeondongsup-k/main/notice_dot.gif) no-repeat 0 9px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 학교앨범 */
.gallery079{ position:relative; width:100%; height:196px; background:#8dd7f7; border-radius:5px; float:left;}
.gallery079 h2 { width:85px; font-family:"NotoM"; line-height:30px; font-size:16px; display:block; color:#0084bd; border-bottom:3px solid #0084bd; padding:15px 0 0; margin-left:25px;}
.gallery079 .btn_more{ position:absolute; right:20px; top:15px; background:url(/images/sch/web/hyeondongsup-k/main/079_btn_more.png) no-repeat 0 0; width:28px; height:28px; font-size:0; line-height:0;}
.gallery079 .list_box{ margin:20px 25px 0; font-family:'돋움',Dotum; font-size:12px;  clear:both;}
.gallery079 .list_box ul{ overflow:hidden;}
.gallery079 .list_box ul li{ float:left; margin-left:8px; width:111px}
.gallery079 .list_box ul li:first-child{ margin-left:0;}
.gallery079 .list_box ul li a{ color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery079 .list_box ul li a:hover{ text-decoration:underline}
.gallery079 .list_box ul li a .img{ display:block}
.gallery079 .list_box ul li a .img img{ width:111px; height:90px}
.gallery079 .list_box ul li a .txt{ display:block; margin:13px 0 0; line-height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

/*오늘의 식단*/
.meal_menu049 { width:100%; height:196px; overflow:hidden; float:left; background:#bce1b7;}
.meal_menu049 h2 { font-size:16px; color:#555; padding:20px 0 15px 20px;}
.meal_menu049 p{ padding:0 20px;}
.meal_menu049 p.menu{height:50px; margin:0 20px; padding:0; font-family:'돋움',Dotum; font-size:12px; overflow-y:auto; z-index:2;}
.meal_menu049 p.cal {font-family:'돋움',Dotum; font-size:12px;}
.meal_menu049 img {position:absolute; bottom:10px; right:10px; width:121px; height:71px;}
.meal_menu049 .btn_more{ position:absolute; right:20px; top:15px; background:url(/images/sch/web/hyeondongsup-k/main/079_btn_more02.png) no-repeat 0 0; width:28px; height:28px; font-size:0; line-height:0;}

/* 바로가기01*/ 
.M_link079{ width:100%; height:196px; overflow:hidden; background:#ffdda7; border-radius:5px; }
.M_link079 ul{ width:100%; }
.M_link079 li{ position:relative; width:100%; height:98px; box-sizing:border-box; }
.M_link079 li a{ display:block; width:100%; height:98px; border-bottom:1px dashed #ff8a00; }
.M_link079 li a img{position:absolute; bottom: 10px; right:10px; width:40px; height:44px;}
.M_link079 li span{display:inline-block; padding:20px 0px 0px 20px; width:100px; font-family:"NotoR"; color:#111;}
.M_link079 li span strong{color:#ff8a00; font-size:15px;}

/* 바로가기 20170124 수정*/
.M_link079_2{ width:100%; overflow:hidden; height:368px; background:#f8bfc6; border-radius:5px; }
.M_link079_2 ul{ width:100%; }
.M_link079_2 li{ position:relative; width:100%; box-sizing:border-box; }
.M_link079_2 li a{ display:block; width:100%; padding:16px 0px; border-bottom:1px dashed #fff;}
.M_link079_2 li img{display:block; width:72px; height:72px; margin:0px auto;}
.M_link079_2 li.link_03 a{border-bottom:0;}
.M_link079_2 li span{ display:block; text-align:center; color:#721686; font-size:13px; font-family:"NotoR";}

/* 배너존 */
.banner_zone{ width:96%; position:relative; border-radius:5px; background-color:#fff; border:1px solid #ddd; clear:both; margin:15px 0; padding:18px 2%; float:left; z-index:5; }
.banner_zone .inner{ position:relative; width:100%; margin:0 auto; overflow:hidden}
.banner_zone h2{ font-size:13px; font-family:"NotoM"; color:#1d1d1d; position:absolute; top:0px; left:5px;}
.banner_zone .btn{ position:absolute; left:0; top:23px}
.banner_zone .btn a{ float:left; font-size:0; text-indent:-10000em; width:18px; height:18px; vertical-align:top}
.banner_zone .btn a.pre{background:url(/images/sch/web/hyeondongsup-k/main/079_btn_b_prev.png) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_b_stop.png) no-repeat}
.banner_zone .btn a.play{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_b_play.png) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_b_next.png) no-repeat}
.banner_zone .btn a.list{ background:url(/images/sch/web/hyeondongsup-k/main/079_btn_b_list.png) no-repeat;}
.banner_zone ul{ padding-top:0; margin-left:80px; height:40px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:5px; width:19%;}
.banner_zone ul li a img{ width:155px; height:40px}
 
@media (max-width: 800px) {

	.notice079,
	.gallery079,
	.pop079,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	.main_visual, .notice079, .pop079, .gallery079, .meal_menu049, .M_link079, .M_link079_2, .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}

	.main_visual{margin:10px 0px;}

	/* 학교앨범 */
	.gallery079 .list_box{margin:15px 25px;}
	.gallery079 .list_box ul{ height:117px;}	
	.gallery079 .list_box ul li{ width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin-left:0px;}
	.gallery079 .list_box ul li:nth-child(odd){margin-right:3%;}

	.gallery079 .list_box ul li a .img img{width:100%;}

	/* 팝업존 */
	.pop079 h2{width:35%}
	.pop079 .pop_img{width:59%; margin:18px 3%;}
	.pop079 .pop_img li{width:100%; height:120px;}
	.pop079 .pop_img li img{width:100%; height:100%;}
	.pop079 .nss_pg{width:35%;}

	/* 바로가기01 */
	.M_link079 li span{ padding:20px 0px 0px 10px; font-size:12px;}
	.M_link079 li span strong{font-size:14px;}

	/* 바로가기02 */
	.M_link079_2{ height:auto;}
	.M_link079_2 li{width:30%; float:left;}
	.M_link079_2 li a{ border:0px; padding:20px 0px;}
	.M_link079_2 li + li{margin-left:5%;}


	/* 배너존 */
	.banner_zone{width:100%;;}
	.banner_zone ul li{ width:-webkit-calc(33% - 10px); width:-moz-calc(33% - 10px); width:calc(33% - 10px);}
	.banner_zone ul li a img{ width:100%;}


}

@media (max-width: 620px) {		

}

@media (max-width: 560px) {	

	
}

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

}