@charset "utf-8"; 

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

.btn_more{position:absolute; top:0; right:0; width:24px; height:24px; line-height:24px; background-image: url('/images/sch/web/ogya-m/main/152_btn_more.png'); background-position: center; background-repeat: no-repeat;}
.btn_more:hover,
.btn_more:focus { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.btn_more{transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}

/* 메인비주얼 */
.MVisual152{position:relative; height:100%; overflow:hidden; }
.MVisual152 #m_visual li{overflow:hidden; text-align:center; font-size:0; line-height:0; }
.MVisual152 #m_visual li img{display:inline-block; position:relative; left:50%; height:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); }
.MVisual152 .bx-controls{position:absolute; bottom:20px; left:0; width:100%; height:26px; text-align:center; }
.MVisual152 .bx-controls-direction{display:none; }
.MVisual152 .bx-controls a{display:inline-block; margin:0 3px; color:transparent; overflow:hidden; vertical-align:middle; }
.MVisual152 .bx-controls-auto{font-size:0; vertical-align:middle; }  
.MVisual152 .bx-controls-auto,
.MVisual152 .bx-pager,
.MVisual152 .bx-pager-item{display:inline-block; }
.MVisual152 .bx-controls-auto a{width:26px; height:26px; background:no-repeat center / 100%; }
.MVisual152 .bx-controls-auto a.bx-start{display:none; background-image:url('/images/sch/00_common/con_com/btn_play.png'); }
.MVisual152 .bx-controls-auto a.bx-stop{display:inline-block; background-image:url('/images/sch/00_common/con_com/btn_stop.png'); }
.MVisual152 .bx-pager{height:16px; vertical-align:middle; }
.MVisual152 .bx-pager-item{height:100%; }
.MVisual152 .bx-pager a{width:16px; height:100%; vertical-align:top; border:1px solid rgba(0,0,0,0.5); border-radius:50%; } /* 비주얼 버튼 색상 */
.MVisual152 .bx-pager a.active{background-color:rgba(0,0,0,0.5); }/* 비주얼 버튼 색상 */

/* 게시판 */
.notice152{position:relative; height:100%; font-size:0; }
.notice152 h2{display:inline-block; max-width:calc((100% - 55px) / 3); font-size:20px;}  
.notice152 h2 ~ h2 { margin-left: 36px; }
.notice152 h2 a{position:relative; display:block; line-height:35px; color:#222; font-family: 'NotoM'; z-index: 1; }
.notice152 h2 ~ h2 a::before { position: absolute; top: 15px; left: -20px; width: 7px; height: 7px; border-radius: 50%; background: #d7d7d7; content: ""; }
.notice152 h2 span{ position: relative; display:block; white-space:nowrap; overflow:hidden;}
.notice152 h2 span::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border-radius: 15px; width: 0; height: 15px; background: #99e5ff; z-index: -1; content: ""; } 
.notice152 .list_box{position:absolute; top:56px; display:none; width:100%; height:calc(100% - 60px);  background: #fff; border-top: 2px solid #007fe0; border-bottom: 2px solid #dee1e4;}
.notice152 .list_box ul{ display: table; width: 100%; table-layout: fixed; overflow:hidden;  }
.notice152 .list_box li { display: table-cell; } 
.notice152 .list_box li a{position:relative; display:block; width:100%; padding:50px 24px 40px; line-height:55px; color:#333; overflow:hidden; } 
.notice152 .list_box li .tit { position: relative; font-size: 20px; font-family: 'NotoM'; height: 48px; overflow: hidden; line-height: 25px;}
.notice152 .list_box li.new .tit:before{ content:"NEW"; display:inline-block; color:#ffef7f; font-size:18px; text-align:center; font-family:'NotoM'; margin-right: 10px; }
.notice152 .list_box li .txt { font-size: 16px; color: #787878; height: 43px; overflow: hidden; line-height: 23px; margin: 24px 0 37px;}
.notice152 .list_box .date{display: block; color:#777; font-size:14px; line-height: 15px; } 
.notice152 .list_box .date i { margin-right: 6px; }
.notice152 .btn_more{ top:-54px; }
.notice152 a{transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}
/* active */
.notice152 h2 a:hover:not(.current),
.notice152 h2 a:focus:not(.current){color:#007fe0; }
.notice152 h2 a.current{font-family: 'NotoB';}
.notice152 h2 a.current span::before { width: 100%; }
.notice152 .list_box.on{display:block; }
.notice152 .list_box .noti_top a:hover .txt, .notice152 .list_box .noti_top a:focus .txt{text-decoration:underline; }
.notice152 .list_box li a:hover,
.notice152 .list_box li a:focus{ background: #007fe0; text-decoration:underline; color: #fff; }
.notice152 .list_box li a:hover .txt,
.notice152 .list_box li a:hover .txt { color: #fff; }
.notice152 .list_box li a:hover .date,
.notice152 .list_box li a:hover .date { color: #fff; }
.notice152 .list_box li a:hover::before,
.notice152 .list_box li a:focus::before { position: absolute; bottom: 37px; right: 24px; content: "MORE"; background: url('/images/sch/web/ogya-m/main/152_btn_more2.png') no-repeat top right; color: #fff; width: 72px; height: 26px; line-height: 26px; font-size: 15px; font-family:'NotoM'; }
.notice152 .list_box .NoData {display:table; width:100%; height:100%; text-align:center; font-size:15px; background:#f3f3f3; }
.notice152 .list_box .NoData span {display:table-cell; vertical-align:middle; }

/* 행사일정 */
.pop_schedule152{position:relative; height:100%; } 
/* .pop_schedule152 *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;} *//* 접근성 */
.pop_schedule152 ::-webkit-scrollbar { width: 5px; height:5px; }
.pop_schedule152 ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
.pop_schedule152 ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }
.pop_schedule152 h2 { height:20px; line-height:20px; color:#222; font-family:'NotoB'; font-size:20px; margin-right:50px; overflow:hidden;}
.pop_schedule152 .schedule_wrap{ position: relative; padding:20px 42px 23px 144px; background:#fff; box-shadow:3px 3px 7px rgba(0, 95, 180, 0.14); border-radius:20px; margin-top: 51px; margin-left: 21px; }
.pop_schedule152 .date { position:absolute; top: -24px; left: -21px; width:130px; height: 120px; background: #0072d9; border-radius: 30px 30px 0 30px; text-align: center; line-height: 30px; padding-top: 26px; overflow: hidden; font-size:20px; color: #e0f9ff; z-index: 3;}
.pop_schedule152 .date::before { position: absolute; top: -34px; right: -68px; width: 142px; height: 142px; border-radius: 50%; background: rgba(0, 90, 171, 0.4); content: ""; z-index: -1; }
.pop_schedule152 .date::after { position: absolute; top: 58px; right: -28px; width: 142px; height: 142px; border-radius: 50%; background: rgba(0, 90, 171, 0.4); content: ""; z-index: 0; }
.pop_schedule152 .date em { position: relative; z-index: 1; font-size: 37px; display:block; font-family: 'NotoB'; color: #fff; }
.pop_schedule152 .schedule_wrap ul{display: block; width: 100%; overflow: auto; white-space: nowrap;}
.pop_schedule152 .schedule_wrap .week{position: relative; padding: 0 50px; border-bottom: 2px dotted #d7d7d7; }
.pop_schedule152 .schedule_wrap .week ul li{width:60px; display: inline-block; text-align: center; padding: 0 10px;}
.pop_schedule152 .schedule_wrap .week ul li span { color: #3c3c3c; font-size: 17px; }
.pop_schedule152 .schedule_wrap .week ul li p{font-size: 22px; font-weight: 600; color: #232323; position: relative; margin: 6px 0 14px;}
.pop_schedule152 .schedule_wrap .week ul li p.day::before{width: 100%; height: 9px; background: rgba(0, 114, 217, 0.2); border-radius:  6px; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; }
.pop_schedule152 .schedule_wrap .week ul li p.day a{display: block; position: relative; z-index: 2; color: #232323}
.pop_schedule152 .schedule_wrap .week ul li p.day a::before{width: 5px; height: 5px; border-radius: 50%; background: #0776da; position: absolute; top: 0; right: 0; content: ''; }
.pop_schedule152 .schedule_wrap .week ul li p.today a{display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 50%; background: #c7f1ff; color: #232323; }
.pop_schedule152 .schedule_wrap .week ul li p.sun,
.pop_schedule152 .schedule_wrap .week ul li p.sat { color: #838175; }
.pop_schedule152 .schedule_wrap .week .prev, 
.pop_schedule152 .schedule_wrap .week .next{display: block; width: 40px; height: 30px; line-height: 30px; border-radius: 30px; background: #0776da; color: #fff; text-align: center; position: absolute; top: 20px; font-size: 19px;}
.pop_schedule152 .schedule_wrap .week .prev{left: 0;}
.pop_schedule152 .schedule_wrap .week .next{right: 0;}
.pop_schedule152 .lst_schedule{position: relative; margin-top: 19px; height: 35px; overflow: auto;}
.pop_schedule152 .lst_schedule li{ width: calc(100% / 3); float: left; color: #292929; font-size: 16px; padding: 5px 0; }
.pop_schedule152 .lst_schedule li a { width: 100%; height: 100%; display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.pop_schedule152 .lst_schedule li .day{display:inline-block; width: 65px; height: 30px; line-height:25px; border: 2px solid #0072d9; text-align: center; color: #222; font-family: 'NotoB'; border-radius: 30px; margin-right: 10px;}
.pop_schedule152 .lst_schedule .no_data{line-height:30px; text-align:center; width: 100%;}
.pop_schedule152 .lst_schedule .bx-controls a{position: absolute; color: transparent; width: 20px;}
.pop_schedule152 .lst_schedule .bx-controls a.bx-prev{top: 20px; left: 20px;}
.pop_schedule152 .lst_schedule .bx-controls a.bx-next{top: 20px; right: 20px;}
.pop_schedule152 .lst_schedule .bx-controls a.bx-prev::before{content: "\e908"; font-family: 'xeicon'; font-size: 20px; color: #333;}
.pop_schedule152 .lst_schedule .bx-controls a.bx-next::before{content: "\e90b"; font-family: 'xeicon'; font-size: 20px; color: #333;}
.pop_schedule152 a, 
.pop_schedule152 .lst_schedule li a,
.pop_schedule152 a .date{transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}
/* active */
.pop_schedule152 a:hover .txt,
.pop_schedule152 a:focus .txt,
.pop_schedule152 .date_view a:hover,
.pop_schedule152 .date_view a:focus,
.pop_schedule152 a:hover,
.pop_schedule152 a:focus{text-decoration:underline; } 
.pop_schedule152 .schedule_wrap .week .prev:hover,
.pop_schedule152 .schedule_wrap .week .prev:focus { transform: translateX(-4px); -webkit-transform: translateX(-4px); -webkit-transform: translateX(-4px); }
.pop_schedule152 .schedule_wrap .week .next:hover,
.pop_schedule152 .schedule_wrap .week .next:focus { transform: translateX(4px); -webkit-transform: translateX(4px); -webkit-transform: translateX(4px); }
.pop_schedule152 a:hover .date,
.pop_schedule152 a:focus .date{ background:#0072d9; color: #fff;}
.pop_schedule152 .lst_schedule li a:hover .day,
.pop_schedule152 .lst_schedule li a:focus .day { background: #0072d9; color: #fff;}

/* 오늘의식단 */
.meal_menu152{position:relative; height:100%; overflow:hidden; }
.meal_menu152 h2 { height:40px; line-height:40px; color:#222; font-family:'NotoB'; font-size:20px; margin-right:50px; margin-bottom: 11px; overflow:hidden;}
.meal_menu152 .imgBox{ text-align: center; }
.meal_menu152 .meal_wrap{height:calc(100% - 40px); overflow: hidden;}
.meal_menu152 ul{ height:110px; margin-top:10px; overflow-y:auto; }
.meal_menu152 ul li + li{margin-top:10px; }
.meal_menu152 ul li.no_Data{text-align:center; line-height:50px; padding-top: 20px; }
.meal_menu152 dl dt {line-height:45px; border-radius: 45px; margin-bottom: 18px; font-size: 18px; color: #252525; border: 2px dashed #0072d9; text-align: center; background: #fff; }
.meal_menu152 dl dt strong { font-size: 22px; color: #007fe0; font-family: 'NotoB'; margin-left: 6px;}
.meal_menu152 dl dt strong em { font-size: 18px; color: #007fe0; }
.meal_menu152 dl dd.meal_list{line-height:22px; color:#333; font-size: 17px;}
.meal_menu152 .btn_more { top:7px; }

/* 바로가기01 */
.M_link152{ position:relative; height:100%; }
.M_link152 ul{ width: 100%; display: table; table-layout: fixed; font-size:0; }
.M_link152 li{ position: relative; display: table-cell; }  
.M_link152 li ~ li::before { position: absolute; top: 4px; left: 0; width: 3px; height: 85px;  background: url('/images/sch/web/ogya-m/main/152_line_dot.png') no-repeat center / cover; content: ""; }
.M_link152 li a{display:block; font-size:16px; color:#111; font-family: 'NotoM'; text-align:center;  }
.M_link152 li a .ico{ position: relative; width: 65px; height: 56px; margin:0 auto; align-items: center; justify-content: center; }
.M_link152 li a .ico::before { right: -7px; bottom: -7px; position: absolute; width: 36px; height: 36px; border-radius: 50%; background: #ffe5f0; content: ""; z-index: 0; opacity: 0; }
.M_link152 li a .ico img{width:65px; height:56px; }
.M_link152 li a span{ position: relative; display:inline-block; max-height:40px; line-height:20px; margin-top:18px; font-size:19px; padding:0 10px; overflow:hidden;} 
.M_link152 li a span:before{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border-radius: 15px; width: 0; height: 15px; background: #dde2ff; z-index: -1; content: ""; }
.M_link152 a, .M_link152 p, .M_link152 :before, .M_link152 img{transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}
/* active */
.M_link152 li a:hover,
.M_link152 li a:focus{font-family: 'NotoM';}
.M_link152 li a:hover .ico:before,
.M_link152 li a:focus .ico:before{display:inline-block; opacity: 1;}
.M_link152 li a:hover span:before,
.M_link152 li a:focus span:before{ width: 100%; display:inline-block; }
.M_link152 li a:hover .ico img, 
.M_link152 li a:focus .ico img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); }

/* 팝업존 */
.pop152{position:relative; height:100%; background: #b7e8f8; border-radius: 20px; padding: 30px 25px 21px; }
.pop152 h2{font-size:20px; height:20px; line-height:20px; font-family: 'NotoB'; color:#000; margin-right:170px; overflow:hidden;}
.pop152 .nss_pg{position:absolute; right:25px; top:21px; overflow:hidden;}
.pop152 .nss_pg > span{display:inline-block; font-size:18px; color:#555; font-family:'NotoM'; margin-right:5px; line-height:36px; } 
.pop152 .nss_pg > span strong{position:relative; display:inline-block; color:#007fe0; font-family: 'NotoB'; font-size:18px; }
.pop152 .nss_pg a{display:inline-block; width:20px; height:36px; line-height:36px; text-align:center; color:#000; font-weight: 600;} 
/* .pop152 .nss_pg .play{display:none; } */
.pop152 .nss_pg a:hover, 
.pop152 .nss_pg a:focus,
.pop152 .nss_pg a.list:hover, 
.pop152 .nss_pg a.list:focus{ color:#007fe0; }
.pop152 .pop_img{position:relative; z-index:1;height:225px; overflow:hidden; text-align:center; border-radius:30px; background:#eee; margin-top: 14px;}
.pop152 .pop_img li a { display:block; }
.pop152 .pop_img li img{width:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:100%; max-height:100%; }

.pop152 .pop_img li{display: none;}
.pop152 .pop_img li:first-child{display:block;}
/* 팝업리스트 레이어 추가 */
.pop152 .pop_layer_box{position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:#394b61; border-radius:15px; z-index:1; }
.pop152 .pop_layer_box .pop_layer{position:relative; padding:20px; }
.pop152 .pop_layer_box .pop_layer h3{font-size:18px; color:#fff; }
.pop152 .pop_layer_box .pop_layer ul{margin-top:15px; padding:20px 40px; height:195px; line-height:22px; text-align:left; background:#576c85; overflow-y:auto; border-radius:15px; }
.pop152 .pop_layer_box .pop_layer ul li{list-style-type:disc; }
.pop152 .pop_layer_box .pop_layer ul li a{ color:#fff; }
.pop152 .pop_layer_box .pop_layer ul li a:hover,
.pop152 .pop_layer_box .pop_layer ul li a:focus{text-decoration:underline; }
.pop152 .pop_layer_box .pop_layer a.pop_close{position:absolute; top:15px; right:25px; display:block; padding:5px 10px; color:#fff; background:#576c85; border-radius:5px; }
.pop152 a{transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}



/* 학년반 바로가기*/
.w_quickClass152{ position:relative; height:100%; padding:20px 26px; border-radius: 20px; background: #ffef7f;}
.w_quickClass152 h2{ font-size:20px; font-family: 'NotoB'; color:#000; overflow:hidden; margin-bottom: 14px; }
.w_quickClass152 > *{position:relative; }
.w_quickClass152 ul{ overflow:hidden; display: inline-block; width: calc(100% - 75px); vertical-align: middle;}
.w_quickClass152 ul li{ width:48%; float:left; }
.w_quickClass152 ul li + li{ margin-left:4%; }
.w_quickClass152 select { display:block; width:100%; height:40px; line-height:40px; padding-left:15px; padding-right:30px; cursor: pointer; border-radius:15px; border:2px dashed #ffa800; background:#fff url('/images/sch/web/ogya-m/main/icon_select.png') no-repeat 88% center; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#222; font-size: 17px; font-family: 'NotoB'; }
.w_quickClass152 select option{ background:#fff; }
.w_quickClass152 select option[disabled] { display:none; }
.w_quickClass152 .btn_classGo {display: inline-block;width:66px;line-height:40px;font-size: 17px;color:#fff;border-radius:40px;border:none;background: #D63F3F;cursor: pointer;vertical-align: middle;float: right;}/*250826 웹접근성*/
.w_quickClass152 .btn_classGo:hover,
.w_quickClass152 .btn_classGo:focus{background: #C6463F;}

/* 포토앨범 */
.gallery152{position:relative; height: 100%; }
.gallery152::before { position: absolute; top: 190px; right: -242px; width: 148px; height: 148px; background: url('/images/sch/web/ogya-m/main/152_con_bg.png') no-repeat center / cover; content: ""; }
.gallery152 .title_wrap{margin-bottom:43px; margin-top: 18px;}
.gallery152 h2{ display:inline-block; max-width:calc(100% - 50px); font-size:22px; line-height:20px; font-family: 'NotoB'; color:#000; overflow:hidden;}
.gallery152 .gall_list{ height:250px; }
.gallery152 .gall_list li{display:block; width:48%; float:left; position:relative; }
.gallery152 .gall_list li + li{margin-left:4%;}
.gallery152 .gall_list a{ position:relative; display:block; font-size:18px; color:#fff; font-family: 'NotoM'; }
.gallery152 .gall_list .img{ width:100%; }
.gallery152 .gall_list .img span{ position:relative; display:block; height:230px; border-radius:30px; overflow:hidden; background:#f1f1f1; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.gallery152 .gall_list .img img{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.gallery152 .gall_list .txt{ position:relative; line-height:50px; font-size: 18px; display:block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; margin-top: 14px; }
.gallery152 .gall_list > span { font-size: 15px; }
.gallery152 a, .gallery152 .txt, .gallery152 .img, .gallery152 :before, .gallery152 img{-webkit-transition:all 0.2s; -ms-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
/* active */
.gallery152 .gall_list a:hover .img img,
.gallery152 .gall_list a:focus .img img{transform:translate(-50%, -50%) scale(1.1); -webkit-transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1); }
.gallery152 .gall_list a:hover .txt,
.gallery152 .gall_list a:focus .txt{ text-decoration: underline;} 
.gallery152 .NoData {display:table; width:100%; height:14.8rem; text-align:center; font-size:15px; background:#f3f3f3; }
.gallery152 .NoData span {display:table-cell; vertical-align:middle; }

/* 배너존 */
.banner_zone {position:relative; width:100%; background:#fff; padding:0 10px; border-top:1px solid #d2d2d2;}
.banner_zone .inner {position:relative; width:100%; height:76px; max-width:1200px; margin:0 auto; overflow:hidden;}
.banner_zone .inner h2 { position:absolute; top:25px; left:0; font-size:18px; color:#000; font-family: 'NotoM';}
.banner_zone .inner .btn {position:absolute; left:80px; top:calc(50% - 14px); border-right:1px solid #ddd;}
.banner_zone .inner .btn a { float:left; width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #ddd; border-right:0; vertical-align:top; background:#fff;}
.banner_zone .inner ul {height:47px; margin-top:15px; margin-left:200px; overflow:hidden;}
.banner_zone .inner ul li {width:18%; float:left; margin-left:2%;}
.banner_zone .inner ul li a {display:block; border:1px solid #ddd; text-align:center;}
.banner_zone .inner ul li a img {max-width:100%; height:45px;}
.banner_zone a{transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}
/* active */
.banner_zone .inner ul li a:hover,
.banner_zone .inner ul li a:focus{border-color:#aaa;}
.banner_zone .inner .btn a:hover,
.banner_zone .inner .btn a:focus{background:#dfeeff;}

@media (max-width:1440px){
	.MVisual152 { height:auto; }
	.MVisual152 #m_visual li img { width:150%; }
}

@media (max-width:1024px){
	.container{max-width:96%; }

	/* 공지사항 */
	.notice152 .list_box li a { padding: 40px 20px 30px; }

	/* 캘린더 */
	.pop_schedule152 .date { width: 100px; height: 90px; padding-top: 13px; }
	.pop_schedule152 .schedule_wrap { padding: 20px 30px 23px 90px; }
	.pop_schedule152 .lst_schedule li { width: calc(100% / 2); }

	/* 식단 */
	.meal_menu152 .imgBox { position: absolute; right: 0; bottom: 0; }
	.meal_menu152 ul { margin-right: 230px; }

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .inner .btn{left:0;}
	.banner_zone .inner ul{margin-left:120px;}
	.banner_zone .inner ul li {width:23%; margin-left:2%;}
} 

@media (max-width:860px){   
	
	
	/* 배너존 */
	.banner_zone .inner ul li{ width:31%;}
}

@media (max-width:768px){
	/* 공지사항 */
	.notice152 .list_box li { display: block; float: left; width: calc(100% / 3); }
	.notice152 .list_box li a { padding: 30px 20px; }
	.notice152 .list_box li .txt { margin: 20px 0 25px; }

	/* 행사일정 */
	.pop_schedule152 .date { width: 100px; height: 90px; font-size: 18px; padding-top: 18px; }
	.pop_schedule152 .date em { font-size: 30px; }
	.pop_schedule152 .schedule_wrap {padding: 20px 20px 20px 93px; }

	/* 바로가기 */
	.M_link152 li { display: inline-block; width: 33.333%; vertical-align: top; }
	.M_link152 li:nth-child(3n + 1)::before { display: none; }
	.M_link152 li a span { margin-bottom: 6px; font-size: 16px; }

	/* 갤러리 */
	.gallery152 .title_wrap { margin-bottom: 10px; margin-top: 0; }
}

@media (max-width:640px){ 	
	/* 배너존 */
	.banner_zone .inner ul li{ width:48%; }
}   


@media (max-width:540px){ 	 
	/* 공지사항 */
	.notice152 .list_box li { width: calc(100% / 2); }
	.notice152 .list_box li a { padding: 25px 20px; }

	/* 행사일정 */
	.pop_schedule152 .date { position: relative; top: auto; left: auto; width: 100%; height: auto; border-radius: 0; padding: 10px 0; }
	.pop_schedule152 .date em { display: inline-block; margin-left: 10px; }
	.pop_schedule152 .schedule_wrap { padding: 0; margin-top: 30px;  margin-left: 0; overflow: hidden; }
	.pop_schedule152 .schedule_wrap .week { width: 94%; margin: 15px auto 0; }
	.pop_schedule152 .lst_schedule { width: 94%; margin: 15px auto; }

	/* 식단 */
	.meal_menu152 ul { margin-right: 170px; }
	.meal_menu152 .imgBox img{ width: 160px; height: auto; }

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

@media (max-width:460px){   
	/* 공지사항 */
	.notice152 .list_box li { width: 100%; }
	.notice152 .list_box li .tit { height: 27px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.notice152 .list_box li .txt { margin: 15px 0 20px; }

	/* 행사일정 */
	.pop_schedule152 .schedule_wrap .week ul li{ width:50px; padding:0 5px;}
	.pop_schedule152 .schedule_wrap .week ul li p { font-size: 20px; }
	.pop_schedule152 .schedule_wrap .week ul li p.today a { width: 35px; height: 35px; line-height: 35px; }
	.pop_schedule152 .lst_schedule { height: 120px; }
	.pop_schedule152 .lst_schedule li { width: 100%; }
	.pop_schedule152 .lst_schedule .no_data { padding-top: 45px; }

	/* 식단 */
	.meal_menu152 .imgBox { position: relative; right: auto; bottom: auto; }
	.meal_menu152 ul { margin-right: 0; height: 103px; }
	.meal_menu152 dl dt { line-height: 35px; }
	.meal_menu152 dl dt strong { font-size: 20px; }

	/* 바로가기 */
	.M_link152 li a .ico { width: 55px; height: auto; }
	.M_link152 li a .ico img { width: 55px; height: auto; }

	/* 학년반 바로가기 */
	.w_quickClass152 { padding: 20px; }

	/* 갤러리 */
	.gallery152 .gall_list li { width: 100%; }
	.gallery152 .gall_list li:last-child { display: none; }
	
}

@media (max-width:380px){    
	
	/*배너존*/
	.banner_zone .inner ul li {width:98%;}
}