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

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

/* 메인 비주얼 */
.main_visual {width:100%; height:340px; background:url('/images/sch/web/eogok-p/main/M_visual_bg.png') no-repeat center center; 
	background-size:cover; /* background-size cover IE8*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/web/eogok-p/main/M_visual_bg.png',sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/web/eogok-p/main/M_visual_bg.png', sizingMethod='scale');}
.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:50%; 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/eogok-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/eogok-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;}/* 비주얼 버튼 색상 */


/* 학사일정 */
.scheduleBox074{height:60px; background:#bbe9b2;}
.schedule074 {position:relative; width:980px; margin:0 auto;}
.schedule074 .date_view {position:relative; width:150px; height:24px; padding:18px 0 18px 100px; color:#1c5d14; background:#8cd75e; font-size:14px; float:left; font-family:"NotoR";}
.schedule074 .date_view h2 {position:absolute; left:20px; top:0; font-size:16px; color:#fff; line-height:60px; }
.schedule074 .date_view span.month {color:#1c5d14; font-size:22px; line-height:22px; font-family:"NotoM";}
.schedule074 .inner {width:740px; float:right;}
.schedule074 .inner ul {font-size:12px; overflow:hidden}
.schedule074 .inner ul li {position:relative; width:33.3%; float:left;}
.schedule074 .inner ul li a {display:block; line-height:60px; padding:0 25px 0 70px; color:#fff; border-right:1px dotted #fea19a;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.schedule074 .inner ul li a span {position:absolute; left:25px; top:0; color:#fff799; font-weight:bold;}

/* 공지사항 */
.notice074_1 { height:163px; padding:20px 25px 25px; background:#8bc2ed;}
.notice074_1 h2 {height:26px; line-height:26px; font-size:16px; color:#fff; padding-left:35px; background:url("/images/sch/web/eogok-p/main/074_icon_noti.png") no-repeat left center;}
.notice074_1 ul {height:130px; margin-top:15px; overflow:hidden}
.notice074_1 ul li {line-height:26px; font-size:12px; padding-left:10px; background:url("/images/sch/web/eogok-p/main/074_bu_dot.gif") no-repeat left center;}
.notice074_1 ul li a {display:block; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice074_1 ul li a:hover { color:#fff; text-decoration:underline}
.notice074_1 .btn_more {position:absolute; right:25px; top:20px;}

/* 가정통신문, 학교소식 180905 */
.notice074_2 {height:163px; padding:20px 25px 25px;}
.notice074_2.bg_mint {width:183px; height:163px; background:#5ed1b2;}
.notice074_2.bg_oran {width:188px; height:163px; background:#f9b635;}
.notice074_2.bg_mint h2 {height:26px; line-height:26px; font-size:16px; color:#fff; padding-left:38px; background:url("/images/sch/web/eogok-p/main/074_icon_corr.png") no-repeat left center;}
.notice074_2.bg_oran h2 {height:26px; line-height:26px; font-size:16px; color:#fff; padding-left:33px; background:url("/images/sch/web/eogok-p/main/074_icon_news.png") no-repeat left center;}
.notice074_2 a {display:block; }
.notice074_2 a dl {height:60px; color:#fff; padding:15px 0 10px; font-size:12px; line-height:20px; border-bottom:1px dotted #fff;}
.notice074_2 a dl dt {font-weight:bold; text-decoration:underline; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice074_2 a dl dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice074_2 ul {height:55px; margin-top:10px; overflow:hidden;}
.notice074_2 ul li {line-height:26px; font-size:12px; padding-left:10px; background:url("/images/sch/web/eogok-p/main/074_bu_dot2.gif") no-repeat left center;}
.notice074_2 ul li a {display:block; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice074_2 ul li a:hover {text-decoration:underline}
.notice074_2 .btn_more {position:absolute; right:25px; top:20px;}

/* 오늘의 식단180905*/
.meal_box074 {width:100%; height:208px; float:left; background:#f9bfad;}
.meal074 {position:relative; padding:15px 20px;}
.meal074 h2 {width:100%;  line-height:30px; font-size:18px; font-family:"NotoM"; color:#fff;  padding-left:33px; background:url("/images/sch/web/eogok-p/main/074_icon_news.png") no-repeat left top;}
.meal074 a {display:block; font-size:12px; color:#666;}
.meal074 p.meal_list{position:relative; height:130px;  background:#feaa8f; margin:10px 70px 0 0; font-size:12px; color:#fff; line-height:18px;  overflow-y:auto; word-break:keep-all;}
.meal074 p.img{width:78px; height:87px; position:absolute; bottom:10px; right:10px;}
.meal074 p img{width:100%; height:100%;}
.meal074 p.kcal {position:absolute; top:10px; right:15px; color:#6a96c2; text-indent:-9999px;}
.meal074 .btn_more {position:absolute; right:25px; top:20px;}

/* 팝업존 180905 */
.pop074{width:100%; height:206px;  float:left;  border:1px solid #c8d1db; background-color:#f5f7f8; overflow:hidden}
.pop074 h2{width:100%: height:60px; line-height:60px; font-size:16px; font-family:"NotoM"; color:#1d1d1d; padding:0 25px; border-bottom:1px solid #c8d1db;}
.pop074 .nss_pg{ position:absolute; top:21px; right:25px; }
.pop074 .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:22px; color:#666; font-size:12px; top:0; right:100px; display:inline-block; width:50px; text-align:right}
.pop074 .nss_pg > span strong{ color:#0588be}
.pop074 .nss_pg a{ display:block; position:absolute; font-size:0; text-indent:-10000em; width:24px; height:24px;}
.pop074 .nss_pg a.pre{ background:url(/images/sch/web/eogok-p/main/074_btn_p_prev.png) no-repeat; right:74px}
.pop074 .nss_pg a.play{ background:url(/images/sch/web/sample3/main/074_btn_p_play.png) no-repeat; right:48px}
.pop074 .nss_pg a.stop{ background:url(/images/sch/web/eogok-p/main/074_btn_p_stop.png) no-repeat; right:48px}
.pop074 .nss_pg a.next{ background:url(/images/sch/web/eogok-p/main/074_btn_p_next.png) no-repeat; right:22px;}
.pop074 .pop_img{width:240px; height:145px;}
.pop074 .pop_img li{ /*display:none;*/ /*margin-bottom: 50px;*/ }
.pop074 .pop_img li img{width:240px; height:145px;}
.pop074 .pop_img li.on{ display:block}

/* 팝업리스트 레이어 추가 */
.pop074 a.list {position:absolute; top:20px; right:20px; display:block; float:left; font-size:0; text-indent:-10000em; width:24px; height:24px; background:url('/images/sch/web/eogok-p/main/074_btn_p_list.png') no-repeat; }
.pop074 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop074 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop074 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop074 .pop_layer_box .pop_layer ul {height:120px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop074 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop074 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop074 .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;}


/* 사진첩 */
.gallery074 {position:relative; width:700px; height:175px; float:left;  padding:20px 5px  25px 25px;background:#ffd566;}
.gallery074 h2 {height:26px; line-height:26px; font-size:16px; color:#333; padding-left:38px; background:url("/images/sch/web/eogok-p/main/074_icon_photo.png") no-repeat left center;}
.gallery074 ul{overflow:hidden; margin:20px 0 0; width:100%; height:140px; }
.gallery074 ul li { float:left; width:175px;} 
.gallery074 ul li:first-child { margin-left:0}
.gallery074 ul li a{ color:#444; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gallery074 ul li a:hover{ text-decoration:underline}
.gallery074 ul li a .img{ display:block}
.gallery074 ul li a .img img{ width:153px; height:112px;} 
.gallery074 ul li a .txt{  width:153px; display:block; margin:5px 0 18px; line-height:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gallery074 .btn_more{position:absolute; right:25px; top:20px;}

/* 바로가기 180905 */
.M_link074 {height:100%;}
.M_link074 ul li {height:68px; line-height:68px; margin-top:5px; border:1px solid #ddd;}
.M_link074 ul li:first-child { margin-top:0}
.M_link074 ul li a {display:block; padding:0px 4px 10px; font-size:13px; font-family:"NotoR"; color:#222; letter-spacing:-1px;background:url("/images/sch/web/eogok-p/main/btn_go.png") no-repeat right center; }  

.M_link074 ul li a img{width:40px; height:39px; margin-right:4px;}   
.M_link074 ul li a:hover { color:#222;}


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


@media (max-width: 800px) {
	

	.main_visual,
	.notice074_1,
	.notice074_2,
	.M_link074,
	.gallery074,
	.lunch074, 
	.pop074,
	.scheduleBox074,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	
	.main_visual, .notice074_1, .notice074_2, .scheduleBox074, .gallery074, .lunch074, .pop074, .M_link074, .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; }

	/* 학사일정 */
	/*.scheduleBox074 { height:auto;  background:#fea19a;}*/
	.scheduleBox074 { height:92px;  background:#fea19a;}
	.schedule074 {width:100%;}
	.schedule074 .date_view {top:0; left:0; width:150px; height:100%; padding:50px 0 18px 20px; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	.schedule074 .date_view h2 {position:absolute; left:20px; top:0; letter-spacing:-1px;}
	.schedule074 .date_view span.month {position:absolute; left:auto; right:32px; top:18px;color:#fff799; font-size:22px; line-height:22px; font-family:"NotoM";}
	.schedule074 .date_view span.month_text {position:absolute; left:auto; right:20px; top:23px; color:#fff799;}
	.schedule074 .inner {width:auto; float:none; padding-left:130px;}
	.schedule074 .inner ul {padding:10px 0;}
	.schedule074 .inner ul li {position:relative; width:100%; float:none;}
	.schedule074 .inner ul li a {display:block; line-height:26px; padding:0px 25px 0 70px; color:#fff; border-right:none;}
	.schedule074 .inner ul li a span {position:absolute; left:25px; top:0; color:#fff799; font-weight:bold;}

	/* 공지사항 */
	.notice074_1 { height:210px;}	
	
	/* 가정통신문, 학교소식 */
	.notice074_2 { height:210px;}
	.notice074_2.bg_mint {width:100%; height:210px;}
	.notice074_2.bg_oran {width:100%; height:210px;}

	/* 팝업존 */
	.pop074 {width:100%; height:208px;}
	.pop074 .pop_img{width:100%;}
	.pop074 .pop_img li img{width:100%;}

	/* 사진첩 */
	.gallery074 {width:100%; height:auto;  padding: 20px;  }
	.gallery074 ul li { float:left; margin-left:2%; width:23%;}
	.gallery074 ul li a .img img{ width:100%; height:112px;}
	.gallery074 ul li a .txt{display:block; width:100%; margin:5px 0 18px;  line-height:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.gallery074 .btn_more{position:absolute; right:25px; top:20px;}
	
 	/* 오늘의 식단*/
	.meal_box074 { width:100%;} 

	/* 바로가기 */
	.M_link074 {width:100%; }
	.M_link074 ul li {width:32%; height:68px; line-height:68px; margin:0 0 0 2%; float:left; border:1px solid #ddd;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}
	.M_link074 ul li:first-child { margin:0;}
	.M_link074 ul li a img{margin-right:10px;}
	.M_link074 ul li a {padding-left:10px; font-size:14px; background:url("/images/sch/web/eogok-p/main/btn_go.png") no-repeat 100% center;}  

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

}

@media (max-width: 670px) {	

	/* 바로가기 */
	.M_link074 ul li {width:100%;  margin:2% 0 0 0;}
	.M_link074 ul li a {padding-left:10px; font-size:13px;background:none;}
	
	/*사진첩*/
	.gallery074 ul li{width:32%;}	
		
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(48% - 10px); width:-moz-calc(48% - 10px); width:calc(48% - 10px);}

	
}
@media (max-width: 480px) {


	/* 팝업존 */
	.pop074 .pop_img{width:100%;}
	.pop074 .pop_img li img{width:100%;}

	/* 가정통신문, 학교소식 */
	.notice074_2 { height:210px;}
	.notice074_2.bg_mint {width:100%; height:210px;}
	.notice074_2.bg_oran {width:100%; height:210px; margin-left:0;}

	/* 사진첩 */
	.gallery074 { height:auto; padding:20px 25px 0;}
	.gallery074 ul{width:100%; height:148px; overflow:hidden}
	
	.gallery074 ul li a .img img{ width:100%; height:112px;}
	.gallery074 ul li a .txt{ display:block; margin:5px 0 18px; line-height:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.gallery074 .btn_more{position:absolute; right:25px; top:20px;}

	/* 바로가기 */
	.M_link074 {width:100%; height:auto;}
	.M_link074 ul li {width:100%; height:50px; line-height:50px; margin:5px 0 0; float:none;}
	.M_link074 ul li a {padding-left:15px; background:url("/images/sch/web/eogok-p/main/btn_go.png") no-repeat right center;}
	.M_link074 ul li a img{width:35px; height:auto}/*180905*/
	
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(95% - 10px); width:-moz-calc(95% - 10px); width:calc(95% - 10px);}
	
}