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

/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* btnTy */
.btn_more { position:absolute; right:0; top:.5rem; text-align:center; height:1rem; width:1.5rem; }
.btn_more:before { content:""; position:absolute; right:0; top:.29rem; width:1.1rem; height:1.1rem; border-radius:50%; background:#e7e7e7; }
.btn_more:after { content:""; position:absolute; right:.35rem; top:.3rem; width:1.2rem; height:1rem; text-align:center; background: url('/images/sch/web/sapa-p/main/00407_btn_more.png') no-repeat center / cover; -webkit-transition:0.2s; transition:0.2s; }
.btn_more:hover:after,
.btn_more:focus:after { right:.1rem; }
h2 { font-size:1.1rem; font-family: 'NotoM'; color:#222; white-space:nowrap; overflow:hidden; margin-bottom:.8rem; }

/* 메인비주얼 */ 
.MVisual00407 { position: relative; height: 100%; line-height:1;}
.MVisual00407 .slider{height:100%; overflow:hidden; }
.MVisual00407 .slider div{height:100%;}
.MVisual00407 .item{overflow:hidden; line-height:0;}
.MVisual00407 .item img{position:relative; width:auto; height:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.MVisual00407 .control{position: absolute; left: 50%; margin-left: -30rem; bottom:1rem; z-index:1;}
.MVisual00407 .control > a{display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgba(60, 85, 102, 0.4); color:#fff; text-align: center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual00407 .control > a.play{display:none;}
.MVisual00407 .control > a:hover,
.MVisual00407 .control > a:focus{ background:rgb(60, 85, 102, 0.9);}

/* 식단 */
.meal_menu00407 { position:relative; height:100%; }  
.meal_menu00407 h2 { display:block;  overflow:hidden; white-space:nowrap; margin-right: 2rem; }
.meal_menu00407 .inner { position:relative; padding:1.5rem; background:#eeeff9; border-radius:1rem; }
.meal_menu00407 .inner ul { overflow:hidden; overflow-y:auto; height:4rem; margin-right: 6rem; }
.meal_menu00407 .inner li:not(.no_data) { padding-right:1rem; } 
.meal_menu00407 .inner .no_data { display:flex; height:100%; font-size: .8rem; justify-content:center; align-items:center; font-family: 'NotoM'; }
.meal_menu00407 .inner dl { position:relative; height:auto; color:#fff; line-height:1.5rem; } 
.meal_menu00407 .inner dl dt { display: inline-block; background: #fff; color: #242424; border-radius: 1.5rem; line-height: 2rem; font-size:0.85rem; font-family: 'NotoM'; padding: 0 0.9rem; text-align: center; margin-bottom: 0.65rem; } 
.meal_menu00407 .inner dl dd { font-size:0.85rem; color: #222; font-family:'NoToM'; word-break: keep-all; }
.meal_menu00407 img { position: absolute; top: 63%; right: 2.25rem; max-width:4.2rem; max-height:2.7rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
/** 식단 : active **/

/* 우리반 홈페이지 */
.class00407 { display:flex; padding:1.35rem 1rem 1.35rem 1.5rem; background:#fff7e7; border-radius:1rem; align-items:center; }
.class00407 h2 {margin-bottom:0; font-size:1rem; margin-right:1.5rem; font-weight: 600;}
.class00407 h2 span {color:#ff7800;}
.class00407 .class_select {flex:1;}
.class00407 form {display:flex; align-items:center; justify-content:space-between;}
.class00407 select {width:6rem; height:2.25rem; line-height:2.25rem; padding:0 1.2rem; border:none; border-radius:.75rem; font-size:.85rem; appearance:none; background-color: #fff; background-image: url('/images/sch/web/sapa-p/main/00407_myclass_bg.png'); background-position: right 1.2rem center; background-repeat:no-repeat;}
.class00407 .btnmyclass {width:4.8rem; line-height:2.25rem; border-radius:.75rem 0 .75rem .75rem; background:#ffe8ad; color:#000; font-size:.85rem; font-family: 'NotoM'; cursor:pointer;}

/* 행사일정 */
.pop_schedule00407 { position:relative; height:100%; overflow:hidden; }  
.pop_schedule00407 h2 { margin-right: 2rem; }
.pop_schedule00407 .sche_wrap { background:#fff7e7; border-radius: 1rem; padding: 0.85rem; height: auto; overflow: hidden; margin-top: 0.7rem; }
.pop_schedule00407 .month { text-align: center; margin-bottom: 0.6rem; }
.pop_schedule00407 .month a {display:inline-block; width:1.1rem; height:1.1rem; line-height: 1.1rem; border-radius: 50%; background: #fff; font-size:0.7rem; text-align:center; vertical-align: middle; }
.pop_schedule00407 .month a i { -webkit-transition:all .3s; transition:all .3s; }
.pop_schedule00407 .month .date { font-size: 0.9rem; color:#010101; padding:0 0.6rem; font-family: 'NotoM'; vertical-align: middle; } 
.pop_schedule00407 .month .date em { display: inline-block; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; border-radius: 50%; background: #ffe6a4; color: #010101; text-align: center; margin-left: .3rem; } 
.pop_schedule00407 .sche_table { float: left; width: 55%; padding-right: 1rem; }
.pop_schedule00407 .sche_table table { position:relative; font-size:0.75rem; font-family: 'NotoM'; text-align:center; z-index:0; }
.pop_schedule00407 .sche_table table:before { position:absolute; left:0; top:-.15rem; width:100%; height:2rem; border-radius:1rem; background:#fff; border:1px solid #ffc426; z-index:-1; content:''; }
.pop_schedule00407 .sche_table th {font-family: 'NotoM'; color: #222; line-height: 1.7rem; font-size: 0.65rem; letter-spacing: -2px; }
.pop_schedule00407 .sche_table .sun { color:#ff0000; }
.pop_schedule00407 .sche_table .sat { color:#0600ff; } 
.pop_schedule00407 .sche_table table tbody tr:first-of-type td { padding-top: 0.5rem; }
.pop_schedule00407 .sche_table td { color: #050505; padding:.1rem 0; font-size: 0.75rem; }
.pop_schedule00407 .sche_table td a,
.pop_schedule00407 .sche_table td span { position:relative; display:block; z-index: 1; } 
.pop_schedule00407 .sche_table td a:before,
.pop_schedule00407 .sche_table td span:before { content:""; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:1.15rem; height:1.15rem; border-radius:50%; z-index:-1; }
.pop_schedule00407 .sche_table td .sun { color:#fc745f; }
.pop_schedule00407 .sche_table td .sat { color:#3a5bad; } 
.pop_schedule00407 .sche_table td .event:before { background:#fff; }
.pop_schedule00407 .sche_table td .event {color:#050505;}
.pop_schedule00407 .sche_table td .today:before { background:#c7deff !important; }
.pop_schedule00407 .sche_table td .today::after { content:""; position:absolute; left:calc(50% - 0.65rem); top:.2rem; width:0.25rem; height:0.25rem; border-radius:50%; background: #367cda; }
.pop_schedule00407 .lst { position:relative; width:45%; float:right; padding: .5rem 0 .5rem 1rem; border-left:1px dashed #cad3db; } 
.pop_schedule00407 .lst ul { overflow-y:auto; height:11.3rem; padding-right:.15rem; }
.pop_schedule00407 .lst .no_data { padding-left:0; width:100%; font-family: 'NotoM'; font-size: .8rem; text-align:center; line-height:10.5rem; } 
.pop_schedule00407 .lst .no_data:before { display:none;}
.pop_schedule00407 .lst li { position:relative; padding: 0.3rem 0; }
.pop_schedule00407 .lst li ~ li { margin-top: 0.2rem; }
.pop_schedule00407 .lst li a { position:relative; display:block; line-height:1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 0.85rem; color: #333; padding:0 0 0 4.8rem; font-family:'NoToM'; }  
.pop_schedule00407 .lst li a span { position:absolute; left:0; top:0; width: 4.25rem; line-height:1.5rem; background:#ffe8ad; font-size: 0.8rem; color: #6f4611; text-align:center; font-family: 'NotoB'; border-radius: 1.5rem; } 
/** 행사일정 : active **/ 
.pop_schedule00407 a { -webkit-transition:0.2s; transition:0.2s;}
.pop_schedule00407 .sche_table td a:hover,
.pop_schedule00407 .sche_table td a:focus{ text-decoration: underline; }
.pop_schedule00407 .lst li a:hover,
.pop_schedule00407 .lst li a:focus { text-decoration: underline; color: #6f4611; }
.pop_schedule00407 .month a:hover,
.pop_schedule00407 .month a:focus { background-color:#ffe6a4; }


/* 게시판 */
.notice00407 { position:relative; height:100%; }  
.notice00407 .titTab {position:relative;}
.notice00407 .titTab:before {position:absolute; left:0; bottom:-1rem; width:100%; height:.2rem; background:url('/images/sch/web/sapa-p/main/00407_notice_line.png') repeat-x; content:'';}
.notice00407 .titTab ul { font-size:0; margin-right:2rem; margin-bottom: 1.7rem;}
.notice00407 .titTab ul li{ position:relative; display:inline-block; max-width:calc(100% / 3); vertical-align:top;}
.notice00407 .titTab ul li ~ li {margin-left:.5rem;} 
.notice00407 .titTab ul li a { position:relative; display:block; line-height: 1.8rem; font-size:1rem; color:#666; z-index:1; border-radius: 1rem; padding: 0 1rem; border:1px solid #dfdfdf; letter-spacing:-1px; }
.notice00407 .titTab ul li a:before {position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #ffd481; border-radius: 1rem; width:auto; opacity:0; content:''; -webkit-transition:all 0.2s; transition:all 0.2s;} 
.notice00407 .titTab li a span { display:block; overflow:hidden; white-space:nowrap; }

.notice00407 .list_box { display:none; height:9rem; margin-top:0.7rem;}  
.notice00407 .list_box ul{height:100%; overflow:hidden;}
.notice00407 .list_box li a { position:relative; display:block; line-height: 2; padding:0 5rem 0 .75rem; font-size:0.9rem; font-family:'NoToM'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; }
.notice00407 .list_box li a:before { content:""; position:absolute; left:0; top:0.8rem; width:4px; height:4px; border-radius:50%; background:#777; }
.notice00407 .list_box li a span { position:absolute; right:0; top:0; color:#555; font-size: 0.75rem } 
.notice00407 .list_box li a.new::after {position: absolute; top: 5px; left: .7rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border-radius: 50%; text-align: center; background: #ff9781; color: #fff; content: "N"; font-size: 0.7rem; }
.notice00407 .list_box li a.new { padding-left: 2.3rem;}
/** 게시판 active **/   
.notice00407 .titTab ul li a.current,
.notice00407 .titTab ul li a:hover,
.notice00407 .titTab ul li a:focus { font-family: 'NotoM'; color:#222; }
.notice00407 .titTab ul li a.current:before,
.notice00407 .titTab ul li a:hover:before,
.notice00407 .titTab ul li a:focus:before {opacity:1;} 
.notice00407 .list_box.on { display: block; } 
.notice00407 .list_box li a:hover,
.notice00407 .list_box li a:focus { color:#ffa800; }
/** 게시판 :데이터 없음 **/ 
.notice00407 .list_box li.no_data { text-align:center; line-height:9rem; font-size: .8rem; font-family: 'NotoM'; } 


/* 바로가기 */
.M_link00407 { position: relative; height:100%; } 
.M_link00407 ul { display:table; table-layout:fixed; width:104%; margin:0 -1.2rem; }
.M_link00407 li { position:relative; display:table-cell; vertical-align:top; z-index:1; text-align:center; }
.M_link00407 li a { display: flex; flex-direction: column; justify-content: center; align-items: center; position:relative; word-break:keep-all; width:7.2rem; height:7.2rem; background:#fff; border:2px solid #fff; border-radius:1.25rem; box-shadow: 0 0 13px rgba(0, 0, 0, 0.15); margin:0 auto; text-align: center; -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; }
.M_link00407 li a .img { position:relative; display:block;}
.M_link00407 li a img { width:3rem; height: 3.1rem; margin: auto; -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; }
.M_link00407 li a p { font-size:0.9rem; line-height:1rem; max-height:2rem; padding:0 5px; margin-top:0.6rem; overflow:hidden; font-family: 'NotoM'; color:#333; word-break:break-all; } 
/** 바로가기 : active **/ 
.M_link00407 li a:hover,
.M_link00407 li a:focus { border-color:#ffa800; box-shadow:  0 0 13px rgba(255,138,9,.39);} 
.M_link00407 li a:hover img,
.M_link00407 li a:focus img { -webkit-transform:rotateY(180deg); transform:rotateY(180deg);} 
.M_link00407 li a:hover .img:before,
.M_link00407 li a:focus .img:before { -webkit-transform:scale(1); transform:scale(1); opacity:1; }


/* 갤러리 */
.gallery00407 { position:relative; height:100%;  } 
.gallery00407 h2 { position:relative; display: inline-block; max-width:calc(100% - 40%); float:left; } 
.gallery00407 .tit_wrap { margin-right:2rem; }
.gallery00407 .tit_wrap p { display: inline-block; font-size: 0.8rem; color: #555; font-family: 'NotoM'; max-width:38%; white-space:nowrap; overflow:hidden; vertical-align:middle; margin-left:.5rem; }
.gallery00407 .list_box ul { width:100%; margin-top: 1.3rem; }
.gallery00407 .list_box ul:after {content: ""; display: block; clear: both; visibility: hidden;}
.gallery00407 .list_box ul li { width:32%; float:left;}
.gallery00407 .list_box ul li:nth-child(n+4) { display:none; }
.gallery00407 .list_box ul li + li{margin-left:2%;}
.gallery00407 .list_box ul li.no_data { width:100%; height:11.3rem; display:flex; align-items:center; justify-content:center; font-size: .8rem; padding:2rem 0; background:rgba(0,0,0,0.05); border-radius:2rem;}
.gallery00407 .list_box a { position:relative; display:block; border-radius: 1rem; border:1px solid #c7c7c7; box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05); transition: all .2s; -webkit-transition: all .2s; }
.gallery00407 .list_box a:before { position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; width:auto; height:auto; border-radius: 1rem; border:2px solid #ff864d; z-index:1; opacity:0; content:''; transition: all .2s; -webkit-transition: all .2s; }
.gallery00407 .list_box a .img { height:8.65rem; border-radius: 1rem 1rem 0 0; overflow:hidden; background: rgba(0,0,0,.05);}
.gallery00407 .list_box a img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; height:auto; transition: all .2s; -webkit-transition: all .2s;}
.gallery00407 .list_box a .txt { background:#fff; padding:0.7rem; border-radius: 0 0 1rem 1rem; transition: all .2s; -webkit-transition: all .2s;}
.gallery00407 .list_box a p { color:#222; text-align:center; font-family:'NoToM'; font-size:0.85rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.gallery00407 .list_box a .date { color:#72777c; font-size:0.75rem; font-family: 'NotoM'; }
/** 갤러리 : active **/
.gallery00407 .list_box a:hover,
.gallery00407 .list_box a:focus { box-shadow: 2px 2px 15px rgba(255, 177, 94, 0.27); } 
.gallery00407 .list_box a:hover:before,
.gallery00407 .list_box a:focus:before { opacity:1; } 
.gallery00407 .list_box a:hover .img img,
.gallery00407 .list_box a:focus .img img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1);} 
.gallery00407 .list_box a:hover .txt,
.gallery00407 .list_box a:focus .txt {background: #fff7e7;}


/* 팝업존 */
.pop00407 { position:relative; width:100%; height:100%; } 
.pop00407 h2 { color:#000; margin:0 8.5rem 1.3rem 0; overflow:hidden; white-space:nowrap; } 
.pop00407 .control { position:absolute; right:0; top:0; }
.pop00407 .page { display:inline-block; vertical-align:middle; margin-right:0.3rem; letter-spacing:2px; font-family: 'NotoM'; font-size: 0.8rem; color:#333; }
.pop00407 .page strong { position:relative; font-weight:800; color:#164893; margin-right:.65rem;} 
.pop00407 .page strong:before { position:absolute; top:-.3rem; left:-.4rem; width:1.75rem; height:1.75rem; border-radius:50%; background:#ffe6a4; z-index:-1; content:''; }
.pop00407 .control a { display:inline-block; vertical-align:middle; font-size: 1rem; -webkit-transition:0.2s; transition:0.2s; color:#222; }  
.pop00407 .control .play,
.pop00407 .control .stop { margin: 0 0.5rem; }
.pop00407 .control .play { display:none; }
.pop00407 .pop_img { position:relative; height:11.25rem; overflow: hidden; text-align:center; border-radius:1rem;  margin-top: 1.3rem; background: #ccc; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);}
.pop00407 .pop_img .slick-list{width:100%; margin:0 auto; }
.pop00407 .pop_img div,
.pop00407 .pop_img .item {height:100%;}
.pop00407 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop00407 .pop_img .item img {position:relative; top: 50%; max-width:100%; width:auto; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
/** 팝업존 : active **/
.pop00407 .control a:hover,
.pop00407 .control a:focus { color:#ff864d; }

/* 배너존 */
.banner_zone{ position:relative; width:100%; background:#fff; padding:0 10px; border-top:1px solid #e5e5e5;}
.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:1240px){
	/* 메인비주얼 */
	.MVisual00407{ height: auto; } 
	.MVisual00407 .item img{ left:55%; }
	.MVisual00407 .control{ left:1rem; margin-left:0; }
	
	/* 바로가기 */
	.M_link00407 ul {width:100%; margin:0;}
    
    /* 우리반 홈페이지 */
	.class00407 { flex-direction:column; padding:.75rem 1rem 1rem 1.5rem; align-items:baseline; }
	.class00407 h2 {margin-bottom:.5rem;}
	.class00407 .class_select {width:100%;}
	.class00407 select {width:36%;}

	/* 식단 */
	.meal_menu00407 .inner { padding: 1rem; }
	.meal_menu00407 img { max-width: 3.6rem; right: 1.2rem; }
	.meal_menu00407 .inner ul { margin-right: 4rem; height: 5.2rem; }
	.meal_menu00407 .inner li { min-height: 5.2rem; }
	.meal_menu00407 .inner dl dd { line-height: 1.2rem; }

	.pop_schedule00407 .lst li a span { width: 3.25rem; }
	.pop_schedule00407 .lst li a { padding: 0 0 0 3.6rem;}
}

@media (max-width: 1024px) {
	/* 메인비주얼 */ 
	.MVisual00407 .item img{ width: 160%; height:auto; left:50%; }
	
	/* 식단 */
	.meal_menu00407 .inner ul { margin-right: 6rem; }
	.meal_menu00407 img { max-width:7rem; }
    
	/* 갤러리 */
	.gallery00407 .list_box ul li {width: calc(50% - .75rem);}
	.gallery00407 .list_box ul li:nth-child(3) { display: none; }
	.gallery00407 .list_box ul li + li {margin-left: 1.5rem;}

	/* 배너존 */
	.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 (min-width:981px) and (max-width: 1024px) {
	/* 캘린더 */
	.pop_schedule00407 .lst li a { padding:0 0 0 3.8rem; }
	.pop_schedule00407 .lst li a span { width:3.25rem; }
}

@media (max-width:980px){
	/* 게시판 */
	.notice00407 .titTab ul li a { padding: 0 0.5rem; }
	
	/* 우리반 홈페이지 */
	.class00407 select {width:41%;}
}

@media (min-width:769px) and (max-width:980px){
	/* 바로가기 */
	.M_link00407 li a { width: 90%; }
}

@media(max-width:880px){
    /* 게시판 */
    .notice00407 .list_box {height: auto;}
}

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

@media (max-width:768px){
	h2 {font-size:1rem; margin-bottom:.5rem;}
	
	/* 바로가기 */
	.M_link00407 li { display: inline-block; width: calc(100% / 3); margin-top: 1rem; }
	.M_link00407 li:nth-child(-n+3) { margin-top:0; }
	.M_link00407 li a p { margin-bottom: 0.6rem; }

	/* 캘린더 */
	.pop_schedule00407 .lst li a { padding: 0 0 0 4.2rem; }
	.pop_schedule00407 .lst li a span { width: 3.8rem; }
	
	/* 갤러리 */
    .gallery00407 h2 { margin-bottom:0; line-height: 1.8;} 
	.gallery00407 .list_box ul {margin-top:.75rem;}
	
	/* 팝업존 */
	.pop00407 h2 {margin-bottom:.75rem;}
	.pop00407 .pop_img {margin-top:.75rem;}
}

@media (max-width:680px){
	/* 우리반 홈페이지 */
	.class00407 select {width:38%;}
	
	/* 갤러리 */
	.gallery00407 .list_box ul li { width: 48%; }
	.gallery00407 .list_box ul li + li { margin-left:4%; }

    /* 팝업존 */
    .pop00407 .pop_img{ height:auto; }
    .pop00407 .pop_img .item img { top:auto; left:auto; max-height:15rem; transform: none; -ms-transform: none;}
}

@media (max-width: 560px) {
	/* 메인비주얼 */
	.MVisual00407 .control{ bottom:.5rem; }
	.MVisual00407 .control > a{ width:1.65rem; height:1.65rem; line-height:1.65rem; }
	
	/* 우리반 홈페이지 */
	.class00407 select {width:35%;}
}

@media (max-width:540px){
	/* 바로가기 */
	.M_link00407 ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.M_link00407 li {width: calc(50% - .25rem); margin-top: 0;}
	.M_link00407 li:nth-child(n+3) {margin-top: .5rem;}
	.M_link00407 li a {flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; height: 100%; border-radius: .2rem; padding: .25rem 0; text-align: left;}
	.M_link00407 li a .img {width: 3rem; text-align: center;}
	.M_link00407 li a .img img {width: 1.5rem; height: auto;}
	.M_link00407 li a p {width: calc(100% - 3rem); padding: 0; margin: 0; font-family: 'NotoR'; font-size: .75rem; padding-right: .5rem;}
    
	/* 게시판 */
	.notice00407 .titTab ul li a {font-size: .9rem;}
	.notice00407 .list_box li a {font-size: .8rem;}
	/* 게시판 : no_data */
	.notice00407 .list_box li.no_data {font-size: .8rem;}

	/* 식단 */
	.meal_menu00407 .inner dl {line-height: 1.3rem;}
	.meal_menu00407 .inner dl dd {font-size: .75rem;}

	/* 캘린더 */
	.pop_schedule00407 .sche_table { width: 100%; padding-right: 0; padding-bottom: 1rem; }
	.pop_schedule00407 .lst { width: 100%; padding-bottom: .8rem; border-left:none; padding: 0 0 .5rem; }
	.pop_schedule00407 .lst:before { width: 100%; height: 1px; border-top: 1px dashed #8eabd2; border-left: none; }
	.pop_schedule00407 .lst ul { height: 7rem; }
	.pop_schedule00407 .lst li { padding: 0.15rem 0; }
	.pop_schedule00407 .lst li ~ li { margin-top: 0; }
	.pop_schedule00407 .lst li a {font-size: .75rem;}
	.pop_schedule00407 .lst .no_data { line-height: 6rem; }

	/* 갤러리 */
	.gallery00407 .list_box ul { display: block; }
	.gallery00407 .list_box ul li { width: 100%; }
	.gallery00407 .list_box ul li:nth-child(n + 2) {display: none;}
	.gallery00407 .list_box ul li ~ li {margin-left: 0; margin-top: 1.1rem;}

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

@media (max-width:480px){
	/* 게시판 */
	.notice00407 .titTab:before {bottom:-.5rem;}
	.notice00407 .titTab ul {margin-bottom:1rem;}
	.notice00407 .titTab ul li{ max-width:100%; margin-right:.5rem; margin-bottom:.25rem;}
	.notice00407 .titTab ul li ~ li {margin-left:0;}
	
	/* 우리반 홈페이지 */
	.class00407 {padding:.75rem 1rem 1rem;}
	.class00407 select {width:32%; padding: 0 .75rem; background-position:right .5rem center;}
	.class00407 .btnmyclass {width:4.2rem;}
	

	/* 갤러리 */ 
	.gallery00407 .list_box ul {margin-top:1rem;}
	.gallery00407 .tit_wrap p { display:none; }

	/* 팝업존 */
	.pop00407 h2 { margin-bottom:1rem; }
	.pop00407 .pop_img {margin-top:1rem;}
}

@media (max-width:430px){
	/* 식단 */
	.meal_menu00407 .inner ul {margin-right:4rem;}
	.meal_menu00407 img { max-width: 3.5rem; }

	/* 캘린더 */
	.pop_schedule00407 .lst li { width: 100%; }
	
	/* 갤러리 */
	.gallery00407 .tit_wrap p { max-width:50%; }
}

@media (max-width:380px){
	/* 팝업존 */
	.pop00407 .control .play, .pop00407 .control .stop {margin:0 .1rem;}
	
	/*배너존*/
	.banner_zone .inner ul li{ width:98%;}
}

@media (max-width:340px){
	/* 게시판 */
	.notice00407 .list_box li a {padding-right:0;}
	.notice00407 .list_box li a span {display:none;}
	
	/* 식단 */
	.meal_menu00407 .inner ul {margin-right:0;}
	.meal_menu00407 img { display:none; }
	
	/* 우리반 홈페이지 */
	.class00407 form {flex-wrap:wrap;}
	.class00407 select {width:48%;}
	.class00407 .btnmyclass {width:100%; margin-top:.5rem}
	
	
	/* 팝업존 */
	.pop_schedule00407 .sche_wrap {padding:.85rem 1rem .8rem;}
}

@media (max-width:320px){
	/* 바로가기 */
    .M_link00407 li a .img {width: 2rem;}
    .M_link00407 li a p {width: calc(100% - 2rem);}
    
	/* 식단 */
	.meal_menu00407 .inner ul { margin-right: 0; }
	.meal_menu00407 img { display:none; }
	
	/* 캘린더 */
	.pop_schedule00407 .lst li a { padding: 0 0 0 3.7rem; }
	.pop_schedule00407 .lst li a span { width: 3.25rem; }
}