﻿/* common */
h2.heading{ position:relative; margin: 0 2rem 1rem 0; font-size:1rem; font-weight:600; color:#363636; overflow:hidden; white-space: nowrap;}
a.btn_more{ position:absolute; right:0; top:0.3rem; width:1.8rem; height:1.8rem; line-height:1.8rem; text-align:center; color:#fff; font-size:1.3rem; border-radius:50%; background:#a1a4ad; transition: all 0.2s; -webkit-transition: all 0.2s;}

/* 메인비주얼 */
.MVisual0042 { position: relative; height: 100%; border-radius: 3rem; overflow:hidden; box-shadow: 3px 3px 5px rgba(125,125,125,0.16); background: #ddd; isolation: isolate;}
.MVisual0042 .slider{ position:relative; z-index: 0;}
.MVisual0042 .item{overflow:hidden; line-height:0;}
.MVisual0042 .item img{position:relative; width:auto; height:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.MVisual0042 .control{position:absolute; left:2rem; bottom:1rem; z-index:1;}
.MVisual0042 .control > a{display:inline-block; width:2rem; height:2rem; line-height:2rem;  background:rgb(17, 26, 50, 0.5); color:#fff; text-align: center; border-radius:50%; -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.MVisual0042 .control > a.play{display:none;}
.MVisual0042 .control > a:hover,
.MVisual0042 .control > a:focus{ background:rgb(17, 26, 50, 0.9);}

/* 바로가기1 */
.M_link0042 { position:relative; height:100%; display:flex; align-items: center; justify-content: center; }
.M_link0042 ul{ display:flex; flex-wrap:wrap; width:calc(100% + 1rem); margin-left:-0.5rem; }
.M_link0042 li { width:50%; padding:0.7rem; }
.M_link0042 li a { display:block; position:relative; width:100%; height:8rem; padding-top:1.5rem; word-break: keep-all; border-radius:1rem; background:#fff; border:2px solid transparent; text-align:center; box-shadow: 0 0 10px rgba(168,132,146,0.5);}
.M_link0042 li a img { position:relative; width:3.1rem; height:3.1rem; }
.M_link0042 li a p { font-size:0.9rem; line-height:1rem; height:2rem; padding:0 0.25rem; margin-top:0.15rem; overflow:hidden; font-weight: 500; color:#3c3732;}
/** 바로가기1 : active **/
.M_link0042 li a:hover,
.M_link0042 li a:focus{ border: 3px solid #fd7aa4; }
.M_link0042 li a:hover img,
.M_link0042 li a:focus img{ animation: bouns 0.3s ease-out 2;}

@keyframes bouns {
	0%{ transform: translateY(0); -webkit-transform: translateY(0);}
	50%{ transform: translateY(-10px); -webkit-transform: translateY(-10px); }
	100%{ transform: translateY(0); -webkit-transform: translateY(0);}
}
@-webkit-keyframes bouns {
	0%{ transform: translateY(0); -webkit-transform: translateY(0);}
	50%{ transform: translateY(-10px); -webkit-transform: translateY(-10px); }
	100%{ transform: translateY(0); -webkit-transform: translateY(0);}
}

/* 팝업존 */
.pop0042 { position:relative; width:100%; height:100%; overflow:hidden; margin-top: 0.8rem; }
.pop0042 .heading { margin: 0 8rem 1rem 0; }
.pop0042 .control{position:absolute; right:0; top:0;}
.pop0042 .control p { position:absolute; left: -2.5rem; top:-0.2rem; line-height:2rem; color:#363636; font-size:0.75rem;}
.pop0042 .control p strong { position: relative; padding-right: 0.5rem; margin-right: 0.7rem; font-weight: 600;}
.pop0042 .control p strong::after { position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0.9rem; background: #95a6b4; }
.pop0042 .control a {display: inline-block; overflow: hidden; width:1.5rem; height:1.5rem; line-height:1.5rem; border-radius:50%; text-align:center; color:#000; font-size:0.85rem; transition: all 0.2s; -webkit-transition: all 0.2s;}
.pop0042 .control .play,
.pop0042 .control .stop{ background:#e3e3e3;}
.pop0042 .control .play {display: none;}
.pop0042 .pop_img { position:relative; height:11.5rem; margin-top:0.25rem; overflow: hidden; border-radius:1rem; background:rgba(0,0,0,0.1); isolation: isolate;}
.pop0042 .pop_img div[class*='slick-'],
.pop0042 .pop_img .item {height:100%;}
.pop0042 .pop_img .item a { display: flex; height:100%; line-height:0; align-items:center; justify-content: center; overflow:hidden;}
.pop0042 .pop_img .item img {position:relative; max-width:100%; width:auto; height:auto;}
/* 팝업존 : active */
.pop0042 .control a:hover,
.pop0042 .control a:focus{ background:#95a6b4; color:#fff; }

/* 게시판 */
.notice0042 { position:relative; overflow:hidden; height:100%;  }
.notice0042 .titTab{ position:relative; padding-right:2.5rem;}
.notice0042 .titTab ul{font-size:0;}
.notice0042 .titTab li { position:relative; display:inline-block; max-width:33%; vertical-align: top; background:#fff; padding-right: 1.3rem;}
.notice0042 .titTab li + li:before{ content:""; position:absolute; width: 4px; height: 4px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: -0.65rem; background: #95a6b4;}
.notice0042 .titTab li a { display:block; position:relative; padding: 0.4rem 0; line-height:1.5rem; font-size:1rem; color:#666; border-radius: 3rem; }
.notice0042 .titTab li a span{ position:relative; display:block; overflow:hidden; white-space:nowrap;}
.notice0042 .tabWrap{ height:calc(100% - 3.3rem); margin-top:1rem;}
.notice0042 .list_box { display:none; width:100%; height:100%; }
.notice0042 .list_box ul { display:flex; flex-wrap: wrap; overflow:hidden; height:100%; }
.notice0042 .list_box li { flex:1; min-width:0; }
.notice0042 .list_box li:nth-child(n+4){ display:none; }
.notice0042 .list_box li + li{ margin-left:2rem; }
.notice0042 .list_box li a { position:relative; display:block; height:100%; padding:1.5rem 1.1rem; overflow:hidden; background: #f5f5f5; border-radius: 1rem; border: 2px solid transparent;}
.notice0042 .list_box li a dt{ position:relative; display:inline-block; max-width:100%; line-height:1.1rem; padding:0 4px 4px; font-size:0.9rem; font-weight:500; color:#363636; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.notice0042 .list_box li a dd p{ margin:1.4rem 0; line-height:1.25rem; height:2.5rem; color:#363636; overflow:hidden;  }
.notice0042 .list_box li a span { color:#777; font-size:0.7rem;}
.notice0042 .list_box li a.new span:before{content:"N"; display:inline-block; width:1.2rem; height:1.2rem; line-height:1.2rem; margin-right:0.35rem; color:#fff; font-weight:600; font-size: 0.7rem; text-align: center; background:#fd7aa4; border-radius:50%; }
.notice0042 .list_box li.no_data{text-align:center; line-height:9.5rem; }
.notice0042 a.btn_more:hover,
.notice0042 a.btn_more:focus { background:#4341ba;}
/* 게시판 : active */
.notice0042 .titTab li a:hover,
.notice0042 .titTab li a:focus,
.notice0042 .titTab li a.current { color:#fff; background:#4341ba; padding: 0.4rem 1rem;}
.notice0042 .titTab li a.current:before { left:0; width:100%; opacity: 1; }
.notice0042 .list_box.on { display: block; }
.notice0042 .list_box li a:hover,
.notice0042 .list_box li a:focus { text-decoration: underline; background: #fff; border-color:#4341ba; }
.notice0042 .list_box li a:hover dt,
.notice0042 .list_box li a:focus dt{ color:#4341ba;}
.notice0042 a,
.notice0042 dt,
.notice0042 :before {-webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }

/* 식단 */
.meal_menu0042 { position:relative; height:100%;}
.meal_menu0042 .tit_wrap{ position:relative; margin: 0 2rem 0 0; overflow: hidden; }
.meal_menu0042 h2 { display:inline-block; padding-right:0.5rem; background:#fff; }
.meal_menu0042 .inner { position:relative; padding: 1.4rem 1rem 1.5rem 1.2rem; background: #fd7aa4; border-radius: 1rem; }
.meal_menu0042 .inner ul { overflow-y:auto; height:6.65rem; margin-right: 4rem;}
.meal_menu0042 .inner li:not(.no_data) { padding-right:0.25rem; }
.meal_menu0042 .inner li + li { margin-top:1rem; }
.meal_menu0042 .inner .no_data { padding-top:2.5rem; text-align:center; color: #fff; }
.meal_menu0042 .inner dl { position:relative; min-height:6rem;}
.meal_menu0042 .inner dt { position:relative; display:inline-block; font-size:0.8rem; font-weight:600; color:#fff; margin-bottom: 0.8rem; }
.meal_menu0042 .inner dt span { display: inline-block; line-height: 2rem; padding: 0 1rem; background: #cb3366; border-radius: 2rem; }
.meal_menu0042 .inner dt em{ display: inline-block; line-height: 2rem; padding: 0 1.2rem; background: #fff; color: #e34785; border-radius: 2rem; }
.meal_menu0042 .inner dt em strong { color: #3c3732; }
.meal_menu0042 .inner dd { color:#fff; font-size:0.8rem; line-height: 1.25rem; word-break:keep-all; }
.meal_menu0042 > img{ position:absolute; right:0.8rem; bottom:1rem; max-width: 4.35rem; }
.meal_menu0042 .btn_more { top: -0.2rem; } 
.meal_menu0042 .btn_more:hover,
.meal_menu0042 .btn_more:focus { background: #fd7aa4; }

/* 캘린더 */
.pop_schedule0042 { position:relative;}
.pop_schedule0042 h2{ margin-right:12rem;}
.pop_schedule0042 .month { display:flex; align-items:center; justify-content: center; }
.pop_schedule0042 .month a { position:relative; width:2rem; height:1.2rem; }
.pop_schedule0042 .month a:before{ content:""; position:absolute; top:0; width:1.2rem; height:1.2rem; border-radius:50%; background:#b5b4e7; opacity: 0.7; }
.pop_schedule0042 .month .prev:before { left:-0.2rem; }
.pop_schedule0042 .month .next:before { right:0; }
.pop_schedule0042 .month a img { position: relative; top: -0.2rem; }
.pop_schedule0042 .month span { position: relative; display:flex; align-items: baseline; font-weight: 400; color:#222; margin:0 1rem; z-index: 1;}
.pop_schedule0042 .month span::before { position: absolute; content: ''; width: 100%; height: 0.8rem; background: #fff; border-radius: 1rem; bottom: -0.2rem; z-index: -1;}
.pop_schedule0042 .month span em { font-size:1.1rem; font-weight:600; padding-left:0.25rem; color: #4341ba; }
.pop_schedule0042 .sche_wrap{background:#f2f2ff; border-radius:1.5rem; margin-top:1rem; padding-top: 1rem;}
.pop_schedule0042 .lst { position:relative; z-index:1; padding:1rem 1.5rem; }
.pop_schedule0042 .lst::before { position: absolute; content: ''; width: calc(100% - 2rem); height: calc(100% - 2rem); background: #fff; border-radius: 1rem; top: 1rem; left: 1rem;}
.pop_schedule0042 .lst ul { position: relative; display:flex; flex-wrap: wrap; align-content:flex-start; height:5.4rem; width:calc(100% + 1rem); margin-left:-0.5rem; overflow-y:auto; overflow-x: hidden; padding:0.5rem 1rem 0.3rem; }
.pop_schedule0042 .lst .no_data { width: 100%; text-align:center; line-height: 3.5rem; }
.pop_schedule0042 .lst li{ position:relative; width:50%; margin:0.3rem 0;}
.pop_schedule0042 .lst li a { position:relative; display:flex; line-height:1.6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:0.75rem; margin-right:1rem; font-weight: 400; color:#363636;}
.pop_schedule0042 .lst li a span{ color:#4341ba; font-size: 0.8rem; font-weight:600; padding:0 0.6rem; margin-right: 0.5rem; border-radius: 2rem; border: 1px dashed #4341ba;}
.pop_schedule0042 .btn_more { top: -0.2rem; }
/** 캘린더 : active **/
.pop_schedule0042 .month a:hover:before,
.pop_schedule0042 .month a:focus:before{ opacity: 1.2; }
.pop_schedule0042 .lst li a:hover,
.pop_schedule0042 .lst li a:focus { text-decoration:underline; }
.pop_schedule0042 a,
.pop_schedule0042 a span{-webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.pop_schedule0042 .btn_more:hover,
.pop_schedule0042 .btn_more:focus { background: #4341ba; }

/* 갤러리 */
.gallery0042 { position:relative; height:100%; }
.gallery0042 .tit_wrap { margin-bottom: 1.5rem; }
.gallery0042 .tit_wrap h2 { display: inline-block; max-width: 30%; color: #000; margin: 0; vertical-align: middle; }
.gallery0042 .tit_wrap .txt{ display: inline-block; max-width: calc(100% - 23rem); margin-left: 0.5rem; vertical-align: middle; white-space: nowrap; overflow: hidden;}
.gallery0042 .list_box{height:100%; }
.gallery0042 .list_box ul{ display:flex; justify-content: center; width: 100%; }
.gallery0042 .list_box li{ max-width: 17rem; width: 100%; }
.gallery0042 .list_box li + li {margin-left: 4.8%;}
.gallery0042 .list_box li:nth-child(n+4){ display:none;}
.gallery0042 .list_box li a { position:relative; display:block; }
.gallery0042 .list_box li a .img{ height:11.8rem; border-radius:1.8rem; background:rgba(0,0,0,0.2); box-shadow:0 0 25px rgba(37,46,61,0.3); overflow:hidden; isolation: isolate;}
.gallery0042 .list_box li a .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.gallery0042 .list_box li a .txt{ position:relative; line-height:1.5rem; font-size:0.9rem; font-weight:500; color:#222; background: #fff; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; padding: 0.7rem 5rem 0.7rem 1rem; margin-top:1rem; border-radius: 0 2rem 2rem 2rem; box-shadow: 3px 0 7px rgba(0,0,0,0.15); }
.gallery0042 .list_box li a .txt span{ position:absolute; right:1rem; top:0.7rem; font-size:0.7rem; font-weight:400;}
.gallery0042 .list_box li.pt{ max-width: 20.5rem; margin-top:0;}
.gallery0042 .list_box li.pt .img{ height:14.8rem; }
.gallery0042 .list_box li.pt a .txt { width: 85%; margin-top: -1.5rem; }
.gallery0042 .list_box li.no_data{ max-width: 100%; line-height: 10rem; margin: auto; }
.gallery0042 .btn_more { top: 0; }
.gallery0042 .btn_more:hover,
.gallery0042 .btn_more:focus { background: #4341ba; }
/** 갤러리 : active **/
.gallery0042 .list_box a:hover .txt,
.gallery0042 .list_box a:focus .txt{ color:#fff; background: #4341ba; }

/* 배너존 */
.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) {
	/* 메인비주얼 */
	.MVisual0042{ left: 1rem; }
	.MVisual0042 .item img { height: auto; }

	/* 바로가기 */
	.M_link0042 li a:hover img,
	.M_link0042 li a:focus img { animation: none;}

	/* 갤러리 */
	.gallery0042 .list_box li.pt { max-width: 36%; }
	.gallery0042 .list_box li { max-width: 30%; }
	.gallery0042 .list_box li + li { margin-left: 1.8%; }

	/* 게시판 */
	.notice0042 .list_box li + li{ margin-left:1rem; }
}

@media (max-width: 1140px) {
	.MVisual0042 .item img { left: 58%; }
}

@media (max-width: 1024px){
	/* 게시판 */
	.notice0042 .list_box li:nth-child(n+3){display:none;}

	/* 캘린더 */
	.pop_schedule0042 .lst{ padding:1rem;}
	.pop_schedule0042 .lst ul{ width: calC(100% + 0.5rem); padding-right:0.25rem; }
	.pop_schedule0042 .lst li a span{ padding:0 0.5rem;}

	/* 갤러리 */
	.gallery0042 h2{ position:relative; left:auto; top:auto; max-width:calc(100% - 3rem); margin-bottom:1rem;}
	.gallery0042 .list_box li{ margin-top:0;}
	.gallery0042 .list_box li.pt a .img { height:12.5rem; }
	.gallery0042 .list_box li a .img{ height:10rem; }
	.gallery0042 .list_box li a .txt { padding: 0.7rem 1rem 0.7rem 1rem; }
	.gallery0042 .list_box li a .txt span { display: none; }
	.gallery0042 .btn_more{ left:auto; right:0;}
}

@media (max-width: 950px) {
	/* 메인비주얼 */
	.MVisual0042 { left: 0; }
	.MVisual0042 .item img { left: 50%; }
	.MVisual0042 .control{bottom:1rem;}

	/* 바로가기1 */
	.M_link0042 ul{ width:100%; margin:0; padding:0 0.5rem; }
	.M_link0042 li{ width:25%; padding:0.4rem;}
}

@media (max-width: 840px) {
	/* 비주얼 */
	.MVisual0042 { border-radius: 2rem; }
	.MVisual0042 .item img {width: 100%;}

	/* 팝업존 */
	.pop0042 { margin-top: 0; }
	.pop0042 .pop_img{ height:auto;}

	/* 갤러리 */
	.gallery0042 .tit_wrap h2 { font-size: 1rem; }
	.gallery0042 .list_box ul{ width:calc(100% + 0.5rem); margin-left:-0.25rem;}
	.gallery0042 .list_box li{ padding:0 0.25rem;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}

@media (max-width: 768px) {
	h2.heading,
	.notice0042 .titTab li a { font-size:1rem; padding:0.1rem 0;}
	a.btn_more{ width:1.75rem; height:1.75rem; line-height:1.75rem;}

	/* 게시판 */
	.notice0042 .titTab{ padding-right:2rem; margin-bottom: 0.5rem;}
	.notice0042 .titTab li { vertical-align: middle; }
	.notice0042 .tabWrap { margin-top: 0.5rem; }
	.notice0042 .btn_more { top:0.25rem;}
	
	/* 캘린더 */
	.pop_schedule0042 .month{ height:1.75rem;}
	.pop_schedule0042 .month span em{ font-size:1.25rem;}

	/* 식단 */
	.meal_menu0042 > img {max-width: 4rem;}

	/* 갤러리 */
	.gallery0042 .list_box li.pt { max-width: 55%; }
	.gallery0042 .list_box li { max-width: 43%; }
	.gallery0042 .list_box li:nth-child(n+3){ display:none;}
	.gallery0042 .tit_wrap .txt { max-width: calc(100% - 15rem); }
}

@media (max-width: 560px) {	
	h2.heading { margin: 0 2rem 0.5rem 0; }

	/* 메인비주얼 */
	.MVisual0042 .control{ bottom:0.5rem; left:0.75rem;}
	.MVisual0042 .control > a{ width:1.65rem; height:1.65rem; line-height:1.65rem; }

	/* 게시판 */
	.notice0042 .titTab li{ max-width:100%;}

	/* 바로가기1 */
	.M_link0042 li{ width:50%;}
	.M_link0042 li a{ padding-top:1rem; height:7rem;}
	.M_link0042 li a p { font-size: 0.8rem; }

	/* 식단 */
	.meal_menu0042 .inner ul{ margin-right:5rem;}

	/* 갤러리 */
	.gallery0042 .tit_wrap { margin-bottom: 0.8rem; }
	.gallery0042 .tit_wrap .txt { max-width: calc(100% - 11rem); }

	/* 팝업존 */
	.pop0042 .heading { margin: 0 8rem 0.8rem 0; }
}

@media (max-width: 460px) {
	/* 게시판 */
	.notice0042 .list_box li { flex: auto; }
	.notice0042 .list_box li + li { margin-left: 0; margin-top: 0.5rem; }
	.notice0042 .list_box li a { padding: 1rem; }
	.notice0042 .list_box li a dd p { margin: 0.5rem 0; }

	/* 캘린더 */
	.pop_schedule0042 .sche_wrap { padding-top: 0.8rem; }
	.pop_schedule0042 .lst ul{ width:100%; height:8.4rem; margin:0;}
	.pop_schedule0042 .lst li{ width:100%; margin:0.25rem 0;}
	.pop_schedule0042 .lst .no_data { line-height: 6.5rem; }
	.pop_schedule0042 .lst li a { line-height: 1.35rem; }
	.pop_schedule0042 .lst li:before{ display:none;}

	/* 갤러리 */
	.gallery0042 .tit_wrap { margin-right: 2rem; margin-bottom: 1rem; }
	.gallery0042 .tit_wrap h2 { max-width: 100%; } 
	.gallery0042 .tit_wrap .txt { display: none; }
	.gallery0042 .list_box li.pt { max-width: 100%; }
	.gallery0042 .list_box li:nth-child(n+2){ display:none;}
}

@media (max-width: 380px) {
	/* 캘린더 */
	.pop_schedule0042 h2{ margin-right:2.5rem;}
	.pop_schedule0042 .month a{ width:1.2rem; height:1rem; margin-top:0.25rem;}
	.pop_schedule0042 .month .next img{ left:-0.8rem;}

	/* 식단 */
	.meal_menu0042 .inner dd { word-break: keep-all; }
}

@media (max-width: 350px) {
	/* 식단 */
    .meal_menu0042 .inner ul{ margin-right:0; } 
    .meal_menu0042 > img{ display: none; } 
}