.heading { font-size: 1.1rem; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; margin-bottom: 0.9rem; margin-right:2rem; }

/* btn_more */
.btn_more { position: absolute; top: -0.1rem; right: 0; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; border-radius: 50%; text-align: center; font-size: 1.1rem; }
.btn_more i { transition: all 0.15s; -webkit-transition: all 0.15s; }
.btn_more:hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }


/* 메인비주얼 */
.MVisual0087 { position:relative; height:100%; overflow:hidden; }
.MVisual0087 .slider,
.MVisual0087 .slick-list,
.MVisual0087 .slick-track{height:100%; }
.MVisual0087 .item { overflow:hidden; line-height:0; }
.MVisual0087 .item img { position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.MVisual0087 .control {position:absolute; left: 50%; bottom:1.3rem; z-index:1; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.MVisual0087 .control > a { display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgb(0, 0, 0, 0.5); color:#fff; text-align:center; border-radius:50%; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.MVisual0087 .control > a.play { display:none; }
/* 메인비주얼:active */
.MVisual0087 .control > a:hover,
.MVisual0087 .control > a:focus {background:rgb(0, 0, 0, 0.8);}

/* 게시판 */
.notice0087 { position: relative; height:100%; }
.notice0087 .titTab{position: relative;width: calc(100% - 1.5rem);} 
.notice0087 .titTab ul { margin-left: -0.75rem; }
.notice0087 .titTab ul:after {content:""; display:block; clear:both; }
.notice0087 .titTab ul li{ position:relative; float:left; max-width: 33.333%; padding: 0 0.75rem;}
.notice0087 .titTab ul li + li::before {content: ""; position: absolute; top: 0.5rem; left: 0; width: 0.3rem; height: 0.3rem; background: #6e6d6d;  border-radius: 50%;}
.notice0087 .titTab ul li a { position:relative; display: block; width: 100%; color: #6f6d6d; line-height: 1.5rem; padding: 0 0.25rem; font-size: 1.1rem; font-weight: 500;}
.notice0087 .titTab ul li a:before { content:''; display:block; width:0; height:14px; border-radius:1rem; background:#f8d340; position:absolute; bottom:-2px; left:0; z-index:-1; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.notice0087 .titTab ul li a span { display:block; overflow:hidden; white-space:nowrap; }
.notice0087 .list_box { display: none; margin-top: 1.4rem;}
.notice0087 .list_box.on {display:block;}
.notice0087 .list_box .topList { position: relative; width: 100%; height: 5.25rem; background: #fff; border:1px solid #d4c396; border-radius: 1.5em; padding: 1.3rem 1.3rem 1.3rem 6.4rem; display: block; overflow: hidden; margin-bottom: 0.9rem;}
.notice0087 .list_box .topList::before { position: absolute; top: 0.7rem; left: 1.4rem; display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: #f3f3f3 url('/images/schl/template/T0087/main/0087_notice_icon.png') no-repeat center; content: ""; }
.notice0087 .list_box dt {position:relative; line-height: 1rem; font-size: 0.9rem;  font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0.5rem; color: #000; }
.notice0087 .list_box dd > p { color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 0.8rem;}
.notice0087 .list_box li { position: relative;} 
.notice0087 .list_box li:nth-child(n+5) { display: none; }
.notice0087 .list_box li a { position:relative; display:inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 0 5rem 0 .8rem; line-height: 1.75rem; font-weight: 400; font-size: 0.8rem; color: #000; }
.notice0087 .list_box li a:before {content:""; display:inline-block; width:0.3rem; height:0.3rem; margin-right:0.5rem; background:#ecb216; border-radius:50%; position:absolute; top:calc(50% - 0.15rem); left:0; }
.notice0087 .list_box li a span { position:absolute; top:0; right:0; font-size: 0.75rem; color: #686868; font-weight: 400;}
.notice0087 .btn_more { background: #6e6d6d; color: #fff; transition: all 0.15s; -webkit-transition: all 0.15s; }
.notice0087 .btn_more:hover,
.notice0087 .btn_more:focus { background-color: #ecb216; }
.notice0087 .btn_more:hover i,
.notice0087 .btn_more:focus i { transform: rotate(0); -webkit-transform: rotate(0); }
/* 게시판 : new */
.notice0087 .list_box .topList .new dt {padding-left:2.5rem;}
.notice0087 .list_box .topList .new dt:before {content:"NEW"; color:#ecb216; position:absolute; top:0; left:0; }
.notice0087 .list_box li a.new {padding-left:1.5rem;}
.notice0087 .list_box li a.new:before {content:"N"; width: 1.2rem; height: 1.4em; background:#ecb216; display:block; border-radius: 5px; color:#fff; position:absolute; top:calc(50% - 0.5rem); left:0; line-height:1.1rem; text-align:center;  }
.notice008701 .list_box li a.new:before { border: 1.5px dashed #2cab8b; color:#2cab8b;}
.notice008702 .list_box li a.new:before { border: 1.5px dashed #0dacae; color:#0dacae}
/* 게시판 : 데이터 없음 */
.notice0087 .list_box .topList .no_data {text-align: center;}
/* 게시판 :action */
.notice0087 .titTab ul li a.current,
.notice0087 .titTab ul li a:hover,
.notice0087 .titTab ul li a:focus {font-weight: 600;}
.notice0087 .titTab ul li a.current,
.notice0087 .titTab ul li a:hover,
.notice0087 .titTab ul li a:focus {color: #000;}
.notice0087 .titTab ul li a.current:before,
.notice0087 .titTab ul li a:hover:before,
.notice0087 .titTab ul li a:focus:before { width:100%;}
.notice0087 .list_box .topList:hover dt,
.notice0087 .list_box .topList:focus dt {color:#ecb216; text-decoration:underline;}
.notice0087 .list_box li a:hover,
.notice0087 .list_box li a:focus {text-decoration:underline;}

/* 식단 */
.meal_menu0087 { position:relative; height:100%; width: 100%;}
.meal_menu0087 .inner { height: calc(100% - 2.4rem); background: #e9f0ff; border-radius: 1rem; }
.meal_menu0087 .inner ul { overflow: auto; height: 6.6rem;}
.meal_menu0087 .inner li { min-height: 6.6rem; }
.meal_menu0087 .inner li.no_data { line-height: 6.6rem; text-align:center; }
.meal_menu0087 .inner dt { position: relative; display: flex; height: 3.1rem; justify-content: center; align-items: center; color: #fff; font-size: 0.9rem; font-weight:600; border-radius: 1rem; background: #3063b8; }
.meal_menu0087 .inner dt em { margin-left:0.2rem; }
.meal_menu0087 .inner dd { padding: 1.2rem; font-size: 0.8rem; color: #333; line-height:1.25rem;}
.meal_menu0087 img {position: absolute; bottom: -1.85rem; right: 0.7rem; max-width: 10rem; max-height: 6.1rem;}
.meal_menu0087 .btn_more { background: #f3f3f3; color: #000; }

/* 캘린더 */
.pop_schedule0087 { position:relative;}
.pop_schedule0087 .sche_wrap { position:relative; margin-top: 1.2rem;}
.pop_schedule0087 .month {position: relative; font-size: 1rem; text-align: center; line-height: 2rem; margin-bottom: 1rem; }
.pop_schedule0087 .month:before { position: absolute; top: -0.5rem; left: 0; width: 3rem; height: 3rem; background: #f0f0f0 url('/images/schl/template/T0087/main/0087_sche_icon.png') no-repeat center; border-radius: 50%; content: ""; }
.pop_schedule0087 .month a { display: inline-block; width: 2rem; height: 2rem; background: rgba(0, 0, 0, 0.2); text-align: center; line-height: 2rem; border-radius: 50%; color: #fff; position: absolute; top: 0; font-size:1.1rem; transition:0.3s; -webkit-transition:0.3s; -ms-transition:0.3s;}
.pop_schedule0087 .month a.prev {right:2.5rem;}
.pop_schedule0087 .month a.next {right:0;} 
.pop_schedule0087 .month span { font-weight: 500; color: #000;}
.pop_schedule0087 .month span em { font-weight: 700;}
.pop_schedule0087 .lst { border: 2px dotted #b5b5b5; border-radius: 1rem; padding: 0.85rem 1.15rem; }
.pop_schedule0087 .lst .no_data { width:100%; text-align: center; line-height: 6rem;}
.pop_schedule0087 .lst ul { height: 6.1rem; overflow:auto; }
.pop_schedule0087 .lst li { position: relative; }
.pop_schedule0087 .lst li + li { margin-top:0.4rem; }
.pop_schedule0087 .lst li a { color: #333; font-size: 0.8rem; font-weight: 400; display: block; line-height: 1.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 2.3rem; }
.pop_schedule0087 .lst li a span { position: absolute; top: 0; left: 0; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; background: #317cee; font-size: 0.8rem; font-weight:600; color: #fff; text-align: center; border-radius: 50%; }
.pop_schedule0087 .btn_more { background: #f3f3f3; color: #000; }
/* 캘린더:active */
.pop_schedule0087 .month a:hover,
.pop_schedule0087 .month a:focus {background-color: #317cee;}
.pop_schedule0087 .lst li a:hover,
.pop_schedule0087 .lst li a:focus { text-decoration:underline; }

/* 팝업존 */
.pop0087 { position:relative; }
.pop0087 .heading { margin-right:9.5rem; margin-bottom:1rem;}
.pop0087 .tit_wrap { position:relative; }
.pop0087 .control{ position: absolute; top: 0; right: 0;}
.pop0087 .control p { font-size: 0.8rem; color:#353535; font-weight:600; width: auto; float: left; padding-top: 0.2rem;}
.pop0087 .control p strong { position: relative; font-size: 1rem; font-weight: 700; color: #df5c7e; padding-right: 1.8rem; vertical-align: middle;}
.pop0087 .control p strong:after{ content:""; display: block; width:0.75rem; height:1px; background:#000; position: absolute; top: 50%; right: 0; margin: 0 0.5rem;}
.pop0087 .control p span {vertical-align:middle;}
.pop0087 .control .btn { width:5.2rem; height:1.85rem; background:#f2f2f2; border-radius: 1rem; text-align:center; line-height:1.85rem; float: left; margin-left: 0.5rem;}
.pop0087 .control a { font-size: 1.25rem;} 
.pop0087 .control .stop{ font-size: 1.2rem;}
.pop0087 .control .play{ display: none; }
.pop0087 .pop_img { position: relative; height: 11.25rem; background: #ececec; overflow: hidden; border-radius:1rem; margin-top: 0.7rem;}
.pop0087 .pop_img .slick-list{width:100%;max-width: 17.5rem; margin:0 auto;}
.pop0087 .pop_img div,
.pop0087 .pop_img .item {height:100%;}
.pop0087 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0087 .pop_img .item img {position:relative; max-width:100%; width:auto; height:100%; transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1); transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s;}
/* 팝업존:active */
.pop0087 .control a:hover,
.pop0087 .control a:focus { color:#df5c7e; } 

/* 바로가기1 */
.M_link0087 { position:relative; }
.M_link0087 ul { width: calc(100% + 1.5rem); margin-left:-0.75rem; }
.M_link0087 ul li {width: 50%; float: left; margin-bottom: 1.5rem;}  
.M_link0087 ul li a { display: block; position: relative; width: 8.25rem; height: 8.25rem; text-align: center; margin: 0 auto; background: #fff; padding: 1.3rem 0 0.4rem; border-radius:50%; border: 2px solid transparent; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s;box-shadow: 0px 0px 8px rgba(0,0,0,0.13);color: #000;}
.M_link0087 ul li a .img { position:relative; display:block; width:3rem; height:3.6rem; margin: auto; }
.M_link0087 li a img { display:block; width:100%; height:100%; }
.M_link0087 ul li a p {height: 2rem; padding: 0 1.5rem; margin-top: 0.3rem; overflow: hidden; word-break: break-all; line-height: 1.1; font-size: 0.9rem; font-weight: 500; }
/* 바로가기1:active */
.M_link0087 ul li a:hover,
.M_link0087 ul li a:focus { background:#2f66b9; color: #fff; box-shadow:none; }
.M_link0087 ul li a:hover:before,
.M_link0087 ul li a:focus:before { opacity: 1; }

/* 갤러리 */
.gallery0087 { position:relative; } 
.gallery0087 ul {width: 100%; height: 15.4rem; overflow: hidden;}
.gallery0087 ul li {float: left; width: 47.5%; margin-bottom: 3rem;}
.gallery0087 ul li + li { margin-left: 5%; }
.gallery0087 ul li:nth-child(2n+1) { margin-left:0; }
.gallery0087 ul li:nth-child(n+3) { display:none; }
.gallery0087 ul li.no_data {width:100%; height: 100%; text-align:center;}
.gallery0087 ul li.no_data p {line-height: 14rem; color: #000;}
.gallery0087 ul li a {text-align: center; position:relative; }
.gallery0087 ul li a .img {width: 100%; overflow:hidden; background:rgba(0,0,0,0.1); height: 13.65rem; border-radius:1.5rem;}
.gallery0087 ul li a .img img { position:relative; width:100%; height:auto; top:50%; transition:0.3s; -webkit-transition:0.3s; -ms-transition:0.3s; transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1);}
.gallery0087 ul li a .txt {display:block; width:calc(100% - 3rem); background: #fff; border-radius: 1.5rem 0 1.5rem 1.5rem; position: absolute; bottom:-1.25rem; right:0; color:#333; transition:all 0.15s; transition:all 0.15s;} 
.gallery0087 ul li a .txt span {width: 100%; height: 2.5rem; display: block; font-size: 0.85rem; font-weight: 500; overflow: hidden; padding: 0 1rem; line-height:2.5rem; text-overflow:ellipsis; white-space:nowrap;}
.gallery0087 .btn_more { background: #fff; color: #000; }
/* 갤러리:active */
.gallery0087 ul li a:hover img,
.gallery0087 ul li a:focus img {transform: translateY(-50%) scale(1.1); -webkit-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1);}
.gallery0087 ul li a:hover .txt,
.gallery0087 ul li a:focus .txt {background:#2f66b9; color:#fff;}


/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #d1d8e4;}
.banner_zone .container {position:relative; height:4rem; overflow:hidden;}
.banner_zone h2 {float:left; margin-top:1.5rem; width:4rem; font-size:0.85rem; font-weight:400; color:#191919;}
.banner_zone .btn {float:left; margin-top:1.3rem; overflow:hidden; border-left:1px solid #ccc;}
.banner_zone .btn a {float:left; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; overflow:hidden; border:1px solid #ccc; border-left:0;}
.banner_zone .btn a.play{display:none;}
.banner_zone .bnWrap { width:calc(100% - 10rem); float:left; padding-top:0.75rem; padding-left:1.5rem; overflow:hidden;}
.banner_zone .bnWrap a {display:block; height:2.5rem; line-height:2.3rem; text-align:center; margin:0 5px; border:1px solid #c8d1db; overflow:hidden;}
.banner_zone .bnWrap a img {max-width:100%; max-height:100%; vertical-align:middle;}

@media (max-width:1440px) { 
	
}
@media (max-width:1240px) { 
	/*메인비주얼*/
	.MVisual0087 .item {height:100%}
	.MVisual0087 .item img {width: 160%; height: auto;} 

	/* 바로가기1 */    
	.M_link0087 ul li a {width: 7.2rem; height: 7.2rem; padding: 1rem 0 0.4rem;}	
	.M_link0087 ul li a .img {height:3rem;}

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


}
@media (max-width:960px) {
  /* 바로가기1 */ 
	.M_link0087 ul li {width: 25%;margin-bottom: 0;}  

	/* 게시판 */
	.notice0087 .titTab ul li a { font-size: 1rem;}
	.notice0087 .titTab ul li + li { padding-left: 0.8rem;} 
 
	/*캘린더*/
	.pop_schedule0087 .month {font-size: 0.9rem;}
	.pop_schedule0087 .month a.prev {right: 2.2rem;}
    .pop_schedule0087 .month:after {display:none;}
    
 
}
@media (max-width:860px) {
    /* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}

	/* 팝업존 */
	.pop0087 h2 {font-size:1rem;} 
    .pop0087 .pop_img{ height:auto; }
    .pop0087 .pop_img .item img { top:auto; left:auto; max-height:15rem;}

	/* 게시판 */
	.notice0087 .titTab ul li a { font-size: 1rem; }

	/* 식단 */
	.meal_menu0087 h2 {font-size:1rem;}

	/* 갤러리 */
	.gallery0087 h2 {font-size:1rem;}

	/* 캘린더 */
	.pop_schedule0087 h2 {font-size:1rem;}
	.pop_schedule0087 .lst li { width:50%; float:left; }
	.pop_schedule0087 .lst li:nth-child(n + 3) { margin-top:0.4rem }
	.pop_schedule0087 .lst li + li { margin-top:0; }
}
@media (min-width:789px) { 
	
	/* 배너존 : active */
	.banner_zone .btn a:hover,
	.banner_zone .btn a:focus{background:#f1f1f1;}

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

	/* 바로가기1 */ 
	.M_link0087 ul { width: calc(100% + 1rem); margin-left:-0.5rem; }   
	.M_link0087 ul li a { width: auto; height: auto; padding: 0; border-radius:0; border: none; box-shadow: none;}
	.M_link0087 ul li a .img { width: 3.75rem; height: 3.75rem; line-height: 5.7rem; background: #fff; padding: 0; border-radius:50%; border: 2px solid transparent; box-shadow: 0px 0px 8px rgba(0,0,0,0.13);}
	.M_link0087 li a img { display:block; width:2.5rem; height:3rem; display:inline-block;}
	.M_link0087 ul li a p {margin-top: 0.8rem; padding: 0 0.5rem;}
	/* 바로가기1:active */
	.M_link0087 ul li a:hover,
	.M_link0087 ul li a:focus { background:transparent; color: #222; }
 
}
@media (max-width:580px) { 
 
    /* 식단 */
	.meal_menu0087 .inner {height: 8rem;}
    .meal_menu0087 img {display: none;} 
}
@media (max-width:480px) {
    /*메인비주얼*/
	.MVisual0087 .control { bottom:0.7rem; }
	.MVisual0087 .control > a { width:1.5rem; height:1.5rem; line-height:1.5rem; }
    
    /* 캘린더 */ 
	.pop_schedule0087 h2 { font-size:1rem;}
    .pop_schedule0087 .lst li { width:100%; }
	.pop_schedule0087 .lst li:nth-child(n + 3) { margin-top:0.4rem }
	.pop_schedule0087 .lst li + li { margin-top:0.4rem; }
	
	/* 식단 */
	.meal_menu0087 .tit_wrap h2 { font-size:1rem; }
	 
	/* 게시판 */ 
	.notice0087 .titTab ul li a { font-size: 0.9rem;}
	.notice0087 .titTab ul li + li {padding: 0 0.4rem;}
	.notice0087 .list_box { margin-top: 0.7rem;}
	 
	/* 갤러리 */ 
	.gallery0087 h2 {font-size: 1rem; margin-bottom: 1.1rem; }
	.gallery0087 ul {height: 15rem;}
	.gallery0087 ul li {width: 100%; margin-bottom: 1rem;}
	.gallery0087 ul li:nth-child(n + 2) { display:none;}
	.gallery0087 ul li + li { margin-left: 0; }  

}
@media (max-width:380px) { 
	/* 게시판 */
	.notice0087 .titTab ul li {max-width: 100%;;} 
	.notice0087 .titTab ul li + li::before { display:none; } 
	.notice0087 .list_box .topList {padding: 1.2rem 0.5rem 1.2rem 4rem;}
	.notice0087 .list_box dd .date { width:3rem; height:3rem; background: #f3f3f3 url(/images/schl/template/T0087/main/00087_notice_tit01.png) no-repeat center / 2.5rem; }   
	.notice0087 .list_box .topList::before { top: 1.1rem; left: 0.5rem; width: 3rem; height: 3rem; background-size: 2rem;}

		/* 바로가기1 */ 
	.M_link0087 ul li {width: 50%; margin-bottom: 1rem;}  
	.M_link0087 ul li a p {font-size: 0.8rem; height: 1.8rem;}
}
@media (max-width:310px) {
	/* 게시판 */ 
	.notice0087 .list_box .topList {padding: 1.2rem 1rem;}
	.notice0087 .list_box .topList::before {  display:none;}
}