@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:980px; height:26px; left:4%; bottom:50px;  }
.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/gayang-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/web/gayang-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 #333; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#333;}/* 비주얼 버튼 색상 */

/* 학교일정 */
.drawSchedule015 { position:relative;  border-radius:15px; background: #f4fff8; overflow:hidden; }
.drawSchedule015 h2 { background:#6ebd8b; height: 45px; line-height: 46px; font-size:17px; font-family:'NotoR'; color:#fff; text-indent: 20px;}
.drawSchedule015 .sch_info {display:none;}
.drawSchedule015 .date_view {display:none;}
.drawSchedule015 .sch_list { position:relative; height:138px; padding:20px 25px; font-family: "NotoR"; }
.drawSchedule015 .sch_list img { position:absolute; top:65px; right:15px; width:105px; height:93px;}
.drawSchedule015 .sch_list ul {width:60%; height:140px; overflow-y:auto}
.drawSchedule015 .sch_list li {position:relative; line-height:24px; font-size:13px;}
.drawSchedule015 .sch_list li a {display:block; padding-left:50px; color:#777777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.drawSchedule015 .sch_list li a span {position:absolute; left:0; top:0; font-family:"NotoM"; color:#434343; font-weight:bold; }
.drawSchedule015 .btn_more{position:absolute; right:25px; top:8px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/gayang-p/main/015_btn_more.png) no-repeat center;}

/* 공지사항 */
.notice015 { position:relative; background:#eb6677; overflow:hidden; border-radius:15px; padding:20px;}  
.notice015 h2 {font-size:14px; font-family:'NotoR'; line-height:30px;}
.notice015 h2 a {position:absolute; top:8px; width:80px; height:50px; display:block; text-align:center; color:#fff; font-size:16px; }
.notice015 h2.tit_1 a {left:20px; }
.notice015 h2.tit_2 a {left:100px; }
.notice015 h2.tit_3 a {left:180px; }
.notice015 h2 a.current { color:#62282f; font-family:'NotoM'; background:url('/images/web/gayang-p/main/015_notice_line.png') repeat-x center 35px; }
.notice015 .list_box.on {display:block; }
.notice015 .list_box {display:none; height:140px; padding:40px 0 0;  font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice015 .list_box li {position:relative; font-family:'NotoR'; line-height:28px; font-size:13px; overflow:hidden;}
.notice015 .list_box li a {display:block; width:60%; padding-left:8px; float:left; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/web/gayang-p/main/015_noti_dot01.gif") no-repeat 0 13px;}
.notice015 .list_box li a:hover {text-decoration:underline;}
.notice015 .list_box li span.date {display:block; width:30%; float:right; text-align:right; color:#fff; font-size: 12px;}
.notice015 .btn_more {position:absolute; right: 20px; top:8px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/gayang-p/main/015_btn_more.png) no-repeat center;}

/* 식단 */
.meal_menu015 { position:relative; height:100%; background:url(/images/web/gayang-p/main/015_bg_m_link.png)no-repeat 100% 0; background-color:#26b9d5; border-radius:15px}
.meal_menu015 a { display:block; width:100%; height:100%; color:#fff}
.meal_menu015 a h2 { font-size:18px; font-family: 'NotoR'; padding:20px 0 0 20px}
.meal_menu015 a p {width:50%; height:50px; font-size:13px; line-height:18px; padding:0 0 0 20px; overflow-y:auto}
.meal_menu015 a img { position:absolute; top:20px; right:20px; width:60px; height:60px;}

/* 바로가기 1*/
.M_link015 { position:relative; height:100%; background:url(/images/web/gayang-p/main/015_bg_m_link.png)no-repeat 100% 0; background-color:#fd7f00; border-radius:15px}
.M_link015 a { display:block; width:100%; height:100%; color:#fff}
.M_link015 a h2 { font-size:18px; font-family: 'NotoR'; padding:20px 0 0 20px}
.M_link015 a p {width:50%; height:50px; font-size:13px; line-height:18px; padding:0 0 0 20px; overflow-y:auto}
.M_link015 a img { position:absolute; top:20px; right:20px; width:60px; height:60px;}

/* 바로가기 2*/
.M_link015_2 { position:relative; background: #179fa0; border-radius:15px; overflow:hidden;min-height: 219px;}
.M_link015_2 ul{ width:100%;}
.M_link015_2 li:last-child { border: 0; }
.M_link015_2 li{position:relative; width:49.5%; height:220px; float:left; border-right: 1px dashed #fff; }
.M_link015_2 li a{ display:block; color:#444; height:165px; font-family:"NotoR"; font-size:13px; letter-spacing:-1px; text-align: center; }
.M_link015_2 li a:hover{ color:#006bb6}
.M_link015_2 li h2{ background:url(/images/web/gayang-p/main/015_bullet.gif) no-repeat 0 0; font-family:"NotoR"; font-size:18px; color: #fff; padding:130px 0 5px; }
.M_link015_2 li a p{font-size: 13px; line-height:18px; color: #fff; padding:3px 25px; }
.M_link015_2 li img{position:absolute; top:25px; left:50%; margin-left:-48px; width:97px; height:97px;}

/* 사진앨범 */
.gallery015 { position:relative; height:100%; background:#45b1ef url(/images/web/gayang-p/main/015_gallery_bg.png) repeat; border-radius:15px}  
.gallery015 h2 { font-family:"NotoR"; font-size:16px; line-height:60px; color:#fff; text-indent:20px; }
.gallery015 .gall_info {display:none;}
.gallery015 .gall_list {  overflow:hidden; height:140px}
.gallery015 .gall_list li {width:132px; margin-left:4%; float:left; margin: 0px 0px 0px 17px;}
.gallery015 .gall_list li a {display:block;}
.gallery015 .gall_list li .img img {width:100%; height:114px;}
.gallery015 .gall_list li span {display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#fff;}
.gallery015 .gall_list li span.txt { margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery015 .gall_list li span.date {margin-top:5px; color:#555;}
.gallery015 .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/gayang-p/main/015_btn_more.png) no-repeat center;}

/* 팝업존 */
.pop015{ position:relative; height:100%; border-radius:15px; background: #d9e6ef; overflow:hidden;  }
.pop015 h2{ background:#006cb7; height: 45px; line-height: 46px; font-size:18px; font-family:'NotoR'; color:#fff; text-indent: 20px;}
.pop015 .nss_pg{ position:absolute; top:15px; right:49px;}
.pop015 .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;}
.pop015 .nss_pg > span strong{ color:#ffdb4f;}
.pop015 .nss_pg a{ display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; margin-left:2px;}
.pop015 .nss_pg a.pre{ background:url(/images/web/gayang-p/main/015_btn_prev.png) no-repeat; }
.pop015 .nss_pg a.stop{ background:url(/images/web/gayang-p/main/015_btn_stop.png) no-repeat; }
.pop015 .nss_pg a.play{ background:url(/images/web/gayang-p/main/015_btn_play.png) no-repeat; }
.pop015 .nss_pg a.next{ background:url(/images/web/gayang-p/main/015_btn_next.png) no-repeat; }
.pop015 .nss_pg a.list{ background:url(/images/web/gayang-p/main/015_btn_list.png) no-repeat; }
.pop015 .pop_img{ position:relative; margin: 15px 35px 0 40px; }
.pop015 .pop_img li{ /*display:none;*/}
.pop015 .pop_img li img{ width:235px; height:145px; margin-bottom: 50px;}
.pop015 .pop_img li.on{ display:block}
/* 180713 : 팝업리스트 레이어 추가 */
.pop015 a.list {position:absolute; top:15px; right:25px; display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; background:url('/images/web/gayang-p/main/015_btn_list.png') no-repeat; }
.pop015 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop015 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop015 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop015 .pop_layer_box .pop_layer ul {height:125px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop015 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop015 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop015 .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;}


/* 배너존 */
.banner_zone{ position:relative; z-index:1; width:100%; height:78px; overflow:hidden; clear:both; float:left; background:#fff; border-top:1px solid #c8d1db}
.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/gayang-p/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/web/gayang-p/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/web/gayang-p/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/web/gayang-p/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/images/web/gayang-p/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) {
	
	.notice015 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}		
	.main_visual, .notice015, .pop015, .drawSchedule015, .gallery015, .M_link015, .M_link015_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}

		/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	/* 바로가기 1*/
	.M_link015 .link_01, .M_link015 .link_02 { width:100%; }
		
	/* 팝업존 */
	.pop015 .pop_img li img { width: 100%; }

	/* 학교앨범 */
	.gallery015 .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) {	

	/* 학교일정 */
	.drawSchedule015{ width:100%; } 

	/* 팝업존 */
	.pop015 { width: 100%; margin-left: 0px;}
	
	/* 바로가기 1*/
	.M_link015 { width: 100%; }
	.M_link015 .link_01, .M_link015 .link_02 { width:100%; }
	
	/* 바로가기 2 */
	.M_link015_2 { width: 100%; }

	

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

@media (max-width: 480px) {		

	/* 학교일정 */
	.drawSchedule015{ width:100%; }	
	

	
	/* 오늘의 식단 */
	.lunch { width:100%;}
	
	/* 팝업존 */
	.pop015{ width:100%; }
	
	/* 바로가기 1*/
	.M_link015{ width:100%;}
	
	/* 바로가기 2 */
	.M_link_015_2 { width:100%;}

	/* 포토갤러리 */
	.gallery015 .gall_list li { width:-webkit-calc(46% - 14px); width:-moz-calc(46% - 14px); width:calc(46% - 14px);}
	
	/* 행사일정 */
	.schedule{ width:100%; }	
	
}

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