/*-----------------------------------------------------------
Author :dawon, Kim
Creative date :2022. 05. 19
-----------------------------------------------------------*/

/* btn_more */
.btn_more { position: absolute; top: 2rem; right: 0; color: #000; font-size: 0.8rem; z-index: 3; font-weight: 600;}
.btn_more:before { content:""; width:1rem; height:1rem; border-radius:50%; background:#0e8e6e; position:absolute; top: 5px; right: 13px; z-index: 0;}
.btn_more em { vertical-align: middle; font-weight:700;}
.btn_more i { font-size: 1.3rem; margin-left:0.8rem; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; transform: scale(1); font-weight: 600; vertical-align: middle;}
.btn_more:hover i,
.btn_more:focus i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-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: 1rem; bottom:1.3rem; z-index:1; }
.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 .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual0087 .control > a.play { display:none; }
/* 메인비주얼:active */
.MVisual0087 .control > a:hover,
.MVisual0087 .control > a:focus {background:rgb(0, 0, 0, 0.8);}

/* 팝업존 */
.pop0087 { position:relative; }
.pop0087 .tit_wrap { position:relative; }
.pop0087 h2 { position:relative; display:inline-block; width: calc(100% - 9rem); font-weight:700; font-size:1.1rem; color: #333; overflow: hidden; white-space: nowrap; }
.pop0087 .nss_pg{ position: absolute; top: 0; right: 0;}
.pop0087 .nss_pg p { font-size: 0.8rem; color:#323232; font-weight:600; width: auto; float: left; padding-top: 0.2rem;}
.pop0087 .nss_pg p strong { font-size: 1rem; font-weight: 700; color: #00a0a8; vertical-align: middle;}
.pop0087 .nss_pg p strong:after{ content:""; display: inline-block; width:0.75rem; height:1px; background:#000; vertical-align:middle; margin: 0 0.5rem;}
.pop0087 .nss_pg p span {vertical-align:middle;}
.pop0087 .nss_pg .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 .nss_pg a { font-size: 1.25rem;} 
.pop0087 .nss_pg .stop{ font-size: 1.2rem;}
.pop0087 .nss_pg .play{ display: none; }
.pop0087 .pop_img { position: relative; height: 11.1rem; background: #ececec; overflow: hidden; border: 1px solid #e4e4e4; 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:.3s;-webkit-transition:.3s;-ms-transition:.3s;}
/* 팝업존:active */
.pop0087 .nss_pg a:hover,
.pop0087 .nss_pg a:focus { color:#ffcd54; }
.pop0087 .pop_img .item:hover img,
.pop0087 .pop_img .item:focus img {transform:scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}

/* 게시판 */
.notice0087 { position: relative; overflow:hidden; height:100%; }
.notice0087 .titTab{position: relative;width: calc(100% - 1.5rem);} 
.notice0087 .titTab ul:after {content:""; display:block; clear:both; }
.notice0087 .titTab ul li{ position:relative; float:left; max-width: calc(95% / 3); }
.notice0087 .titTab ul li + li { padding-left: 2rem;}
.notice0087 .titTab ul li + li::before {content: "";position: absolute;top: 0.5rem;left: 1rem;width: 2px;height: 12px;background: #000;transform: rotate(30deg);-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);}
.notice0087 .titTab ul li a { position:relative; display: block; width: 100%; color: #555; line-height: 1.5rem; padding: 0 0.25rem; font-size: 1.1rem; font-weight: 600;}
.notice0087 .titTab ul li a.current:after { content:""; display:block; width:100%; height:2px; margin-top:0.4rem;}
.notice0087 .titTab ul li a span { display:block; overflow:hidden; white-space:nowrap; }
.notice0087 .list_box { display: none; margin-top: 0.5rem;}
.notice0087 .list_box.on {display:block;}
.notice0087 .list_box .topList { position: relative; width: 100%; height: 5.2rem; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; padding: 1.2rem 1.2rem 1.2rem 5rem; display: block; overflow: hidden; margin: 0.9rem 0;}
.notice0087 .list_box dt {position:relative; line-height: 1rem; font-size: 0.9rem;  font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:.5rem; color: #000;}
.notice0087 .list_box dd > p { color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 0.8rem;}
.notice0087 .list_box dd .date { position:absolute; left:0; top: 50%; width: 4rem; height: 4rem; border-radius: 50%; background: #f3f3f3 url(/images/schl/template/T0087/main/00087_notice_tit01.png) no-repeat center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }   
.notice0087 .list_box ul {height:6rem; overflow:hidden;}
.notice0087 .list_box li { position: relative;}
.notice0087 .list_box li a { position:relative; display:inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right: 5rem; line-height: 1.4rem; font-weight: 600; font-size: 0.8rem; color: #333;}
.notice0087 .list_box li a:before {content:""; display:inline-block; width:0.75rem; height:0.75rem; margin-right:0.5rem; }
.notice008701 .list_box li a:before { background:url(/images/schl/template/T0087/main/00087_notice_list_btn01.png) no-repeat center / cover;}
.notice008702 .list_box li a:before { background:url(/images/schl/template/T0087/main/00087_notice_list_btn02.png) no-repeat center / cover;}
.notice0087 .list_box li a span { position:absolute; top:0; right:0; font-size: 0.75rem; color: #686868; font-weight: 400;}
.notice0087 .btn_more { top:0; }
.notice0087 .btn_more:before { display:none; }
/* 게시판 : new */
.notice0087 .list_box .topList .new dt {padding-left:2.5rem;}
.notice008701 .list_box .topList .new dt:before {content:"NEW"; color:#1cab87; position:absolute; top:0; left:0; }
.notice008702 .list_box .topList .new dt:before {content:"NEW"; color:#0dacae; 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:#fff; display:block; border-radius: 5px; position:absolute; top:calc(50% - 0.5rem); left:0; line-height:0.9rem; 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 .no_data dt { line-height: 2.5rem;}
.notice0087 .list_box .no_data dd .date { background-image: none; text-align:center; line-height: 4rem;}
.notice0087 .list_box li.no_data a {text-align:center; padding-right:0; line-height:6rem;}
.notice0087 .list_box li.no_data a:before {display:none; }
/* 게시판 :action */
.notice0087 .titTab ul li a.current,
.notice0087 .titTab ul li a:hover,
.notice0087 .titTab ul li a:focus {font-weight: 700;}
.notice008701 .titTab ul li a.current,
.notice008701 .titTab ul li a:hover,
.notice008701 .titTab ul li a:focus {color: #1cab87;}
.notice008701 .titTab ul li a.current:after {background: #1cab87;}
.notice008702 .titTab ul li a.current,
.notice008702 .titTab ul li a:hover,
.notice008702 .titTab ul li a:focus {color: #0dacae;}
.notice008702 .titTab ul li a.current:after {background: #0dacae;}
.notice008701 .list_box .topList:hover dt,
.notice008701 .list_box .topList:focus dt {color:#2cab8b;}
.notice008702 .list_box .topList:hover dt,
.notice008702 .list_box .topList:focus dt {color:#0dacae;}
.notice0087 .list_box li a:hover,
.notice0087 .list_box li a:focus {text-decoration:underline;}

/* 바로가기1 */
.M_link0087 { position:relative; }
.M_link0087 ul { width: 100%; }
.M_link0087 ul li { width: 46%; float: left; margin-bottom: 1.5rem;}
.M_link0087 ul li ~ li { margin-left: 8%;}
.M_link0087 ul li:nth-child(2n+1) { margin-left: 0;}
.M_link0087 ul li a { display: block; position: relative; width: 100%; height: 8.25rem; text-align: center;  background: #fff; padding: 1.55rem 0 0.4rem; border: 2px solid transparent; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s;box-shadow: 0px 0px 8px rgba(0,0,0,0.13);color: #000;}
.M_link0087 ul li a:before {content: ""; width: 1.5rem; height: 1.5rem; position: absolute; bottom: -0.75rem; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; background: #fec63f url(/images/schl/template/T0087/main/0087_ico01_link_btn.png) no-repeat center; text-align: center; opacity: 0; display:block; border-radius:50%;}
.M_link0087 ul li a .img { position:relative; display:block; width:3.25rem; height:3.25rem; margin: auto; }
.M_link0087 li a img { display:block; width:100%; height:100%; }
.M_link0087 ul li a p {height: 2rem;padding: 0 .5rem;margin-top: .6rem;overflow: hidden;word-break: break-all;line-height: 1.1;font-size: 0.9rem;font-weight: 600;}
/* 바로가기1:active */
.M_link0087 ul li a:hover,
.M_link0087 ul li a:focus { border: 2px solid #ffd015; }
.M_link0087 ul li a:hover:before,
.M_link0087 ul li a:focus:before { opacity: 1; }

/* 식단 */
.meal_menu0087 { position:relative; height:100%; width: 100%;}
.meal_menu0087 .tit_wrap h2 { width: calc(100% - 5rem);color:#333; font-weight: 700; font-size:1.1rem; overflow:hidden; white-space:nowrap; }
.meal_menu0087 .inner { padding-top: 4.8rem;}
.meal_menu0087 .inner:before { content:""; display:block; width: 10rem; height: 5.5rem; background:url(/images/schl/template/T0087/main/0087_img_meal.png) no-repeat center; position: absolute; top: 41px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1;}
.meal_menu0087 .inner ul { overflow: auto; height: 6.5rem; padding-top: 1rem;}
.meal_menu0087 .inner li.no_data {text-align: center;line-height: 5rem;border: 2px dotted #b6b6b6;background: #f6f6f6;}
.meal_menu0087 .inner dt { position: relative; }
.meal_menu0087 .inner dt span {width: 100%; display: block; background: url(/images/schl/template/T0087/main/0087_meal_pt.png); text-align: center; }
.meal_menu0087 .inner dt span strong { position:absolute; width:2.5rem; height:2.5rem ; border-radius:50%; background:#ffcd54; line-height:2.5rem; font-size:0.9rem; font-weight:700; top: -1rem; left:1rem; color: #000;}
.meal_menu0087 .inner dt span em {font-size: 0.9rem; font-weight: 600; color: #fff; line-height: 2.5rem;}
.meal_menu0087 .inner dd {padding: 0.6rem 1.4rem 2rem; height: auto; font-size: 0.8rem; font-weight: 400; background: #f6f6f6; color:#000;}
.meal_menu0087 .btn_more {top: 0;}
.meal_menu0087 .btn_more:before {background:#51b99f;}

/* 갤러리 */
.gallery0087 { position:relative; padding-top: 2.1rem;}
.gallery0087 h2 {width: calc(100% - 5rem);font-size: 1.1rem;font-weight: 700;color: #fff;margin-bottom: 1.1rem;overflow: hidden;white-space: nowrap;}
.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:10rem;background: rgba(0,0,0,0.1); color: #fff;}
.gallery0087 ul li a {text-align: center; }
.gallery0087 ul li a .img {width: 100%; overflow:hidden; background:rgba(0,0,0,0.1); height: 12rem;}
.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 span {width: 100%; height: 1rem; display: block; font-size: 0.85rem; font-weight: 600; overflow: hidden; margin-top: 1rem; padding: 0 1rem; color: #000;}
.gallery0087 .btn_more { color: #fff; }
/* 갤러리: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 span,
.gallery0087 ul li a:focus span {color:#0e8e6e;}

/* 캘린더 */
.pop_schedule0087 { position:relative;}
.pop_schedule0087 h2 { position:relative; display:inline-block;  width: calc(100% - 5rem); font-weight:700; font-size:1.1rem; color: #333; overflow: hidden; white-space: nowrap;}
.pop_schedule0087 .sche_wrap { position:relative; margin-top: 0.75rem;}
.pop_schedule0087 .month {position: relative; font-size: 1rem; height: 4.8rem; border-bottom: 2px dotted #b6b6b6; text-align: center; line-height: 4rem;}
.pop_schedule0087 .month:before {content:""; display:inline-block; width: 4rem; height:4rem; background: url(/images/schl/template/T0087/main/0087_calendar_ico01.png) no-repeat center center / cover;  position: absolute; top: 0; left: 0;}
.pop_schedule0087 .month:after {content:""; width:26px; height:3px; position:absolute; background:#51b99f; top: 1.95rem;left: 3.6rem;}
.pop_schedule0087 .month a { display: inline-block; width: 2rem; height: 2rem; background: #c5c5c5; text-align: center; line-height: 2rem; border-radius: 50%; color: #fff; position: absolute; top: 0.9rem; font-size:1.1rem; transition:.3s; -webkit-transition:.3s; -ms-transition:.3s;}
.pop_schedule0087 .month a.prev {right:2.5rem;}
.pop_schedule0087 .month a.next {right:0;} 
.pop_schedule0087 .month span { font-weight: 600;color: #000;}
.pop_schedule0087 .month span em { font-weight: 700;}
.pop_schedule0087 .lst { height: 4.3rem; margin-top: 1.1rem; overflow:auto; }
.pop_schedule0087 .lst .no_data { text-align: center; line-height: 3rem;}
.pop_schedule0087 .lst li a { color: #000; font-size: 0.8rem; font-weight: 400; width: 96%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pop_schedule0087 .lst li ~ li { margin-top:0.5rem ;}
.pop_schedule0087 .lst li a span { color: #00a0a8;font-size: 0.8rem;font-weight: 600;}
.pop_schedule0087 .lst li a span:after {content:""; display:inline-block; width:0.25rem; height:0.25rem; border-radius:50%; background:#c0c0c0; vertical-align:middle; margin: 0 0.9rem;}
.pop_schedule0087 .btn_more { top:0; }
.pop_schedule0087 .btn_more:before {background: #ffcd54;}
/* 캘린더:active */
.pop_schedule0087 .month a.prev:hover,
.pop_schedule0087 .month a.prev:focus {right:2.75rem;}
.pop_schedule0087 .month a.next:hover,
.pop_schedule0087 .month a.next:focus {right:-0.25rem;}
.pop_schedule0087 .lst li a:hover span,
.pop_schedule0087 .lst li a:focus span {color:#f9b715; }

/* 배너존 */
.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: 100%; height: auto;}

	/*캘린더*/
	.pop_schedule0087 .month {font-size: 0.9rem;}
	.pop_schedule0087 .month a.prev {right: 2.2rem;}

}
@media (max-width:950px) { 
	/* 게시판 */
	.notice0087 .titTab ul li a { font-size: 1rem;}
	.notice0087 .titTab ul li + li { padding-left: .8rem;}
	.notice0087 .titTab ul li + li::before {left: 7px;}
	
	/*캘린더*/
	.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;}

	/* 바로가기1 */
	.M_link0087 ul li { width: 23.5%; float: left; margin-bottom: 1.5rem;}
	.M_link0087 ul li ~ li { margin-left: 2%;}
	.M_link0087 ul li:nth-child(2n+1) { margin-left: 2%;}
	.M_link0087 ul li:first-child { margin-left: 0;}

	/* 팝업존 */
	.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;}
}
@media (min-width:789px) { 
	
	/* 배너존 : active */
	.banner_zone .btn a:hover,
	.banner_zone .btn a:focus{background:#f1f1f1;}

}
@media (max-width:768px) {
	
	/*메인비주얼*/
	.MVisual0087 .control { left: .8rem; bottom:.6rem;}

	/* 갤러리 */
	.gallery0087 { padding-top: 1.5rem;}

	
}
@media (max-width:560px) { 
	
}
@media (max-width:480px) {
	/* 캘린더 */ 
	.pop_schedule0087 h2 { font-size:1rem;}
	
	/* 식단 */
	.meal_menu0087 .tit_wrap h2 { font-size:1rem; }
	
	
	/* 게시판 */
	.notice0087 .titTab ul li a { font-size: .9rem;}
	.notice0087 .titTab ul li + li {padding-left: .8rem;}
	
	
	/*바로가기1*/
	.M_link0087 ul li { width: 49%;  margin-bottom: 1rem;}
	.M_link0087 ul li ~ li { margin-left: 2%;}
	.M_link0087 ul li:nth-child(2n+1) { margin-left: 0;}
	.M_link0087 ul li a { height: 7rem; padding: .9rem 0 0.4rem; }
	.M_link0087 ul li a p { height: 1.8rem; margin-top: .5rem; font-size: 0.8rem;}

	/* 갤러리 */
	.gallery0087 {padding-top: 1rem;}
	.gallery0087 h2 {font-size: 1rem; margin-bottom: 1.1rem; }
	.gallery0087 ul {height: auto;}
	.gallery0087 ul li {width: 100%; margin-bottom: 1rem;}
	.gallery0087 ul li + li { margin-left: 0; }
	.gallery0087 ul li a span { color: #fff; margin-top: .7rem;}
	.gallery0087 .btn_more { top:.5rem }
	/* 갤러리:active */
	.gallery0087 ul li a:hover span,
	.gallery0087 ul li a:focus span {color:#fec63f;}

}
@media (max-width:380px) { 
	/* 게시판 */
	.notice0087 .list_box .topList {padding: 1.2rem 1.2rem 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 .titTab ul li {max-width: 100%;}
}