@charset "utf-8";

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

/* 한줄소식 */
.piece_news007 {position:relative; height:100%; line-height:41px;overflow:hidden;border-radius:10px;border: 1px solid #f8d240;background:#fff;}
.piece_news007 h2 {width:15%; text-indent:-9999px; font-size:0;}
.piece_news007 h2 img { position:absolute; left:10px; top:7px;}
.piece_news007 p {width:70%; margin-left:50px; float:left; font-size:13px;}
.piece_news007 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.piece_news007 p a:hover { text-decoration:underline;}
.piece_news007 a.btn_more {position:absolute; top:0; right:24px; width:13px; height:41px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/web/kyodong-p/main/007_btn_more01.png') no-repeat center; overflow:hidden;}

/* 공지사항 */
.notice007 {position:relative;  height:223px; overflow:hidden; background:#fff; border-radius:10px;}
.notice007 h2 {font-size:15px; font-family:"NotoR"; }
.notice007 h2 a {position:absolute; top:24px; display:block; text-align:center; color:#444; }
.notice007 h2  a:hover {text-decoration:underline;}
.notice007 h2.tit_1 a {left:20px; }
.notice007 h2.tit_2 a {left:90px; }
.notice007 h2.tit_3 a {left:172px; }
.notice007 h2 a.current {color:#222; font-family:"NotoM";}
.notice007 .list_box.on {display:block; }
.notice007 .list_box {display:none; padding:60px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice007 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:26px; font-size:12px; overflow:hidden; letter-spacing:-0.1em; }
.notice007 .list_box li a {display:block; padding-left:10px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background:url('/images/sch/web/kyodong-p/main/007_noti_dot01.png') no-repeat 0 9px;}
.notice007 .list_box li a:hover {text-decoration:underline;}
.notice007 .list_box li span.date {display:none; }
.notice007 .btn_more {position:absolute; right:20px; top:22px; width:21px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/kyodong-p/main/007_btn_more02.png') no-repeat center;}

/* 학교앨범 */
.gallery007{position:relative; overflow:hidden; height:223px; background:#fff; border-radius:10px; }
.gallery007 h2 {font-size:16px; font-family:"NotoM";  padding:27px 0 0 20px; }
.gallery007 .gall_info {display:none;}
.gallery007 .gall_list {margin-top:20px; overflow:hidden;}
.gallery007 .gall_list li {padding:15px 20px; border-top:1px solid #e0e0e0; overflow:hidden;}
.gallery007 .gall_list li:first-child {padding-top:0; border-top:none;}
.gallery007 .gall_list li a {display:block; height:100px;}
.gallery007 .gall_list li p.img {width:130px; height:100px;  float:left;}
.gallery007 .gall_list li .img img {width:130px; height:100px;}
.gallery007 .gall_list li dl {margin-top:5px; width:40%; float:right;}
.gallery007 .gall_list li dt:hover, .gallery007 .gall_list li dd:hover { text-decoration:underline;}
.gallery007 .gall_list li dl dt {font-size:13px; font-family:"NotoM"; color:#333;  overflow:hidden;}
.gallery007 .gall_list li dl dd.txt {height:60px; margin-top:5px; font-family:'돋움',Dotum; font-size:12px; color:#666; overflow:hidden;}
.gallery007 .gall_list li dl dd.date {display:none;}
.gallery007 .btn_more{position:absolute; right:20px; top:22px; width:21px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kyodong-p/main/007_btn_more02.png) no-repeat center;}


/* 180713 : 메인비주얼 */
.main_visual {position:relative;width:100%;background:#fff;border-radius:  13px;overflow:  hidden;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute;width: 359px;height:26px;left: 20px;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/sch/web/kyodong-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/kyodong-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;}/* 비주얼 버튼 색상 */


/* 팝업존 */
.pop007 {position:relative;background: #8593e7;overflow:hidden;height:223px;border-radius:10px;}
.pop007 h2{font-size:16px; font-family:"NotoM"; padding:17px 0 14px 20px; color:#fff}
.pop007 .nss_pg{ position:absolute; top:17px; right:0}
.pop007 .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:30px; color:#fff; font-size:12px; right:125px; display:inline-block; width:50px; text-align:right}
.pop007 .nss_pg > span strong{ color:#ffdb4f}
.pop007 .nss_pg a{ display:block; position:absolute; font-size:0; text-indent:-10000em; width:22px; height:22px;}
.pop007 .nss_pg a.pre{background:url(/images/sch/web/kyodong-p/main/007_btn_prev.png) no-repeat;right: 95px;}
.pop007 .nss_pg a.stop{background:url(/images/sch/web/kyodong-p/main/007_btn_stop.png) no-repeat;right: 71px;}
.pop007 .nss_pg a.play{background:url(/images/sch/web/kyodong-p/main/007_btn_play.png) no-repeat;right: 71px;}
.pop007 .nss_pg a.next{background:url(/images/sch/web/kyodong-p/main/007_btn_next.png) no-repeat;right: 47px;}
.pop007 .nss_pg a.list{ background:url(/images/sch/web/kyodong-p/main/007_btn_list.png) no-repeat; right:25px}
.pop007 .pop_img{ position:absolute; top:58px; left:25px}
.pop007 .pop_img li{ /*display:none;*/ margin-bottom: 50px;}
.pop007 .pop_img li img{ width:235px; height:145px}
.pop007 .pop_img li.on{ display:block}
/* 180713 : 팝업리스트 레이어 추가 */
.pop007 a.list {position:absolute;top: 17px;right: 23px;display:block;float:left;font-size:0;text-indent:-10000em;width:22px;height:22px;background:url('/images/sch/web/kyodong-p/main/007_btn_list.png') no-repeat;}
.pop007 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop007 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop007 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop007 .pop_layer_box .pop_layer ul {height:125px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop007 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop007 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop007 .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;}



/* 행사일정 */
.drawSchedule007{position:relative; height:100%; overflow:hidden;background: #f8d240;border-radius:13px;}
.drawSchedule007 h2 { text-indent:-9999em; font-size:0; }
.drawSchedule007 .date_view {position:relative; height:30px; margin-top:10px; line-height:40px; font-size:17px; color:#fff; font-family:"NotoR"; text-align:center;}
.drawSchedule007 .date_view .month {color:#fff; font-family:"NotoM";}
.drawSchedule007 .date_view .pre {position:absolute; left:60px; top:12px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kyodong-p/main/btn_c_prev.png) no-repeat center;}
.drawSchedule007 .date_view .next {position:absolute; right:65px; top:12px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kyodong-p/main/btn_c_next.png) no-repeat center;}
.drawSchedule007 .inner {margin:17px 25px 20px; font-size:11px; overflow:hidden; border-radius:4px; }
.drawSchedule007 .inner th {height:19px;background: #eca100;color:#fff;}
.drawSchedule007 .inner td {height:19px; line-height:19px; text-align:center; color:#595959; background:#fff;}
.drawSchedule007 .inner .sun {color:#f25953;}
.drawSchedule007 .inner .sat {color:#0371bc;}
.drawSchedule007 .inner td a.check {display:block; height:19px; color:#ff5400; font-weight:bold; background:url(/images/sch/web/kyodong-p/main/007_schd_check.png) no-repeat center; background-size:19px}
.drawSchedule007 .inner td a.today {display:block; height:19px; color:#fff; font-weight:bold; background:url(/images/sch/web/kyodong-p/main/007_schd_today.png) no-repeat center; background-size:19px}
.drawSchedule007 .btn_more{position:absolute; top:20px; right:25px; width:28px; height:28px; text-indent:-10000px; background:url(/images/sch/web/kyodong-p/main/007_btn_more03.png) no-repeat 0 0; z-index:10}

/* 바로가기 */
.M_link007{position:relative; width:100%; height:100%; overflow:hidden; background:#fff;  border-radius:10px;}
.M_link007 li{ position:relative;float:left; width:20%; *width:19.9%;}
.M_link007 li a{display:block;color: #424242;border-left: 1px dashed #9c9c9c;font-family:"NotoR";font-size:13px;letter-spacing:-1px;text-align:center;padding:135px 0 0;}
.M_link007 li a span {width:100%;display:inline-block;background: #cae960;height:42px;line-height:32px;}
.M_link007 li a:hover{ font-family:"NotoM";}
.M_link007 li:first-child a{border-left:0}
.M_link007 li a img{position:absolute;top:30px;left:50%;margin-left:-37px;width:74px;height:74px;} /* 170713 */

/* 오늘의식단 */
.meal_menu007 {position:relative;background: #3c8f41;border-radius:10px;font-family:"NotoR";height:223px;}
.meal_menu007 h2 {padding:30px 20px 0 20px; line-height:24px; font-size:16px; font-family:"NotoM"; color:#fff;}
.meal_menu007 p.kcal{margin:15px 20px 0 20px;  font-size:15px; color:#ffe164; font-family:"NotoM"; }
.meal_menu007 .meal_list { width:87%; height:50px; margin:10px 20px 0 20px; overflow-y:auto;  text-align:left; font-size:12px; color:#fff; line-height:22px; }
.meal_menu007 .meal_list p{ display:inline-block; padding:0 10px 0 0;}
.meal_menu007 .imgBg {position:absolute; bottom:10px; right:20px; z-index:1}
.meal_menu007 .btn_more {position:absolute; top:25px; right:25px; width:28px; height:28px; text-indent:-10000px; background:url(/images/sch/web/kyodong-p/main/007_btn_more03.png) no-repeat 0 0; z-index:10}

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



@media (max-width: 800px) {
	
	.M_link007,
	.piece_news007,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
		
	.piece_news007, .notice007, .gallery007, .meal_menu007, .main_visual, 
	.pop007, .drawSchedule007, .M_link007, .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}
	
	
	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%; height:507px;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	
	/* 바로가기 */
	.M_link007 li{width: 33.33%;}
	.M_link007 li a{/* padding:68px 0 0 0; */}
	.M_link007 li a img {/* width: 44%; */height:auto;top:20px;/* margin-left:-23px; */}  /* 170713 */
	.link_01 a, .link_02 a, .link_03 a { border-bottom:1px dashed #ddd;} 
	.link_05 a { border-right:1px dashed #ddd;} 
	
	
	/* 배너존 */
	.banner_zone .btn{left:30px}
	.banner_zone ul{margin-left:110px;}
	.banner_zone ul li{ float:left; margin-left:1.5%; width:30%}
	.banner_zone ul li a img{ width:100%; height:45px;}

}


@media (max-width: 680px) {
	
	
	/* 메인 비주얼 */
	.main_visual{width:100%; height:440px; border-radius:20px;}
	.main_visual img {}
	
	.piece_news007, .notice007, .gallery007, .pop007, .drawSchedule007, .meal_menu007, .M_link007, .banner_zone {width:100%; position:relative;}
	
	
	/* 학교앨범 */
	.gallery007 .gall_list li dl { width:50%;}
	
	/* 팝업존 */
	.pop007 .pop_img li img{ width:100%; height:145px}
	
	/* 바로가기 */
	.link_04 a {border-left:0 !important;} 
	
	/* 바로가기 */
	.M_link007 li a{padding: 105px 0 0;}

	/* 팝업존 */
	.pop007{margin-bottom:10px; top:0}
	.pop007 .nss_pg > span {top:30px; right:290px}
	.pop007 .nss_pg a.pre{top:60px; right:290px}
	.pop007 .nss_pg a.stop{top:90px; right:290px}
	.pop007 .nss_pg a.next{top:120px; right:290px}
	.pop007 .pop_img{left:80px;}
	
	/* 배너존 */
	.banner_zone ul{ margin-left:125px;}
	.banner_zone ul li{ width:90%; text-align:center;}
	.banner_zone ul li a img{ width:155px; height:40px}	
	
}

@media (max-width: 380px) {
	
	.pop007 .nss_pg { right:0}
	.pop007 .pop_img { left:70px}
	
	
}

@media (max-width: 340px) {
	
	.pop007 .nss_pg { right:-20px}
}