@charset "utf-8";
/* CSS Document */

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

/* 메인 비주얼 */
.main_visual {height:304px; border-radius:15px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2); overflow:hidden;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; width:980px;  text-align:center;}
.main_visual .bx-controls {position:absolute; width:980px; height:26px; left:50%; bottom:25px; margin-left:-30px; }
.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/sasong-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/web/sasong-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 #1e665b; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#1e665b;}/* 비주얼 버튼 색상 */

/* 공지사항 */
.notice078 {height:100%; background:#60c28c; border-radius:15px;}
.notice078 h2 {position:absolute; top:0;}
.notice078 h2 a {position:absolute; top:20px; width:100px; height:50px; display:block; text-align:center; color:#fff; font-size:16px;font-family:'NotoR';}
.notice078 h2.tit_1 a {left:0; }
.notice078 h2.tit_2 a {left:80px;}
.notice078 h2.tit_3 a {left:160px; }
.notice078 h2 a.current {display:block; color:#fff799; font-family:'NotoM'; background:url(/images/web/sasong-k/main/078_notice_line.gif) no-repeat center 28px; }
.notice078 .list_box.on {display:block;}
.notice078 .list_box {display:none; float:left; width:87%; margin:49px 6.5% 0; padding-top:15px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden; border-top:1px solid #fff;}
.notice078 .list_box li {position:relative; font-family:'NotoR'; line-height:27px; font-size:13px; overflow:hidden;}
.notice078 .list_box li a {display:block; width:65%; padding-left:8px; float:left; color:#0a4323; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/web/sasong-k/main/078_noti_dot01.gif") no-repeat 0 9px;}
.notice078 .list_box li a:hover {text-decoration:underline;}
.notice078 .list_box li span.date {display:block; width:32%; float:right; text-align:right; color:#0a4323; font-size: 12px;}
.notice078 .btn_more {position:absolute; right: 20px; top:15px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/sasong-k/main/078_btn_more.png) no-repeat center;}

/* 학교일정 */
.drawSchedule078 {height:100%; border-radius:15px; overflow:hidden; background: #f4fff8;}
.drawSchedule078 h2 { background:#24b6bc; height: 45px; line-height: 46px; font-size:17px; font-family:'NotoR'; color:#fff; text-indent: 20px;}
.drawSchedule078 .sch_info {display:none;}
.drawSchedule078 .date_view {display:none;}
.drawSchedule078 .sch_list {position:relative; padding: 18px 120px 0 20px; font-family: "NotoR";}
.drawSchedule078 .sch_list li {position:relative; line-height:27px; font-size:13px;}
.drawSchedule078 .sch_list li a {display:block; padding-left:50px; color:#777777;  background:url("/images/web/sasong-k/main/078_noti_dot01.gif") no-repeat 0 9px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.drawSchedule078 .sch_list li a span {position:absolute; left:7px; top:0; font-family:"NotoM"; color:#434343; font-weight:bold; }
.drawSchedule078 .imgBg {position:absolute; top:50px; right:20px;}
.drawSchedule078 .imgBg img {width:76px; height:61px;}
.drawSchedule078 .btn_more{position:absolute; right:20px; top:8px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/sasong-k/main/078_btn_more.png) no-repeat center;}

/* 팝업존 */
.pop078{ height:100%; border-radius:15px; background: #ecf3e5; overflow:hidden;}
.pop078 h2{ background:#9fda5c; height: 45px; line-height: 46px; font-size:17px; font-family:'NotoR'; color:#fff; text-indent: 20px;}
.pop078 .nss_pg{ position:absolute; top:15px; right:40px;}
.pop078 .nss_pg > span{ position:absolute; width: 30px; top:-3px; right:72px; line-height:29px; height:27px; font-family:'돋움',Dotum; color:#fff; font-size:12px; display:inline-block;}
.pop078 .nss_pg > span strong{ color:#ffdb4f;}
.pop078 .nss_pg a{ display:block; float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin-left:2px;}
.pop078 .nss_pg a.pre{ background:url(/images/web/sasong-k/main/078_btn_prev.png) no-repeat; }
.pop078 .nss_pg a.stop{ background:url(/images/web/sasong-k/main/078_btn_stop.png) no-repeat; }
.pop078 .nss_pg a.play{ background:url(/images/web/sasong-k/main/078_btn_play.png) no-repeat; }
.pop078 .nss_pg a.next{ background:url(/images/web/sasong-k/main/078_btn_next.png) no-repeat; }
.pop078 .pop_img{ position:relative; margin: 15px 35px 0 40px;}
.pop078 .pop_img li{/* display:none;*/ margin-bottom: 50px;}
.pop078 .pop_img li img{ width:235px; height:145px}
.pop078 .pop_img li.on{ display:block}

/* 팝업리스트 레이어 추가 */
.pop078 a.list {position:absolute; top:15px; right:18px; display:block; float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; 
background:url('/images/web/sasong-k/main/078_btn_list.png') no-repeat;}
.pop078 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#ecf3e5; border-radius:10px;}
.pop078 .pop_layer_box .pop_layer {position:relative; padding:0px 20px;}
.pop078 .pop_layer_box .pop_layer h3 {font-size:18px; line-height:46px; color:#555;}
.pop078 .pop_layer_box .pop_layer ul {height:135px; padding:10px 15px 10px 25px; line-height:21px; overflow-y:auto; background:#fff;}
.pop078 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#333; list-style-type:disc;}
.pop078 .pop_layer_box .pop_layer ul li a {color:#333; }
.pop078 .pop_layer_box .pop_layer a.pop_close {display:block; position:absolute; right:15px; top:8px; padding:5px 10px; font-family:"NotoR"; color:#fff; font-size:12px; background:#9fda5c; border-radius:5px;}

/* 사진앨범 */
.gallery078 {height:100%; background:#97ded8; border-radius:15px;}  
.gallery078 h2 { font-family:"NotoR"; font-size:16px; line-height:60px; color:#fff; text-indent:20px; }
.gallery078 .gall_info {display:none;}
.gallery078 .gall_list {  overflow:hidden;}
.gallery078 .gall_list li { position:relative; width:130px; height:114px; margin-left:4%; float:left; margin: 0px 0px 0px 17px;}
.gallery078 .gall_list li a {display:block;}
.gallery078 .gall_list li .img img {width:100%; height:114px;}
.gallery078 .gall_list li span { width:100%; height:20px; display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#fff;  background:#000; }
.gallery078 .gall_list li span.txt { position:absolute; left:0; bottom:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; opacity:0.7;}
.gallery078 .gall_list li span.date {margin-top:5px; color:#555;}
.gallery078 .btn_more{position:absolute; right:20px; top:15px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/sasong-k/main/078_btn_more.png) no-repeat center;}

/* 바로가기 1*/
.M_link078_1{ height:100%; background:#ff916a; border-radius:15px;}
.M_link078_1 ul{ width:100%;}
.M_link078_1 li:first-child {border: 0; }
.M_link078_1 li{position:relative; width:49.5%; height:220px; float:left; border-left: 1px dashed #fff; }
.M_link078_1 li a{display:block; color:#444; width:100%; height:100%; font-family:"NotoR"; font-size:13px; letter-spacing:-1px; text-align: center; }
.M_link078_1 li a:hover{ color:#006bb6}
.M_link078_1 li h2{ background:url(/images/web/sasong-k/main/078_bullet.gif) no-repeat 0 0; font-family:"NotoR"; font-size:18px; color: #fff; padding:30px 0 5px; }
.M_link078_1 li a p{ font-size: 13px; line-height:18px; color: #fff; margin: 5px 0; }
.M_link078_1 li img{position:absolute; bottom:0; left:50%; margin-left:-37px; width:74px; height:83px;} 

/* 바로가기 2 식단메뉴*/
.M_link078_2{height:100%; border-radius:15px; background:#4ca55e;}
.M_link078_2 a{display: block; width: 100%; height: 100%; float:left; position:relative; color:#fff; font-family: 'NotoR'; color:#fff; }
.M_link078_2 h2 { font-size:18px; font-family: 'NotoR'; margin: 15px 0 5px 20px;}
.M_link078_2 p {height:55px; margin:0px 100px 0 20px; font-size: 13px; line-height: 18px;  color: #fff;  overflow-y:auto;}
.M_link078_2 img {position:absolute; top:10px; right:15px; width:78px; height:89px;} 

.meal_menu073 .meal_list {height:100px; margin:10px 120px 20px 0; font-family:'Dotum', '돋움'; font-size:12px; color:#fff; line-height:18px; overflow-y:auto;}


/* 바로가기 3 방과후학교*/
.M_link078_3{height:100%; border-radius:15px; background:#fecb4c;}
.M_link078_3 a{display: block; width: 100%; height: 100%; float:left; position:relative; color:#fff; font-family: 'NotoR'; color:#fff; }
.M_link078_3 h2 { font-size:18px; font-family: 'NotoR'; margin: 15px 0 5px 20px;}
.M_link078_3 p {margin:0px 100px 0 20px; font-size: 13px; line-height: 18px;  color: #fff; }
.M_link078_3 img {position:absolute; top:10px; right:15px; width:78px; height:89px;} 

/* 배너존 */
.banner_zone{ position:relative; z-index:1; width:100%; height:78px; overflow:hidden; clear:both; float:left; background:#fff; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.banner_zone .inner{ position:relative; width:980px; margin:0 auto; overflow:hidden}
.banner_zone h2{ font-size:16px; font-family:"NotoR"; color:#1d1d1d; position:absolute; top:30px; left:0;}
.banner_zone .btn{ position:absolute; left:87px; top:34px}
.banner_zone .btn a{ float:left; font-size:0; text-indent:-10000em; width:15px; height:15px; vertical-align:top; margin-left:0;}
.banner_zone .inner .btn a.pre {background:url(/images/web/sasong-k/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/web/sasong-k/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/web/sasong-k/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/web/sasong-k/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/images/web/sasong-k/main/btn_b_list.gif) no-repeat}
.banner_zone ul{ padding-top:17px; margin-left:160px; height:45px; overflow:hidden; }
.banner_zone ul li{ float:left; margin-left:10px;}
.banner_zone ul li a img{ width:150px; height:40px; }
  
@media (max-width: 800px) {
	

		
	.main_visual, .notice078, .pop078, .drawSchedule078, .gallery078, .M_link078_1, .M_link078_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 { height:auto;}
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }


	/* 학교일정 */
	.drawSchedule078{ width:100%;}	
	
	/* 팝업존 */
	.pop078 {width:100%; }
	.pop078 .pop_img li img { width: 100%; }

	/* 학교앨범 */
	.gallery078{ width:100%; }
	.gallery078 .gall_list li { width:-webkit-calc(50% - 29px); width:-moz-calc(50% - 29px); width:calc(50% - 29px);}


	/* 배너존 */
	.banner_zone .inner{width:95%;}
	.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: 690px) {	


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

@media (max-width: 480px) {		

	/* 포토갤러리 */
	.gallery078 .gall_list li { width:-webkit-calc(46% - 14px); width:-moz-calc(46% - 14px); width:calc(46% - 14px);}

	
}

@media (max-width: 380px) {
	
	/* 공지사항 */
	.notice078 .list_box li span.date { display:none;}
	.notice078 .list_box li a { width:100%;}
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px);}
			
}