/* 공통 */
.heading {max-width: calc(100% - 3rem); line-height: 2rem; font-size: 1.1rem; color: #000; font-weight: 600; margin-bottom: 0.65rem; white-space: nowrap; overflow: hidden;}
.btn_more {display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; border: 1px dashed #1d62a5; background: #fff; font-size: 1.2rem; color: #1d62a5; position: absolute; right: 0; top: 0;}
.btn_more.ty2 {border-color: transparent;}
.no_data {display: flex; justify-content: center; align-items: center; width: 100% !important; height: 100%;}
/* 공통 : active */
.btn_more i {transition: 0.15s;}
.btn_more:hover i,
.btn_more:focus i {transform: rotate(90deg);}

/* 메인비주얼 */
.MVisual0017 {height: 100%; border-radius: 3rem; background: rgba(0,0,0,0.1); box-shadow: 0.15rem 0.15rem 0.35rem rgba(0,0,0,0.05); position: relative; overflow: hidden; isolation: isolate;}
.MVisual0017 .slider {height: 100%; z-index: 0;}
.MVisual0017 .slider div {height: 100%;}
.MVisual0017 .item {font-size: 0; line-height: 0; overflow: hidden; text-align: center;}
.MVisual0017 .item p {display: flex; justify-content: center; align-items: center; height: 100%;}
.MVisual0017 .item p img {max-width: 100%; max-height: 100%; object-fit: contain;}
.MVisual0017 .control {position: absolute; right: 2rem; bottom: 1.5rem; z-index: 1;}
.MVisual0017 .control > a {display: inline-block; width: 2rem; line-height: 2rem; border-radius: 50%; background: rgb(29,98,165,0.5); color: #fff; text-align: center;}
.MVisual0017 .control > a.play {display: none;}
/* 메인비주얼 : active */
.MVisual0017 .control > a {transition: 0.15s;}
.MVisual0017 .control > a:hover,
.MVisual0017 .control > a:focus {background: rgba(29,98,165,1);}

/* 게시판 */
.notice0017 {position: relative;}
.notice0017 .titTab {max-width: calc(100% - 3rem);}
.notice0017 .titTab ul {display: flex; flex-wrap: wrap; width: calc(100% + 0.5rem); margin-left: -0.5rem; margin-top: -0.5rem;}
.notice0017 .titTab ul li {max-width: calc(100% / 3); padding-left: 0.5rem; margin-top: 0.5rem;}
.notice0017 .titTab ul li a {display: block; line-height: 2.5rem; border-radius: 2.5rem; background: #fff; padding: 0 0.8rem; position: relative;}
.notice0017 .titTab ul li a::after {content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 2.5rem; border: 2px dashed #1d62a5; position: absolute; left: -1px; top: -1px; opacity: 0;}
.notice0017 .titTab ul li a span {display: block; font-size: 1rem; color: #1d62a5; white-space: nowrap; overflow: hidden;}
.notice0017 .tabWrap {margin-top: 1.5rem;}
.notice0017 .tabWrap .list_box {display: none;}
.notice0017 .tabWrap .list_box ul li + li {margin-top: 0.6rem;}
.notice0017 .tabWrap .list_box ul li:nth-child(n+6) {display: none;}
.notice0017 .tabWrap .list_box ul li a {display: flex; justify-content: space-between;}
.notice0017 .tabWrap .list_box ul li a p {flex: 1; line-height: 1.2rem; padding-left: 1.65rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.notice0017 .tabWrap .list_box ul li a p::before {content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #3f8bd2; position: absolute; left: 0.45rem; top: calc(50% - 0.15rem);}
.notice0017 .tabWrap .list_box ul li a span {flex-shrink: 0; color: #797979; margin-left: 1rem;}
.notice0017 .tabWrap .list_box .btn_more {top: 0.75rem;}
/* 게시판 : new */
.notice0017 .tabWrap .list_box ul li a.new p::before {content: "N"; width: 1.2rem; height: auto; background: #f82f42; font-size: 0.6rem; color: #fff; font-weight: 800; left: 0; top: 0; text-align: center;}
/* 게시판 : active */
.notice0017 .titTab ul li a,
.notice0017 .titTab ul li a::after {transition: 0.15s;}
.notice0017 .titTab ul li a.current {background: #edf6ff;}
.notice0017 .titTab ul li a.current::after {opacity: 1;}
.notice0017 .titTab ul li a:hover span,
.notice0017 .titTab ul li a:focus span,
.notice0017 .titTab ul li a.current span {font-weight: 600;}
.notice0017 .tabWrap .list_box.on {display: block;}
.notice0017 .tabWrap .list_box ul li a:hover p,
.notice0017 .tabWrap .list_box ul li a:focus p {text-decoration: underline;}
/* 게시판 : no_data */
.notice0017 .tabWrap .list_box ul li.no_data {line-height: 8.4rem;}

/* 식단 */
.meal_menu0017 {position: relative;}
.meal_menu0017 .inner {border-radius: 1.5rem; background: #8cd0ff; box-shadow: 0.15rem 0.15rem 0.35rem rgba(0,0,0,0.05); padding: 1.5rem 2rem; padding-right: 6.5rem;}
.meal_menu0017 .inner ul {height: 5.2rem; overflow-y: auto;}
.meal_menu0017 .inner ul li + li {margin-top: 1rem;}
.meal_menu0017 .inner ul li dl .kcal {line-height: 2rem; padding-left: 2.5rem; color: #000; font-weight: 500; position: relative;}
.meal_menu0017 .inner ul li dl .kcal::before {content: "\eb62"; display: block; width: 2rem; border-radius: 50%; background: #0061c0; font-family: 'xeicon'; font-size: 1.2rem; color: #fff; text-align: center; position: absolute; left: 0; top: 0;}
.meal_menu0017 .inner ul li dl .kcal strong {font-size: 1rem; color: #0061c0; font-weight: 600;}
.meal_menu0017 .inner ul li dl .kcal em {color: #0061c0;}
.meal_menu0017 .inner ul li dl .meal_list {min-height: 2.6rem; color: #000; line-height: 1.625; margin-top: 0.5rem;}
.meal_menu0017 .inner img {max-width: 3.85rem; max-height: 3.9rem; position: absolute; right: 1.6rem; bottom: 1.5rem;}
.meal_menu0017 .btn_more {border-color: #0097ff; color: #0097ff;}

/* 캘린더 */
.pop_schedule0017 {display: flex; align-items: center; padding-right: 3rem; position: relative;}
.pop_schedule0017 .tit_wrap {width: 8.5rem;}
.pop_schedule0017 .tit_wrap .heading {max-width: 100%; margin-bottom: 0.25rem;}
.pop_schedule0017 .tit_wrap p {opacity: 0.7;}
.pop_schedule0017 .lst {width: calc(100% - 8.5rem); overflow: hidden;}
.pop_schedule0017 .lst ul {display: flex; flex-wrap: wrap; width: calc(100% + 2px); height: 3rem; margin-left: -2px; overflow-y: auto;}
.pop_schedule0017 .lst ul li {width: 25%; border-left: 2px dotted #bbc8c2;}
.pop_schedule0017 .lst ul li a {display: block; padding: 0 1rem;}
.pop_schedule0017 .lst ul li a span {font-size: 0.85rem; color: #12594f; font-weight: 500;}
.pop_schedule0017 .lst ul li a span i {font-size: 1.2rem; margin-right: 0.5rem; position: relative; top: 0.15rem;}
.pop_schedule0017 .lst ul li a p {padding-left: 0.65rem; color: #000; margin-top: 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.pop_schedule0017 .lst ul li a p::before {content: ""; display: block; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #538980; position: absolute; left: 0; top: calc(50% - 0.13rem);}
.pop_schedule0017 .btn_more {border-color: #12594f; color: #12594f; top: calc(50% - 1rem);}
/* 캘린더 : active */
.pop_schedule0017 .lst ul li a:hover p,
.pop_schedule0017 .lst ul li a:focus p {text-decoration: underline;}

/* 바로가기 */
.M_link0017 ul {display: table; table-layout: fixed; width: calc(100% + ((100% - 40.8rem) / 7)); margin: 0 calc((-100% + 40.8rem) / 14);}
.M_link0017 ul li {display: table-cell;}
.M_link0017 ul li a {display: flex; flex-direction: column; align-items: center; padding: 0 0.5rem;}
.M_link0017 ul li a p {display: flex; justify-content: center; align-items: center; width: 5.1rem; height: 5.1rem; border-radius: 50%; border: 2px dashed transparent; background: #f1f9ff;}
.M_link0017 ul li a p img {max-width: 3rem; max-height: 3rem; object-fit: contain;}
.M_link0017 ul li a span {display: block; max-height: 2.3rem; text-align: center; margin-top: 0.5rem; overflow: hidden;}
/* 바로가기 : active */
.M_link0017 ul li a p {transition: 0.15s;}
.M_link0017 ul li a span {transition: color 0.15s;}
.M_link0017 ul li a:hover p,
.M_link0017 ul li a:focus p {border-color: #1d62a5; background: #fff;}
.M_link0017 ul li a:hover span,
.M_link0017 ul li a:focus span {color: #1d62a5; font-weight: 600;}

/* 갤러리 */
.gallery0017 {position: relative;}
.gallery0017 .list_box ul {display: flex; margin: 0 -1.7%;}
.gallery0017 .list_box ul li {width: calc(100% / 3); padding: 0 1.7%;}
.gallery0017 .list_box ul li:nth-child(n+4) {display: none;}
.gallery0017 .list_box ul li a .img {display: flex; justify-content: center; align-items: center; width: 100%; height: 9.5rem; border-radius: 1.5rem; font-size: 0; line-height: 0; overflow: hidden;}
.gallery0017 .list_box ul li a .img img {width: 100%; height: 100%; object-fit: cover;}
.gallery0017 .list_box ul li a .txt {color: #000; text-align: center; margin-top: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 갤러리 : active */
.gallery0017 .list_box ul li a .img img {transition: 0.2s;}
.gallery0017 .list_box ul li a:hover .img img,
.gallery0017 .list_box ul li a:focus .img img {transform: scale(1.2);}
.gallery0017 .list_box ul li a:hover .txt,
.gallery0017 .list_box ul li a:focus .txt {text-decoration: underline;}
/* 갤러리 : no_data */
.gallery0017 .list_box ul li.no_data {height: 11.4rem;}

/* 팝업존 */
.pop0017 {position: relative;}
.pop0017 .tit_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.65rem;}
.pop0017 .tit_wrap .heading {max-width: 100%; flex: 1; margin-bottom: 0;}
.pop0017 .control {flex-shrink: 0; display: flex; align-items: center; margin-left: 1rem;}
.pop0017 .control .page {display: flex; margin-right: 0.75rem;}
.pop0017 .control .page strong {display: block; padding-right: 1rem; color: #0061c0; position: relative;}
.pop0017 .control .page strong::after {content: ""; display: block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #0061c0; position: absolute; right: 0.4rem; top: calc(50% - 0.1rem);}
.pop0017 .control a {font-size: 1.1rem;}
.pop0017 .control a.play {display: none;}
.pop0017 .pop_img {height: 11.25rem; background: rgba(0,0,0,0.1); border-radius: 1.5rem; overflow: hidden; isolation: isolate;}
.pop0017 .pop_img div,
.pop0017 .pop_img .item {height: 100%; font-size: 0; line-height: 0; overflow: hidden;}
.pop0017 .pop_img .item a {display: flex; justify-content: center; align-items: center; height: 100%;}
.pop0017 .pop_img .item img {max-width: 100%; max-height: 100%; object-fit: contain;}

/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #d1d8e4; background: #fff; }
.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;}
/* 배너존 : active */
.banner_zone .btn a:hover,
.banner_zone .btn a:focus {background:#f1f1f1;}



@media (max-width: 1240px) {

	/* 게시판 */
	.notice0017 .titTab ul li {max-width: 100%;}

	/* 식단 */
	.meal_menu0017 .inner {padding: 1.5rem; padding-right: 5.25rem;}
	.meal_menu0017 .inner img {max-width: 3.15rem; right: 1.1rem; bottom: 1.4rem;}

	/* 캘린더 */
	.pop_schedule0017 .lst ul li a {padding: 0 0.8rem;}

	/* 바로가기 */
	.M_link0017 ul {width: calc(100% + ((100% - 35.2rem) / 7)); margin: 0 calc((-100% + 35.2rem) / 14);}
	.M_link0017 ul li a p {width: 4.4rem; height: 4.4rem;}
	.M_link0017 ul li a p img {max-width: 2.5rem; max-height: 2.5rem;}

	/* 갤러리 */
	.gallery0017 .list_box ul li {width: 50%;}
	.gallery0017 .list_box ul li:nth-child(n+3) {display: none;}
}



@media (max-width: 1024px) {

	/* 캘린더 */
	.pop_schedule0017 .lst ul li {width: calc(100% / 3);}

	/* 바로가기 */
	.M_link0017 ul {display: flex; flex-wrap: wrap; table-layout: unset; width: 100%; margin: 0;}
	.M_link0017 ul li {display: list-item; width: 25%;}
	.M_link0017 ul li:nth-child(n+5) {margin-top: 1rem;}
}



@media (max-width: 768px) {

	/* 공통 */
	.heading {font-size: 1rem;}

	/* 게시판 */
	.notice0017 .titTab ul li a span {font-size: 0.9rem;}
	.notice0017 .tabWrap {margin-top: 1rem;}

	/* 캘린더 */
	.pop_schedule0017 {display: block; align-items: unset; padding-right: 0;}
	.pop_schedule0017 .tit_wrap {width: 100%;}
	.pop_schedule0017 .tit_wrap .heading {max-width: calc(100% - 3rem); margin-bottom: 0.65rem;}
	.pop_schedule0017 .tit_wrap p {display: none;}
	.pop_schedule0017 .lst {width: 100%;}
	.pop_schedule0017 .lst ul {width: calc(100% + 1rem + 2px); height: 7.5rem; margin-left: calc(-1rem - 2px);}
	.pop_schedule0017 .lst ul li:nth-child(n+4) {margin-top: 1.5rem;}
	.pop_schedule0017 .lst ul li a {padding: 0; padding: 0 1rem;}
	.pop_schedule0017 .btn_more {top: 0;}

	/* 갤러리 */
	.gallery0017 .list_box ul li {width: 100%;}
	.gallery0017 .list_box ul li:nth-child(n+2) {display: none;}

	/* 배너존 */
	.banner_zone h2 {display:none;}
	.banner_zone .bnWrap {width:calc(100% - 6rem); padding-left:0.75rem;}
}


@media (max-width: 640px) {

	/* 메인비주얼 */
	.MVisual0017 .item img {width: 100%;}
}



@media (max-width: 580px) {

	/* 갤러리 */
	.gallery0017 .list_box ul li {width: 50%;}
	.gallery0017 .list_box ul li:nth-child(2) {display: list-item;}
}



@media (max-width: 480px) {

	/* 공통 */
	.heading {max-width: calc(100% - 2.75rem); line-height: 1.75rem; font-size: 0.95rem;}
	.btn_more {width: 1.75rem; height: 1.75rem;}

	/* 메인비주얼 */
	.MVisual0017 {border-radius: 2.5rem;}
	.MVisual0017 .control {right: 7.5vw; bottom: 5vw;}
	.MVisual0017 .control > a {width: 1.75rem; line-height: 1.75rem;}

	/* 게시판 */
	.notice0017 .titTab {max-width: calc(100% - 2.75rem);}
	.notice0017 .titTab ul li a {line-height: 2.25rem;}
	.notice0017 .tabWrap .list_box ul li a p {font-size: 0.75rem;}

	/* 식단 */
	.meal_menu0017 .inner {padding: 1rem 1.5rem; padding-right: 5.4rem;}
	.meal_menu0017 .inner ul {height: 6.16rem;}
	.meal_menu0017 .inner ul li dl .kcal strong {font-size: 1.1rem;}
	.meal_menu0017 .inner ul li dl .meal_list {min-height: 3.66rem; font-size: 0.75rem;}
	.meal_menu0017 .inner img {max-width: 3.1rem; right: 1.3rem; bottom: 1.4rem;}

	/* 캘린더 */
	.pop_schedule0017 .lst ul li {width: 50%;}
	.pop_schedule0017 .lst ul li:nth-child(n+3) {margin-top: 1.5rem;}

	/* 바로가기 */
	.M_link0017 ul li {width: calc(100% / 3);}
	.M_link0017 ul li:nth-child(n+4) {margin-top: 1rem;}
}



@media (max-width: 380px) {

	/* 게시판 */
	.notice0017 .titTab ul li a {padding: 0 1rem;}
	.notice0017 .tabWrap .list_box ul li a p {padding-left: 1.4rem;}
	.notice0017 .tabWrap .list_box ul li a span {display: none;}

	/* 식단 */
	.meal_menu0017 .inner {padding: 1rem 1.5rem;}
	.meal_menu0017 .inner img {display: none;}

	/* 캘린더 */
	.pop_schedule0017 .lst ul {width: calc(100% + 0.5rem + 2px); margin-left: calc(-0.5rem - 2px);}
	.pop_schedule0017 .lst ul li a {padding: 0 0.5rem;}
	.pop_schedule0017 .lst ul li a span i {margin-right: 0.25rem;}

	/* 바로가기 */
	.M_link0017 ul li a p {width: 3.75rem; height: 3.75rem;}
	.M_link0017 ul li a p img {max-width: 2.25rem; max-height: 2.25rem;}
	.M_link0017 ul li a span {max-height: 2.16rem; font-size: 0.75rem;}

	/* 갤러리 */
	.gallery0017 .list_box ul li {width: 100%;}
	.gallery0017 .list_box ul li:nth-child(2) {display: none;}
}