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

/* 메인비주얼 */
.main_visual {position:relative;width:100%;height:100%;}
.main_visual .bx-wrapper,
.main_visual .bx-viewport{height:100% !important;}
.main_visual ul { position:relative; height:100%;}
.main_visual ul li { position:relative; height:100%; overflow:hidden;}
.main_visual ul li img{position: relative;left:50%;top:50%;width:auto;height:100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.main_visual .bx-controls { position:absolute; width:980px; height:26px; left:50%; bottom:80px; margin-left:-490px; z-index:20; }
.main_visual .bx-controls { position:absolute; width:980px; height:26px; left:50%; bottom:55px; margin-left:-490px; z-index:20; }
.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('/00_common/images/con_com/btn_play.png') no-repeat center center; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop { display:block; background:url('/00_common/images/con_com/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 #fff; box-sizing:border-box; border-radius:9px; } /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active { background-color:#fff; }/* 비주얼 버튼 색상 */

/* 공지사항 */
.notice05 { position:relative; height:100%; overflow:hidden; background:#fff; border-left:1px solid #d2d2d2; padding:0 0 0 30px; box-sizing:border-box; }
.notice05 h2 {position:relative;max-width:28%;float:left;font-size: 18px;text-align:center;letter-spacing:-1px;overflow:hidden;padding:0 15px;}
.notice05 h2:first-child { padding-left:0; }
.notice05 h2:before { content:''; position: absolute; left:0; top:6px; width:5px; height:13px; background:url('/tempSample/20005/images/main/05_noti_dot.png') no-repeat; }
.notice05 h2:first-child:before { display:none;}
.notice05 h2 a { position: relative; display:block; height:28px; font-family:'NotoM'; color:#838383;  }
.notice05 h2 a:hover { color:#184386; }
.notice05 h2 a.current { font-family:'NotoM'; color:#9b502b; z-index:2;}
.notice05 .list_box.on { display:block; }
.notice05 .list_box { display:none; position:absolute; top:35px; width:calc(100% - 30px); font-size:14px; }
.notice05 .list_box .top_list { position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #bcbcbc; }
.notice05 .list_box .top_list a { display:block; height:80px; }
.notice05 .list_box .top_list a dl { padding-left:100px;}
.notice05 .list_box .top_list a dl dt { position:relative; font-family:'NotoM'; font-size:17px; color:#333; padding:19px 0 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice05 .list_box .top_list a dl dt.new { padding-left:30px; }
.notice05 .list_box .top_list a dl dt.new:before { content:'N'; position:absolute; left:0; top:19px; width:25px; height:25px; border-radius:25px; font-family:'NotoM'; font-size:13px; color:#fff; background:#f26522; line-height:26px; text-align:center; }
.notice05 .list_box .top_list a dl dd { font-size:15px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice05 .list_box .top_list a dl .date { position:absolute; top:0; left:0; width:87px; height:80px; color:#fff; background:url('/tempSample/20005/images/main/05_noti_bg.png') no-repeat right top; }
.notice05 .list_box .top_list a dl .date span.month { display:block; width:75px; height:75px; background:#754c24; border-radius:75px; font-size:13px; text-align:center; margin-top:5px; padding-top:45px; box-sizing:border-box; }
.notice05 .list_box .top_list a dl .date span.day { position:absolute; top:12px; left:20px; display:block; font-size:30px; line-height:34px; border-bottom:1px solid #fff; }
.notice05 .list_box .top_list a:hover { text-decoration:underline;}
.notice05 .list_box .top_list a:hover dl dt { color:#754c24; }
.notice05 .list_box li { position:relative; line-height:28px; vertical-align:middle; overflow:hidden; }
.notice05 .list_box li a { position:relative; display:block; margin-right:90px; padding-left:10px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice05 .list_box li a:before { content:''; position:absolute; top:15px; left:0; width:3px; height:3px; background:#8a8a8a; }
.notice05 .list_box li.new a { padding-left:40px; }
.notice05 .list_box li.new a:after { content:'N'; position:absolute; left:10px; top:3px; width:25px; height:25px; border-radius:25px; font-family:'NotoM'; font-size:13px; color:#fff; background:#f26522; line-height:26px; text-align:center; }
.notice05 .list_box li a:hover { text-decoration:underline; font-family:'NotoM'; }
.notice05 .list_box li span.date { position:absolute; right:0; top:0; color:#999; }
.notice05 .btn_more { position:absolute; right:0; top:-29px; width:14px; height:14px; background:url('/tempSample/20005/images/main/05_btn_more2.png') no-repeat; text-indent:-9999em; line-height:0; font-size:0; }
.notice05 .btn_more:hover { transform:rotate(180deg);}
.notice05 .list_box .top_list dl dt, .notice05 a, .notice05 .btn_more { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 학사일정 */
.drawSchedule05 { position:relative; height:100%; overflow:hidden; background:#fff; overflow:hidden; box-sizing:border-box; }
.drawSchedule05 h2 {height:30px;font-family:'NotoM';color:#1f1f1f;font-size: 18px;margin-right:20px;overflow:hidden;}
.drawSchedule05 .date_view { position:absolute; top:40px; width:100%; z-index:2;}
.drawSchedule05 .date_view .day { background:#00746b; width:160px; height:38px; border-radius:19px; line-height:38px; font-size:20px; color:#fff; font-family:'NotoM'; text-align:center; margin:0 auto; }
.drawSchedule05 .date_view .day .year { font-family:'NotoL';}
.drawSchedule05 .date_view a { position:absolute; top:2px; width:35px; height:35px; border-radius:35px; text-indent:-9999em; line-height:0; font-size:0; }
.drawSchedule05 .date_view .pre { left:0; background:#00746b url('/tempSample/20005/images/main/05_sche_prev.png') no-repeat center; }
.drawSchedule05 .date_view .next { right:0; background:#00746b url('/tempSample/20005/images/main/05_sche_next.png') no-repeat center; }
.drawSchedule05 .date_view .pre:hover { background:#005f58 url('/tempSample/20005/images/main/05_sche_prev.png') no-repeat center; }
.drawSchedule05 .date_view .next:hover { background:#005f58 url('/tempSample/20005/images/main/05_sche_next.png') no-repeat center; }
.drawSchedule05 .sch_list { position:relative; box-sizing:border-box; background:#fff; margin-top:30px; padding-top:40px; border-top:1px dotted #d9d9d9; }
.drawSchedule05 .sch_list ul { overflow-y:auto; height:148px; font-size:14px; }
.drawSchedule05 .sch_list ul li a { position:relative; display:block; color:#555; line-height:30px; padding:0 10px 0 80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.drawSchedule05 .sch_list ul li a:hover { font-family:'NotoM'; text-decoration:underline; }
.drawSchedule05 .sch_list ul li a span { position:absolute; left:0; top:0; display:block; width:65px; height:25px; border-radius:25px; line-height:25px; background:#00746b; text-align:center; color:#fff; font-family:'NotoM'; }
.drawSchedule05 .sch_list ul li a:hover span { background:#005f58; }
.drawSchedule05 .sch_list .no_Data { text-align:center; margin-top:50px; }
.drawSchedule05 .btn_more { position:absolute; right:0; top:7px; width:14px; height:14px; background:url('/tempSample/20005/images/main/05_btn_more.png') no-repeat; text-indent:-9999em; line-height:0; font-size:0; }
.drawSchedule05 .btn_more:hover { transform:rotate(180deg);}
.drawSchedule05 .sch_list, .drawSchedule05 .date_view a, .drawSchedule05 .sch_list ul li a span, .drawSchedule05 .btn_more { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 식단 */
.meal_menu05 {position:relative;height:100%;padding:20px 15px;overflow:hidden;box-sizing:border-box;background:url('/tempSample/20005/images/main/05_bg_meal.png') repeat-x bottom;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.meal_menu05 h2 {height:30px;font-size: 18px;color:#2e2e2e;font-family:"NotoM";margin-right:20px;overflow:hidden;}
.meal_menu05 .meal_info { display:none; }
.meal_menu05 ul { height:78px; overflow-y:auto; margin-top:128px; background:#fee7ce; }
.meal_menu05 ul li { position:relative; }
.meal_menu05 dl dt.kcal { position:absolute; left:10px; top:0; z-index:10; width:calc(100% - 20px); height:30px; line-height:30px; font-size:17px; font-family:"NotoB"; color:#894012; border-bottom:1px solid #ffd000;  }
.meal_menu05 dl dd.meal_list { padding:37px 10px 20px; font-family:"NotoM"; font-size:14px; color:#555; letter-spacing:-1px; line-height:20px; }
.meal_menu05 span.kcal { position:absolute; top:10px; left:15px; font-family:"NotoM"; font-size:16px; color:#fff79d; background:rgba(255,255,255,0.34); height:24px; border-radius:12px; }
.meal_menu05 .imgBg { position:absolute; left:50%; margin-left:-105.5px; top:42px; }
.meal_menu05 .imgBg img { width:212px; height:129px; }
.meal_menu05 .btn_more { position:absolute; right:25px; top:27px; width:14px; height:14px; background:url('/tempSample/20005/images/main/05_btn_more2.png') no-repeat; text-indent:-9999em; line-height:0; font-size:0; }
.meal_menu05 .btn_more:hover { transform:rotate(180deg);}
.meal_menu05 ul li.no_Data {  margin-top:28px; text-align:center }
.meal_menu05 ul, .meal_menu05 .imgBg img, .meal_menu05 .btn_more { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 알림판 */
.pop05 {position:relative;height:100%;overflow:hidden;background:#fff;border:1px solid #d9d9d9;overflow:hidden;padding: 20px 10px 0;box-sizing:border-box;}
.pop05 h2 {height:30px;font-size: 18px;font-family:"NotoM";color:#323232;margin-right:140px;overflow:hidden;}
.pop05 .nss_pg { position:absolute; top:25px; right:51px; }
.pop05 .nss_pg span { position:absolute; top:0; right:100px; text-align:right; line-height:24px; width:1px; height:1px; color:#fff; font-size:13px; display:inline-block; }
.pop05 .nss_pg span strong { font-size:15px; }
.pop05 .nss_pg a { display:block; float:left; font-size:0; text-indent:-10000em; width:24px; height:24px; border-radius:12px; border:1px solid #a8a8a8; margin-left:2px; box-sizing:border-box;}
.pop05 .nss_pg a.pre { background:url('/tempSample/20005/images/main/05_btn_prev.png') no-repeat center; }
.pop05 .nss_pg a.stop { background:url('/tempSample/20005/images/main/05_btn_stop.png') no-repeat center; }
.pop05 .nss_pg a.next { background:url('/tempSample/20005/images/main/05_btn_next.png') no-repeat center; }
.pop05 .nss_pg a.play { background:url('/tempSample/20005/images/main/05_btn_play.png') no-repeat center; }
.pop05 .pop_img2 { overflow:hidden;position:relative;}
.pop05 .pop_img2 li {display:none;overflow:hidden;max-width:360px;height:225px;margin:0 auto}
.pop05 .pop_img2 li img {max-width:100%;height: 100%;}
.pop05 .pop_img2 li.on { display:block }
.pop05 .pop_img2 li a {display:block; height:100%;}
/* 팝업리스트 레이어 추가 */
.pop05 a.list { position:absolute; top:25px; right:25px; display:block; float:left; font-size:0; text-indent:-10000em; width:24px; height:24px; border-radius:12px; border:1px solid #a8a8a8; box-sizing:border-box; background:url('/tempSample/20005/images/main/05_btn_list.png') no-repeat center; }
.pop05 .pop_layer_box { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61; }
.pop05 .pop_layer_box .pop_layer { position:relative; padding:20px; }
.pop05 .pop_layer_box .pop_layer h3 { font-size:18px; color:#fff; }
.pop05 .pop_layer_box .pop_layer ul { height:155px; margin-top:25px; padding:10px 15px 10px 25px; line-height:24px; overflow-y:auto; background:#576c85; }
.pop05 .pop_layer_box .pop_layer ul li { font-size:14px; color:#fff; list-style-type:disc; }
.pop05 .pop_layer_box .pop_layer ul li a { color:#fff; }
.pop05 .pop_layer_box .pop_layer a.pop_close { display:block; position:absolute; right:20px; top:15px; padding:5px 10px; font-family:"NotoR"; color:#fff; background:#576c85; border-radius:5px; }

/* 포토갤러리 */
.gallery05  {position:relative; height:100%; border:1px solid #d9d9d9; padding:20px 25px; box-sizing:border-box; }
.gallery05 h2 {height:30px;font-family:'NotoM';color:#1f1f1f;font-size: 18px;margin-right:20px;overflow:hidden;}
.gallery05 .gall_list { margin-top:10px; }
.gallery05 .gall_list a {display:block;}
.gallery05 .gall_list a:hover{text-decoration:underline;}
.gallery05 .gall_list .img { width:100%; max-width:280px; height:128px; overflow:hidden; margin:0 auto;}
.gallery05 .gall_list a .img img { width:100%; height:100%; }
.gallery05 .gall_list a:hover .img img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); }
.gallery05 .gall_list span { display:block; }
.gallery05 .gall_list span.txt { font-family:"NotoM"; font-size:15px; color:#333; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery05 .gall_list span.date { color:#999; font-size:14px; }
.gallery05 .btn_more { position:absolute; right:25px; top:27px; width:14px; height:14px; background:url('/tempSample/20005/images/main/05_btn_more2.png') no-repeat; text-indent:-9999em; line-height:0; font-size:0; }
.gallery05 .btn_more:hover { transform:rotate(180deg);}
.gallery05 .gall_list, .gallery05 .gall_list a .img img, .gallery05 .btn_more{ transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 우리반 홈페이지 */
.class05 { position:relative; width:660px; height:35px; color:#333; }
.class05 p { position:absolute; left:35px; top:0; display:block; float:left; }
.class05 h2 {position:absolute;left: 70px;top:5px;font-size: 17px;overflow:hidden;}
.class05 .class_box { position:relative; margin:10px 140px 0 190px; }
.class05 .class_box span {position:relative;display:block;width:48%;float:left;margin:0 2% 0 0;background:url('/tempSample/20005/images/main/05_btn_class.png') no-repeat 95% center;border:1px solid #333;box-sizing:border-box;overflow:hidden;}
.class05 .class_box select {display:block;width:100%;height:33px;font-size:15px;color:#333;padding: 0 20px;line-height:33px;border:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;}
.class05 .class_box select option { color:#000; }
.class05 .class_box select::-ms-expand { display:none; }
.class05 button { position:absolute; right:0; top:0; width:135px; height:35px; color:#fff; font-size:15px; background:#754c24; cursor:pointer; }
.class05 button:hover { background:#563414; }
.class05 h2, .class05 .class_box, .class05 button, .class05 button span:before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 기능바로가기 */
.classlink05{position:relative;width: 660px;height:40px;margin: 7px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;}
.classlink05 ul{position:relative; overflow:hidden;}
.classlink05 ul li{float:left; width:24%; height:33px; line-height:33px; border:1px solid #fff; box-sizing:border-box; margin:0.5%;}
.classlink05 ul li a{display:block; height:33px; padding:0 10px; font-size:15px; color:#fff; text-align:center; overflow:hidden;}
.classlink05 ul li a:hover{text-decoration:underline;}

/* 바로가기 */
.M_link05 {position:relative;height:100%;overflow:hidden;box-sizing:border-box;}
.M_link05 ul { display:table; width:100%; table-layout:fixed; margin:12px 0; }
.M_link05 ul li { display:table-cell; overflow:hidden; }
.M_link05 ul li a { position:relative; display:block; width:100%; box-sizing:border-box;}
.M_link05 ul li a .img { position:absolute; top:10px; left:50%; margin-left:-40px; display:block; width:80px; height:80px; border:1px solid #ccc; border-radius:40px;}
.M_link05 ul li a .img:hover { background:#eee; }
.M_link05 ul li a .img img { position:absolute; top:15px; left:16px; width:50px; height:50px; }
.M_link05 ul li a:hover .img img { transform:rotateY(180deg); }
.M_link05 ul li a .txt { display:block; width:100%; height:36px; font-size:15px; color:#333; text-align:center; line-height:18px; padding:100px 5px 35px; box-sizing:border-box; overflow:hidden; }
.M_link05 ul li a:hover .txt { text-decoration:underline; }
.M_link05 ul li a:hover, .M_link05 ul li a:focus { text-decoration:underline; }
.M_link05 ul li, .M_link05 ul li a .img, .M_link05 ul li a .img img { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

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

@media (max-width:1080px) {

	.main_visual, .notice05, .drawSchedule05, .meal_menu05, .pop05, .gallery05, .class05, .M_link05 .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; }

	.gallery05 h2, .drawSchedule05 h2, .meal_menu05 h2, .pop05 h2 {font-size:18px;}

	/* 메인비주얼 */
	.main_visual {padding-bottom:0;}
	.main_visual ul li img {width: 150%;height:auto;left: -35%;top:0;transform: none;-webkit-transform: none;}
	.main_visual .bx-controls {width:100%;bottom: 20px;left:2.5%;margin-left:auto;}

	/* 알림판 */
    .pop05 .pop_img2 li {max-width:100%;text-align:center;}

	/*공지사항*/
	.notice05 h2 { font-size:18px; }

	/*우리반 홈페이지*/
	.class05 { width:97%;}

	/* 기능 바로가기 */
	.classlink05 {width:97%;margin: 5px auto;}

	/* 배너존 */
	.banner_zone .inner {width:95%;}
	.banner_zone .inner ul li {/* width:23%; */float:left;/* margin-left:2%; */}
	.banner_zone ul li a img {width:100%}
 }

@media (max-width:860px) {

	/* 메인비주얼 */
	.main_visual .bx-controls {bottom:20px; }

	/*공지사항*/
	.notice05 { padding-left:0; border-left:none;}
	.notice05 .list_box { width:100%; }

	/*오늘의식단*/
	.meal_menu05 {border-top:none;border-bottom:none;padding: 0 25px 20px;}
	.meal_menu05 ul {height: 80px; margin-top: 148px;}
	.meal_menu05 .btn_more {top:5px;}

	/* 학교앨범 */
	.gallery05 {border-right:none;}

	/* 기능 바로가기 */
	.classlink05 {
    margin: 8px auto;
}

	/*바로가기*/
	.M_link05 ul li {display:block;float:left;width:25%;}


	/*배너존*/
	.banner_zone .inner ul li {/* width:30%; *//* margin-left:3%; */}

 }

 @media (max-width:760px) {

	/*배너존*/
	.banner_zone .inner ul li {/* width:30%; *//* margin-left:3%; */}

 }

@media (max-width:640px) {

	/*메인비주얼*/
	.main_visual {padding-bottom:0;}
	.main_visual .bx-controls {bottom: 8%;}

	/*오늘의식단*/

	.meal_menu05 {border:1px solid #d9d9d9; padding: 20px 25px;}
	.meal_menu05 ul {margin-top: 126px;}
	.meal_menu05 .btn_more {top:27px;}

	/* 학교앨범 */
	.gallery05 {border-right:1px solid #d9d9d9;}

	/*우리반 홈페이지*/
	.class05 p,.class05 h2 {display:none;}
	.class05 .class_box {margin: 10px 140px 0 3%;}


	.notice05 h2 {font-size: 16px; padding:0 2%;}



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

    /* 우리반 홈페이지 */
    .class05 {margin-bottom:10px;}

     /* 기능바로가기 */
     .classlink05 {height:auto;}
	.classlink05 ul li {width:100%; margin:1% 0;}

	/*바로가기*/
	.M_link05 ul li a .img {width:60px; height:60px; margin-left:-30px;}
	.M_link05 ul li a .img img {width:30px; height:30px;}
	.M_link05 ul li a .txt {padding:80px 5px 35px;}


	/* 배너존 */
	.banner_zone .inner ul li {/* width:48%; *//* margin-left:2%; */}
 }

@media (max-width:500px) {


	/*우리반 홈페이지*/
	.class05 .class_box {margin:10px 95px 0 3%;}
	.class05 button {width:90px;}

}



@media (max-width:380px) {

	/* 배너존 */
	.banner_zone .inner ul li {/* width:100%; */float:left;/* margin-left:0; */}


 }