@charset "utf-8";

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

/* 180713 : 메인비주얼 */
.main_visual {position:relative;width:100%;background:#fff;border-radius:  10px;overflow:  hidden;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute;width: 470px;height:26px;left: 10%;bottom:25px;/* 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/sandong-p/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/sandong-p/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 #1e665b; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#1e665b;}/* 비주얼 버튼 색상 */


  


/* 공지사항 */
.notice008 {position:relative; height:100%; background-color:#fff;  border:1px solid #ddd; border-radius:10px;}
.notice008 h2 a{ display:block; padding:0 5px 5px 5px; color:#1d1d1d; font-size:16px; border-top:3px solid #fff; background-color:#fff; text-align:center; position:absolute; top:15px; line-height:30px; }
.notice008 h2.tit_1 a{ left:25px;}
.notice008 h2.tit_2 a{ left:105px;}
.notice008 h2.tit_3 a{ left:197px;}
.notice008 h2 a:hover{text-decoration:underline}
.notice008 h2 a.current{color:#5674b9; background:url(/images/sch/web/sandong-p/main/008_noti_on.png)no-repeat 50% 100%;}
.notice008 .list_box.on {display:block;}
.notice008 .list_box {display:none; padding:65px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice008 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:25px; font-size:12px; }
.notice008 .list_box li a {display:block; width:70%; padding-left:8px; float:left; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/sandong-p/main/008_notice_dot.gif") no-repeat 0 9px;}
.notice008 .list_box li a:hover {text-decoration:underline;}
.notice008 .list_box li span.date {display:block; width:25%; float:right; text-align:right; }
.notice008 .btn_more{ position:absolute; top:20px; right:20px; width:12px; height:12px; text-indent:-9999em; line-height:0; font-size:0; background:#fff url("/images/sch/web/sandong-p/main/008_btn_more.png") no-repeat 50% 50%;}

/* 한줄소식 */
.piece_news008 {position:relative;border-radius:10px;background: #369697;overflow:hidden;padding:10px 0; min-height: 30px;}
.piece_news008 h2 { float:left;  font-size:16px; line-height:30px; color:#fff; margin-left:35px;}
.piece_news008 h2 img {position:absolute; top:13px; left:10px; width:18px; height:26px; padding-right:8px;}
.piece_news008 p {width:70%; margin-left:95px; font-size:13px;line-height:30px;}
.piece_news008 p a { display:block; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 0 0 5px;}
.piece_news008 a.btn_more {position:absolute; top:18px; right:20px; width:12px; height:16px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/web/sandong-p/main/008_btn_more02.png') no-repeat 0 center; overflow:hidden; z-index:50}


/* 오늘의식단 */
.meal_menu008 {position:relative;height:100%;min-width:245px;background: #ffd482;/* border:2px solid #faa61a; */border-radius:10px;font-family:"Nanum";float:left;}
.meal_menu008 h2 {padding:15px 20px 0 20px; line-height:24px; font-size:16px; font-family:"NotoB"; color:#333;}
.meal_menu008 p.kcal{width:130px;height:20px;margin:10px 20px 0 20px;font-size:13px;color: #404040;font-family:"NotoM";border-radius:10px;background: #ffffff;text-align:center;line-height:22px;}
.meal_menu008 .meal_list {height:90px;/* background:#fff; */margin:0 50px 0 20px;overflow-y:auto;text-align:left;font-size:12px;color:#434343;line-height:22px;padding:5px 5px 0 0;}
.meal_menu008 .meal_list p{ display:inline-block; padding:0 10px 0 0;}
.meal_menu008 .imgBg {position:absolute; bottom:15px; right:17px; z-index:1}
.meal_menu008 .btn_more {position:absolute; top:20px; right:20px; width:12px; height:12px; text-indent:-10000px; background:url(/images/sch/web/sandong-p/main/008_btn_more.png) no-repeat 0 0; z-index:10}


/* 팝업존 */
.pop008 {position:relative;height:100%;overflow:hidden;background-color: #1765ae;border-radius:10px;}
.pop008 h2{font-size:16px; font-family:"NotoM"; color:#fff;  padding:15px 0 0 20px;}
.pop008 .nss_pg {position:absolute;top:15px;right: 29px;}
.pop008 .nss_pg span{ position:absolute; top:0; right:75px; width:45px; text-align:right; line-height:20px; height:20px; font-family:'돋움',Dotum; color:#fff; font-size:12px; display:inline-block;} /* 20161122 수정 */
.pop008 .nss_pg span strong{ color:#ffdb4f;}
.pop008 .nss_pg a{ display:block; float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin-left:2px;}
.pop008 .nss_pg a.pre{ background:url(/images/sch/web/sandong-p/main/008_btn_prev.png) no-repeat; }
.pop008 .nss_pg a.stop{ background:url(/images/sch/web/sandong-p/main/008_btn_stop.png) no-repeat; }
.pop008 .nss_pg a.play{ background:url(/images/sch/web/sandong-p/main/008_btn_play.png) no-repeat; }
.pop008 .nss_pg a.next{ background:url(/images/sch/web/sandong-p/main/008_btn_next.png) no-repeat; }
.pop008 .pop_img{ position:relative; margin:10px auto 0; }
.pop008 .pop_img li{ /* display:none; */ margin-bottom: 20px !important; width:235px; height:145px; margin:0 auto; border:1px solid #eee;}
.pop008 .pop_img li img{ width:100%; height:145px; }
.pop008 .pop_img li.on{ display:block}

/* 180713 : 팝업리스트 레이어 추가 */
.pop008 a.list {

position:absolute;

top:15px;

right: 5px;

display:block;

float:left;

font-size:0;

text-indent:-10000em;

width:22px;

height:22px;

background:url('/images/sch/web/sandong-p/main/008_btn_list.png') 

no-repeat;

}
.pop008 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop008 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop008 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop008 .pop_layer_box .pop_layer ul {height:100px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop008 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop008 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop008 .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;}




/* 행사일정 */
.drawSchedule008 {position:relative;padding:18px 15px 10px 15px;overflow:hidden;background:#fff;border-radius: 10px;border-right:1px solid #ddd;}
.drawSchedule008 h2 {position:absolute; left:50%; top:0; width:40%; margin-left:25px; font-size:17px; font-family:'NotoB'; line-height:50px; color:#222;}
.drawSchedule008 .date_view {position:relative; width:50%; height:20px; line-height:15px; font-size:16px; color:#222; font-family:'NotoB'; text-align:center; /*border-right:1px solid #e0e0e0;*/ background:#fff;}
.drawSchedule008 .date_view .month {color:#048bdd; font-family:'NotoB';}
.drawSchedule008 .date_view .pre {position:absolute; left:19%; top:2px; width:8px; height:14px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/sandong-p/main/008_sche_pre.png) no-repeat center;}
.drawSchedule008 .date_view .next {position:absolute; right:19%; top:2px; width:8px; height:14px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/sandong-p/main/008_sche_next.png) no-repeat center;}
.drawSchedule008 .inner {width:50%; font-size:12px; padding:10px 0 0 0; border-right:1px dashed #86a1be; background:#fff;}
.drawSchedule008 .inner table {position:relative; width:95%;}
.drawSchedule008 .inner thead::before{/* content:""; */position:absolute;top:0;left:0;width:100%;height:23px;/* border:2px solid #add3ff; */border-radius:10px;/* background: #9cdfff; */color: #fff;}
.drawSchedule008 .inner th {height:25px;background:  #9cdfff;}
.drawSchedule008 .inner td {height:20px; line-height:20px; text-align:center; color:#555;}
.drawSchedule008 .inner .sun {color:#f25953;}
.drawSchedule008 .inner .sat {color:#0371bc;}
.drawSchedule008 .inner td a.check {display:block; height:20px; color:#333; font-weight:bold; background:url(/images/sch/web/sandong-p/main/008_schd_check.png) no-repeat center;}
.drawSchedule008 .inner td a.today {display:block; height:20px; color:#333; font-weight:bold; background:url(/images/sch/web/sandong-p/main/008_schd_today.png) no-repeat center;}
.drawSchedule008 .sch_list {position:absolute; left:50%; top:45px; width:45%;}
.drawSchedule008 .sch_list ul {position:relative; width:83%; height:140px; padding:0 20px; overflow-y:auto;}
.drawSchedule008 .sch_list li {position:relative; line-height:24px; font-size:12px;}
.drawSchedule008 .sch_list li a {display:block; padding-left:50px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.drawSchedule008 .sch_list li a span {position:absolute; left:0; top:0; color:#4ca9f1; font-weight:bold;}
.drawSchedule008 .btn_more{position:absolute; right:20px; top:20px; width:12px; height:12px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/sandong-p/main/008_btn_more.png) no-repeat center;}

/* 학교앨범 */
.gallery008{position:relative;height:100%;overflow:hidden;background: #4ca9f1;padding:0;border-radius: 10px;}
.gallery008 h2{font-size:16px; font-family:"NotoM"; padding:20px 0 0 25px; color:#333}
.gallery008 .gall_info {display:none;}
.gallery008 .gall_list {margin-top:20px; overflow:hidden;}
.gallery008 .gall_list li {width:140px; margin-left:4%; float:left;}
.gallery008 .gall_list li:first-child {}
.gallery008 .gall_list li a {display:block;}
.gallery008 .gall_list li .img img {width:140px; height:100px;}
.gallery008 .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#222;}
.gallery008 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery008 .gall_list li span.date {display:none;}
.gallery008 .btn_more{position:absolute; right:20px; top:20px; width:12px; height:12px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/sandong-p/main/008_btn_more.png) no-repeat center;}

/* 바로가기 */
.M_link008{ position:relative; overflow:hidden; }
.M_link008 ul{overflow:hidden; margin:0 auto;}
.M_link008 li{position:relative;  float:left; width:122.5px;} 
.M_link008 li a{ display:block; height:105px; font-size:14px; color:#333; font-family:'NotoM'; text-align:center; letter-spacing:-1px}
.M_link008 li a:hover{ color:#5674b9}
.M_link008 li span{ display:block; padding:70px 0 0;}
.M_link008 li a img {position:absolute; top:15px; left:57%; margin-left:-38px; width:60px; height:52px;} 

/* 배너존 */
.banner_zone {position:relative; width:980px; height:100%; border-radius:10px; clear:both; float:left; margin:30px 0 auto; border-top:1px solid #ddd; background:#fff;}
.banner_zone .inner {position:relative; width:980px; height:70px; overflow:hidden;}
.banner_zone h2{ font-size:15px; font-family:"NotoM"; color:#1d1d1d; position:absolute; top:17px; left:15px;}
.banner_zone .btn{ position:absolute; left:15px; 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/sch/web/sandong-p/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/web/sandong-p/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.play{ background:url(/images/sch/web/sandong-p/main/btn_b_play.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/web/sandong-p/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/sch/web/sandong-p/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:12px; margin-left:80px; height:45px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:5px;}
.banner_zone ul li a img{ width:170px; height:45px}




@media (max-width: 800px) {

	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	#container,
	.main_content,
	.piece_news008 p,
	.piece_news008,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; padding-top:69px;}
	.main_content { width:95%; height:100%; }		
	.main_visual, .notice008, .pop008, .piece_news008, .drawSchedule008, .gallery008, .meal_menu008, .M_link008, .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}

	/* 행사일정 */
	.drawSchedule008{border-radius:10px;}
		
	/* 한줄소식 */
	.piece_news008 p {width:75%; margin-left:90px; font-size:13px;line-height:30px;}
	
	/* 학교앨범 */
	.gallery008 {border-radius:10px;}
	.gallery008 .gall_list li {width:30%; margin-left:3%; float:left;}
	.gallery008 .gall_list li:first-child {margin-left:2%;}
	.gallery008 .gall_list li .img img {width:100%;}
	
	/*오늘의 식단*/
	.meal_menu008{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width: 100%;}
	
	/* 바로가기 */
	.M_link008{height:auto}
	.M_link008 ul{width:90%; margin:0 auto }
	.M_link008 li{width:25%;}		
	
	/* 팝업존 */
	.pop008 .pop008_img li {width:80%;}


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



}




@media (max-width: 690px) {	
	
		/*오늘의 식단*/
	.meal_menu008 { width:100%;}
	
	/* 행사일정 */
	.drawSchedule008 {border-right:0;}

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


}




@media (max-width: 560px) {	


	/* 한줄소식 */
	.piece_news008 p {width:70%; margin-left:90px; font-size:13px;line-height:30px;}

	/* 바로가기 */
	.M_link008 li a{font-size:12px;}

			
}



@media (max-width: 480px) {
	
	/* 한줄소식 */
	.piece_news008 h2 { display:none}
	.piece_news008 p {width:80%; margin-left:7%;} 
   
}

@media (max-width: 380px) {

	
	/* 한줄소식 */
	.piece_news008 h2{width:100%; text-align:left;}
	.piece_news008 p {width:80%;}


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

	
}