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

/* 캘린더 */
.pop_schedule0018 { position:relative; height:100%;}
.pop_schedule0018 h2{color:#000; font-weight: 600; font-size:1.1rem; line-height:2rem; margin-right:2.5rem; white-space: nowrap; overflow:hidden;}
.pop_schedule0018 .sche_wrap{ margin-top:0.5rem; padding:1.5rem 2rem 2rem; background:#d5eff3; overflow:hidden;}
.pop_schedule0018 .month { position:relative; width:9rem; height:7rem; display:table; border-radius:2rem; text-align:center; background:#fff; float:left;}
.pop_schedule0018 .month a { position:absolute; bottom:-1rem; width:2rem; height:2rem; line-height:2rem; border-radius:50%; background:#fff; box-shadow: 0 0 6px rgba(0,0,0,0.2); color:#359aaa; font-size: 1.1rem; }
.pop_schedule0018 .month .prev { left:calc(50% - 2.25rem); }
.pop_schedule0018 .month .next { right:calc(50% - 2.25rem); }
.pop_schedule0018 .month span { display:table-cell; vertical-align: middle; font-size: 0.9rem; font-weight: 600; color:#000; }
.pop_schedule0018 .month span em { display:block; font-size:1.5rem; font-weight: 700; color:#359aaa;}
.pop_schedule0018 .lst { position:relative; width:calc(100% - 9rem); margin:.5rem 0; padding-left:0.5rem; float:left;}
.pop_schedule0018 .lst ul { overflow-y:auto; height:6rem; padding-right:0.5rem;}
.pop_schedule0018 .lst .no_data { padding-left:0; padding-top:2rem; text-align:center; }
.pop_schedule0018 .lst li{ width:50%; padding:0 .5rem; margin:.25rem 0; float:left; }
.pop_schedule0018 .lst li a { position:relative; display:block; line-height:1.5rem; padding-left:4.5rem; font-weight: 600; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pop_schedule0018 .lst li a span{ position:absolute; left:0; top:0; width:4rem; font-size:.75rem; color: #fff; font-weight: 700; text-align:center; background:#359aaa; border-radius:1rem;}
.pop_schedule0018 .btn_more { position:absolute; top:0; right:0; width:2rem; height:2rem; font-size:1.2rem; line-height:2rem; color:#000; border-radius:50%; text-align:center;}
/** 캘린더 : active **/
.pop_schedule0018 .btn_more:hover,
.pop_schedule0018 .btn_more:focus,
.pop_schedule0018 .month a:hover,
.pop_schedule0018 .month a:focus{ color:#fff; background:#359aaa; }
.pop_schedule0018 .lst li a:hover,
.pop_schedule0018 .lst li a:focus { text-decoration:underline; }
.pop_schedule0018 .lst li a:hover span,
.pop_schedule0018 .lst li a:focus span { background:#fff; color:#359aaa; }
.pop_schedule0018 a,
.pop_schedule0018 a span{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 식단 */
.meal_menu0018 { position:relative; height:100%;}
.meal_menu0018 h2{color:#000; font-weight: 600; font-size:1.1rem; line-height:2rem; margin-right:2.5rem; white-space: nowrap; overflow:hidden;}
.meal_menu0018 .inner { position:relative; margin-top:.5rem; background:#fff7db; padding:1.5rem 1rem 1.5rem 3rem; }
.meal_menu0018 .inner .lst{position:relative; padding:1rem .5rem 1rem 2rem; background:#fff; border-radius:2rem;}
.meal_menu0018 .inner ul { overflow-y:auto; height:5.5rem; }
.meal_menu0018 .inner li + li { margin-top:1rem; }
.meal_menu0018 .inner .no_data { padding-top:2.5rem; text-align:center; }
.meal_menu0018 .inner dl { position:relative; min-height:6rem;}
.meal_menu0018 .inner dt { font-size:1rem; font-weight: 700;}
.meal_menu0018 .inner dt em{color:#ff604f;}
.meal_menu0018 .inner dt span { font-size:.8rem; margin-left:.25rem;}
.meal_menu0018 .inner dd { word-break:keep-all; line-height:1.25rem; margin-top: 0.5rem; font-weight: 600; }
.meal_menu0018 img{position:absolute; left:-45px; top:calc(50% - 32.5px); width:75px; height:75px;}
.meal_menu0018 .btn_more{ position:absolute; top:0; right:0; width:2rem; height:2rem; font-size:1.2rem; line-height:2rem; color:#000; border-radius:50%; text-align:center; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
/** 식단 : active **/
.meal_menu0018 .btn_more:hover,
.meal_menu0018 .btn_more:focus { background:#ffc83f; }

/* 게시판 */
.notice0018 { position:relative; height:100%;  }
.notice0018 .titTab li {position:relative; display:inline-block; max-width:30%; vertical-align: top; padding:0 1rem; }
.notice0018 .titTab li + li:before{content:""; position:absolute; left:0; top:30%; height:40%; width:1px; background:#ccc;}
.notice0018 .titTab li:first-of-type{padding-left:0;}
.notice0018 .titTab li a {position:relative; display:block; color:#777; font-weight: 600; font-size:1.1rem; line-height:2rem;}
.notice0018 .titTab li a::before{position: absolute; bottom: 0.2rem; left: 0; width:0%; height: 0.4rem; background: #eeeff7; content: ""; opacity: 0; z-index:-1;}
.notice0018 .titTab li a span{ position:relative; display:block; overflow:hidden; white-space:nowrap;}
.notice0018 .topList{position:absolute; left:0; top:0; width:40%; height:100%; padding:1.25rem 1.5rem; background:#fff; border:1px solid #eff1ff;}
.notice0018 .topList dl.new:before{content:"NEW"; display:inline-block; width:2.75rem; line-height:1.5rem; font-size:.75rem; font-weight: 400; background:#5a63b0; color:#fff; text-align:center;}
.notice0018 .topList dt{font-size:1.1rem; line-height:1.5rem; height:3rem; overflow:hidden; font-weight:600; color:#000; margin:0.5rem 0 0.75rem;}
.notice0018 .topList dd p{line-height:1.25rem; height:3.75rem; overflow:hidden;}
.notice0018 .topList dd span{ display:block; text-align:right; font-size:.75rem; margin-top:.75rem;}
.notice0018 .list_box { display:none; position:relative; margin-top:0.75rem; border:1px solid #eff1ff; background:#eff1ff; }
.notice0018 .list_box ul { width:60%; height:9.75rem; margin:2rem 0 2rem 40%; padding:0 1rem; overflow:hidden; }
.notice0018 .list_box li{ position: relative; }
.notice0018 .list_box li a { position:relative; display:block; line-height:2rem; padding-left:.75rem; padding-right:3.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 0.85rem; font-weight: 600; }
.notice0018 .list_box li a.new:before{content:"N"; display:inline-block; width:1.15rem; height:1.15rem; line-height:1.2rem; margin-right:3px; color:#fff; background:#5a63b0; font-weight:600; font-size: .65rem; text-align: center; border-radius:50%;}
.notice0018 .list_box li a:after{content:""; position:absolute; left:0; top:0; width:.5rem; height:100%; background:url('/images/schl/template/T0018/main/0018_notice_dot.png') no-repeat left center;}
.notice0018 .list_box li a span { position:absolute; right:0; top:0; color:#777; font-size:0.7rem; }
.notice0018 .list_box li a span i{ margin-right: 0.5rem; }
.notice0018 .list_box li.no_data{ text-align:center; line-height:9.5rem;}
.notice0018 .btn_more { position:absolute; top:-2.75rem; right:0; width:2rem; height:2rem; font-size:1.2rem; line-height:2rem; color:#000; border-radius:50%; text-align:center; }
/* 게시판 : active */
.notice0018 .btn_more:hover,
.notice0018 .btn_more:focus { background:#5a63b0; color:#fff; }
.notice0018 .titTab li a:hover,
.notice0018 .titTab li a:focus,
.notice0018 .titTab li a.current{color:#5a63b0; font-weight: 700;}
.notice0018 .titTab li a.current:before { opacity: 1; width:100%; }
.notice0018 .topList:hover dt,
.notice0018 .topList:focus dt{color:#5a63b0; text-decoration: underline;}
.notice0018 .list_box.on { display: block; }
.notice0018 .list_box li a:hover,
.notice0018 .list_box li a:focus { text-decoration: underline; }
.notice0018 a,
.notice0018 :before {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 팝업존 */
.pop0018 { position:relative; width:100%; height:100%; padding:0 1.5rem 1rem; border:1px solid #cadfe2; }
.pop0018 h2 {color:#000; font-weight: 600; font-size:1.1rem; line-height:3.75rem; margin-right:6.5rem; white-space: nowrap; overflow:hidden;}
.pop0018 .nss_pg{position:absolute; top:1.1rem; right:1.5rem; }
.pop0018 .nss_pg p { display: inline-block; font-size: 0.85rem; color: #333; vertical-align: middle; margin-right: 0.25rem; letter-spacing: -2px; }
.pop0018 .nss_pg p strong {color: #2fa9a2; font-weight: 600; }
.pop0018 .nss_pg a {display: inline-block; width:1.5rem; height:1.5rem; line-height:1.4rem; text-align:center; overflow: hidden; vertical-align: top; border-radius:50%; border:1px solid #999; color:#999; font-size:1rem;}
.pop0018 .nss_pg .play { display: none;}
.pop0018 .pop_img { position:relative; height:11.25rem; overflow: hidden; border-radius:1rem; background:rgba(0,0,0,0.1);}
.pop0018 .pop_img div,
.pop0018 .pop_img .item {height:100%;}
.pop0018 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0018 .pop_img .item img {position:relative; max-width:100%; width:auto; height:100%;}

/** 팝업존 : active **/
.pop0018 .nss_pg a:hover,
.pop0018 .nss_pg a:focus{background: #2fa9a2; color:#fff; border-color:#1b817c;}
.pop0018 .nss_pg a{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 바로가기1 */
.M_link0018 { position:relative; height:100%; }
.M_link0018 ul { display:table; width:100%; table-layout: fixed; }
.M_link0018 li { display: table-cell; }
.M_link0018 li a { display:block; position:relative; word-break: keep-all; text-align:center; }
.M_link0018 li a img { width:54px; height:54px; vertical-align: middle;}
.M_link0018 li a p { width:5rem; height:5rem; line-height:5rem; margin:0 auto; border-radius:50%; background:#fff; box-shadow: 0 0 8px rgba(0,0,0,0.05); border:1px solid transparent;}
.M_link0018 li a span{display:block; line-height:1.25rem; max-height:2.5rem; font-size:.9rem; font-weight: 600; margin:.5rem .25rem 0; overflow:hidden;}
/** 바로가기1 : active **/
.M_link0018 li a:hover p,
.M_link0018 li a:focus p { box-shadow: 0 0 8px rgba(17, 169, 177, 0.3); border-color:#b5ebf3;}
.M_link0018 li a:hover span,
.M_link0018 li a:focus span { color:#359aaa; }
.M_link0018 li a,
.M_link0018 li a p { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 갤러리 */
.gallery0018 { position:relative; text-align:center; }
.gallery0018 .tit_wrap{position:relative; max-width:90%; display:inline-block; padding-right:2.5rem;}
.gallery0018 .tit_wrap h2 { position: relative; display: block; color:#815800; font-weight: 700; font-size:1.25rem; line-height:2rem; letter-spacing:0.5px; overflow:hidden; white-space:nowrap; }
.gallery0018 .subtxt{margin:.5rem auto 0; color:#555; font-weight: 600;}
.gallery0018 .list_box{ overflow:hidden; height:12.25rem; margin-top: 2.5rem; }
.gallery0018 .list_box li{width:23.5%; float:left; margin-bottom:.5rem;}
.gallery0018 .list_box li + li{margin-left:2%;}
.gallery0018 .list_box li.no_data{width:100%; border-radius:1.5rem; padding:3rem 0; text-align:center; font-size:.9rem; background:rgba(255,255,255,0.5); }
.gallery0018 .list_box a { position:relative; display:block; }
.gallery0018 .list_box a p{ height:10rem; border-radius:1.25rem; text-align:left; overflow:hidden; background:rgba(0,0,0,0.05); }
.gallery0018 .list_box a p img { position:relative; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%);}
.gallery0018 .list_box a span{ display:block; margin-top:.75rem; font-size:.85rem; line-height:1.5rem; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #333; }
.gallery0018 .btn_more { position:absolute; top:0; right:0;width:2rem; height:2rem; font-size:1.2rem; line-height:2rem; color:#fff; border-radius:50%; text-align:center; background:#cdb783;}
/** 갤러리 : active **/
.gallery0018 .btn_more:hover,
.gallery0018 .btn_more:focus { background:#9f6722; }
.gallery0018 .list_box a:hover span,
.gallery0018 .list_box a:focus span{ color:#9f6722; text-decoration: underline;}
.gallery0018 .btn_more,
.gallery0018 span{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 배너존 */
.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.8rem; font-weight: 600; 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: 1240px) {

	/* 메인비주얼 */
	.MVisual0018 .item img{ width:150%; height:auto; left:-25%; transform: none; -webkit-transform: none; -ms-transform: none; }
	.MVisual0018 .control{ left:1rem; bottom:1rem; margin-left:0; }

	/* 캘린더 */
	.pop_schedule0018 .lst li{width:100%;}
}

@media (max-width: 1024px) {

	/* 캘린더 */
	.pop_schedule0018 .sche_wrap{padding:1.5rem 1rem 2rem;}

	/* 팝업존 */
	.pop0018{padding:0 1rem 1rem;}
	.pop0018 .nss_pg{right:1rem;}

}

@media (max-width: 940px) {
    
	/* 바로가기 */
	.M_link0018 {display:block; font-size:0;}
	.M_link0018 li{width:25%; display:inline-block; vertical-align: top; margin:.5rem 0;}

	/* 갤러리 */
	.gallery0018 .list_box li{width:32%; }
}

@media (max-width: 890px) {

	/* 캘린더 */
	.pop_schedule0018 .lst li{width:50%;}

	/* 팝업존 */
	.pop0018 .pop_img {height:auto;}
	.pop0018 .pop_img .item img{top:auto; width:auto; height:auto; max-width:100%;  max-height:15rem; transform: none; -webkit-transform: none; -ms-transform: none;}
    
	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}

@media (max-width:768px){

	/* 캘린더 */
	.pop_schedule0018 .lst li{width:100%;}

	/* 갤러리 */
	.gallery0018 .list_box{height:11.25rem;}
	.gallery0018 .list_box a p{height:9rem;}
}

@media (max-width:680px){

	/* 갤러리 */
	.gallery0018 .list_box{margin-top:1.5rem;}
	.gallery0018 .list_box li{width:49%; }
}

@media (max-width:540px){

	/* 타이틀 */
	.pop_schedule0018 h2,
	.meal_menu0018 h2,
	.pop0018 h2,
	.gallery0018 .tit_wrap h2{ font-size:1.05rem; font-weight: 600; }


	/* 게시판 */
	.notice0018 .titTab {padding-right:2rem;}
	.notice0018 .titTab li{max-width:100%; padding:0 .6rem;}
	.notice0018 .titTab li a{font-size:1rem;}
	.notice0018 .topList{position:relative; left:auto; top:auto; width:100%; display:block; padding:1rem;}
	.notice0018 .topList dt{height:auto; max-height:3rem; font-size:1rem;}
	.notice0018 .topList dd p{height:2.5rem;}
	.notice0018 .list_box{height:auto;}
	.notice0018 .list_box ul{width:100%; height:6rem; float:none; margin:1rem 0;}

	/* 캘린더 */
	.pop_schedule0018 .month{ width:5rem; border-radius:1.5rem; }
	.pop_schedule0018 .month span em{font-size:1.25rem;}
	.pop_schedule0018 .lst{width:calc(100% - 5rem);}

	/* 갤러리 */
	.gallery0018 .list_box{ height:10rem; margin-top: 2rem; }
	.gallery0018 .list_box a p{height:8rem;}
}

@media (max-width:480px){

	/* 캘린더 */
	.pop_schedule0018 .month{ width:4rem; border-radius:1.5rem; }
	.pop_schedule0018 .month span em{font-size:1.25rem;}
	.pop_schedule0018 .lst{width:calc(100% - 4rem); padding-left:.25rem;}
	.pop_schedule0018 .lst li a{padding-left:3.5rem;}
	.pop_schedule0018 .lst li a span{width:3rem;}

	/* 바로가기 */
	.M_link0018 li{width:33.3%;}
}

@media (max-width:360px){

	/* 바로가기 */
	.M_link0018 li a{word-break: break-all;}
	.M_link0018 li a p{width:4rem; height:4rem; line-height:4rem; }
	.M_link0018 li a img{width:50px; height:50px;}

	/* 캘린더 */
	.pop_schedule0018 .sche_wrap{padding:1rem 0.5rem 1.5rem;}

	/* 식단 */
	.meal_menu0018 .inner{padding:1rem 1rem 1rem 3rem;}

	/* 갤러리 */
	.gallery0018 .list_box li{width:100%;}
}