﻿
.heading { font-size: 1.1rem; font-weight: 700; margin-right: 2.5rem; margin-bottom: 1.4rem; overflow: hidden; white-space: nowrap; color: #000; }

/* btn_more */
.btn_more { position: absolute; display: block; text-align: center; border-radius: 50%; }
.btnTy1 { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; top: 2.75rem; right: 1.8rem; color: #fff; background: #6c6cd5; }
.btnTy2 { width: 2rem; height: 2rem; line-height: 2rem; top: -0.2rem; right: 0; font-size: 1.5rem; }
/* btn_more : active */
.btnTy1:hover,
.btnTy1:focus { box-shadow: 2px 2px 4px rgba();}
.btnTy2 i:hover,
.btnTy2 i:focus { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.btnTy2 i {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 메인비주얼 */
.MVisual0007 { position: relative; height: 100%; }
.MVisual0007::before { position: absolute; top: 1rem; right: -20rem; width: 14.55rem; height: 10.2rem; background: url('/images/template/T0007/main/con_bg1.png') no-repeat center / cover; content: ""; }
.MVisual0007 .item{overflow:hidden; line-height:0; }
.MVisual0007 .item img{position:relative; width:auto; max-width: 100%; height:100%; }
.MVisual0007 .control{position:absolute; left: 1rem; bottom: 1rem; z-index:1;}
.MVisual0007 .control > a{display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgba(133, 133, 210, 0.5); color:#fff; text-align: center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual0007 .control > a.play{display:none;}
.MVisual0007 .control > a:hover,
.MVisual0007 .control > a:focus{ background:rgba(133, 133, 210, 0.9);}

/* 캘린더 */
.pop_schedule0007 { position: relative; width: 100%; height: 100%; background: #8585d2 url('/images/template/T0007/main/sche_bg.png') no-repeat top / contain; border-radius: 2rem 2rem 0 2rem; overflow: hidden; padding: 1.7rem 0.8rem 0.8rem; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.22); }
.pop_schedule0007 .sche_wrap { height: 100%; background: #fff; border-radius: 1.5rem 1.5rem 0 1.5rem; padding: 1.2rem 1.7rem 1rem; }
.pop_schedule0007 .month { font-size: 1.2rem; color: #000; font-family: 'Titillium Web'; margin-bottom: 0.7rem; line-height: 1; }
.pop_schedule0007 .month em { color: #6c6cd5; }
.pop_schedule0007 .sche_table { position: relative; }
.pop_schedule0007 .sche_table::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: calc(100% + 1.7rem); height: 2.15rem; background: linear-gradient(to right, #ffdde5, #ffeec3); border-radius: 1rem; z-index: 0; content: ""; }
.pop_schedule0007 .sche_table table {text-align: center;}
.pop_schedule0007 .sche_table table thead th { position: relative; height: 2.15rem; vertical-align: middle; font-size: 0.9rem; font-weight: 600; color: #000; z-index: 1; }
.pop_schedule0007 .sche_table table tbody { height: 8.9rem; }
.pop_schedule0007 .sche_table table tbody td { text-align: center; vertical-align: middle; font-size: 0.8rem;  color: #000; font-family: 'Titillium Web'; }
.pop_schedule0007 .sche_table table tbody tr:first-child td { padding-top: 0.25rem; }
.pop_schedule0007 .sche_table table tbody tr:last-child td { padding-bottom: 0.25rem; }
.pop_schedule0007 .sche_table table tbody td span,
.pop_schedule0007 .sche_table table tbody td a {display: block; margin: 0 auto; width: 1.4rem; height: 1.4rem; line-height: 1.4rem;}
.pop_schedule0007 .sche_table table tbody td a {position: relative; border-radius: 50%;}
.pop_schedule0007 .sche_table table tbody td a.event {color: #fff; background: #ff7697;}
.pop_schedule0007 .sche_table table tbody td a.today { background: #e6e6e6; }
.pop_schedule0007 .lst { height: 3.85rem; padding-top: 0.75rem; border-top: 1px dashed #7f7f7f; }
.pop_schedule0007 .lst ul { height: 100%; overflow-y: auto;}
.pop_schedule0007 .lst li a {position: relative; display: block; font-weight: 500; font-size: 0.8rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pop_schedule0007 .lst li ~ li {margin-top: 0.25rem;}
.pop_schedule0007 .lst li a span { display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 50%; text-align: center; line-height: 1.4rem; background: #dbdbff; font-size: 0.8rem; color: #000; font-family: 'Titillium Web'; margin-right: 0.5rem; }
.pop_schedule0007 .lst li.sche_list_type2 a span { width: 3rem; border-radius: 1rem; }
.pop_schedule0007 .lst .no_data {width: 100%; line-height: 3rem; text-align: center;}
.pop_schedule0007 .btns {position: absolute; top: 2.75rem; right: 1.8rem; display: inline-block; overflow: hidden;}
.pop_schedule0007 .btn_more.btnTy1 {position: relative; top: auto; right: auto; float: left;}
.pop_schedule0007 .btn_more.btnTy1 + .btn_more.btnTy1 {margin-left: 0.25rem;}
/* 캘린더 :active */
.pop_schedule0007 .lst li a:hover,
.pop_schedule0007 .lst li a:focus { text-decoration: underline; }
.pop_schedule0007 .lst li a:hover span,
.pop_schedule0007 .lst li a:focus span { background: #6c6cd5; color: #ffff; }
.pop_schedule0007 a,
.pop_schedule0007 .lst li a span {-webkit-transition: all .15s; transition: all .15s;}

/* 바로가기1 */
.M_link0007 { position:relative; height:100%; }
.M_link0007 ul { display:table; width: calc(100% + 1rem); margin-left: -0.5rem; table-layout: fixed; }
.M_link0007 li { position:relative; display:table-cell; vertical-align:top; z-index:1; text-align: center; }
.M_link0007 li a { display: block; }
.M_link0007 li a .img { display: block; width: 6.1rem; height: 6.1rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); border-radius: 1rem; margin: auto; border: 2px dashed transparent; background: #fff; }
.M_link0007 li a span { position: relative; display: inline-block; font-size:0.9rem; line-height:1.5rem;  max-height:3rem; padding:0 5px; overflow:hidden; color:#000; margin-top: 1rem; }
.M_link0007 li a span::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 0.75rem; background: rgba(251, 158, 38, 0.2); border-radius: 1rem; content: ""; }
/** 바로가기1 : active **/
.M_link0007 li a:hover .img,
.M_link0007 li a:focus .img { border-color: #ff7900; box-shadow: none; }
.M_link0007 li a:hover .img img,
.M_link0007 li a:focus .img img { -webkit-animation:linkAni 0.3s; animation:linkAni 0.3s; }
.M_link0007 li a:hover span,
.M_link0007 li a:focus span { font-weight: 600; }
.M_link0007 li a:hover span::before,
.M_link0007 li a:focus span::before { width: 100%; }
.M_link0007 li a,
.M_link0007 li a .img,
.M_link0007 li a .img img,
.M_link0007 li a span::before { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

@-webkit-keyframes linkAni {
	0% {-webkit-transform:translateY(0); transform:translateY(0);}
	60% {-webkit-transform:translateY(-8px); transform:translateY(-8px);}
	100% {-webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes linkAni {
	0% {-webkit-transform:translateY(0); transform:translateY(0);}
	60% {-webkit-transform:translateY(-8px); transform:translateY(-8px);}
	100% {-webkit-transform:translateY(0); transform:translateY(0);}
}

/* 게시판 */
.notice0007 { position:relative; height:100%; }
.notice0007 .titTab{margin-bottom:1.4rem;}
.notice0007 .titTab ul{ position: relative; left: -0.7rem; font-size:0; padding-right: 1.5rem; }
.notice0007 .titTab li { display:inline-block; max-width:calc(33% - 0.1rem); font-size:1.1rem; vertical-align: top; padding-left:0.7rem; }
.notice0007 .titTab li a { display:block; position:relative; font-size: 1.1rem; color:#666; padding-right: 1.4rem; }
.notice0007 .titTab li a:before{content:"\e938"; position: absolute; top: 3px; right: 0; font-family: 'xeicon'; font-size: 1.2rem; color: #a4a4a4; }
.notice0007 .titTab li a span { position: relative; display:block; overflow:hidden; white-space:nowrap;}
.notice0007 .list_box { display:none; width:100%; height:calc(100% - 2.5rem); margin-top: -0.55rem; }
.notice0007 .list_box ul { height:100%; }
.notice0007 .list_box li { float: left; width: 48%; padding: 0.55rem 0; }
.notice0007 .list_box li ~ li { margin-left: 4%; }
.notice0007 .list_box li:nth-child(3) { margin-left: 0; }
.notice0007 .list_box li a { position:relative; display:block; padding: 0.95rem 1.2rem; overflow:hidden; color:#333; background: #f4f4f4; border-radius: 1.2rem; border: 2px dashed transparent;}
.notice0007 .list_box li a .tit { position: relative; font-size: 0.9rem; font-weight: 600; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.5rem; }
.notice0007 .list_box li a span { position: relative; display: block; font-size: 0.8rem; color: #666; line-height: 1.2rem; font-family: 'Titillium Web'; }
.notice0007 .list_box li a.new span { padding-left: 1.5rem; }
.notice0007 .list_box li a.new span:before{content:"N"; position: absolute; top: 0; left: 0; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; background: #f35769; color: #fff; border-radius: 50%; font-size: 0.55rem; font-family: 'Sora';}
.notice0007 .list_box li.no_data{ width: 100%; line-height: 10.7rem; text-align:center; background: #f1f1f1; border-radius: 1rem; }
.notice0007 .btn_more { background: #ffe6eb; color: #f0617c; }
/* 게시판 : active */
.notice0007 .titTab li a:hover,
.notice0007 .titTab li a:focus,
.notice0007 .titTab li a.current { color:#f0617c; font-weight:700;}
.notice0007 .titTab li a:hover::before,
.notice0007 .titTab li a:focus::before,
.notice0007 .titTab li a.current::before { content: "\e937"; color: #f0617c; }
.notice0007 .list_box.on { display: block; }
.notice0007 .list_box li a:hover,
.notice0007 .list_box li a:focus { border-color: #ff849b; background: #fff; box-shadow: 3px 3px 6px rgba(201, 123, 138, 0.27); }
.notice0007 .list_box li a {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }


/* 팝업존 */
.pop0007 { position:relative; height:100%; }
.pop0007 h2 { margin-right: 7.5rem; }
.pop0007 .nss_pg { position: absolute; top: 0; right: 0; }
.pop0007 .nss_pg p { display: inline-block; vertical-align: middle; margin-right: 0.7rem; color:#262626; font-size:0.8rem; font-weight: 600; font-family: 'Titillium Web';}
.pop0007 .nss_pg p strong { position: relative; color: #f0617c; font-size: 1rem; padding-right: 0.7rem; }
.pop0007 .nss_pg p strong::before { position: absolute; top: 0.75rem; right: 3px; width: 0.2rem; height: 0.2rem; background: #d3d3d3; border-radius: 50%; content: ""; }
.pop0007 .nss_pg a {display: inline-block; vertical-align: middle; overflow: hidden; width:1.3rem; height:1.3rem; line-height:1.3rem; border-radius:50%; text-align:center; color:#fff; font-size:0.9rem;}
.pop0007 .nss_pg .stop, 
.pop0007 .nss_pg .play { background: #7272ff; }
.pop0007 .nss_pg .play {display: none;}
.pop0007 .pop_img { position:relative; height:11.25rem; overflow: hidden; border-radius:1.2rem; background:rgba(0,0,0,0.1); }
.pop0007 .pop_img div,
.pop0007 .pop_img .item {height:100%;}
.pop0007 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0007 .pop_img .item img {position:relative; max-width:100%; width:auto; height:100%;}
/* 팝업존 : active */
.pop0007 .nss_pg a.prev:hover,
.pop0007 .nss_pg a.prev:focus { transform: translateX(-4px); -webkit-transform: translateX(-4px); }
.pop0007 .nss_pg a.next:hover,
.pop0007 .nss_pg a.next:focus { transform: translateX(4px); -webkit-transform: translateX(4px); }
.pop0007 .nss_pg a {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 갤러리 */
.gallery0007 { position:relative; height:100%; }
.gallery0007::before { position: absolute; top: 0; left: -14.25rem; width: 8.65rem; height: 11rem; background: url('/images/template/T0007/main/con_bg2.png') no-repeat center / cover; content: ""; }
.gallery0007 .list_box{ width: calc(100% + 1.6rem); margin-left: -0.8rem; }
.gallery0007 .list_box li {float: left; padding: 0 0.8rem; width: 33.333%;}
.gallery0007 .list_box li:nth-of-type(n+4) {display: none;}
.gallery0007 .list_box li:nth-child(2) { margin-top: -1.2rem; }
.gallery0007 .list_box li a {position: relative; display: block; }
.gallery0007 .list_box li a .img {position: relative; width: 100%; height: 9.55rem; background: #eee; overflow: hidden; border-radius: 1rem; }
.gallery0007 .list_box li a .img img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.gallery0007 .list_box li a .txt { height: 1.8rem; line-height: 1.8rem; text-align: center; margin-top: 0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000; font-size: 0.8rem; font-weight: 600; border-radius: 0 2rem 2rem 2rem; background: #fff; border: 1px dashed #ff7900; padding: 0 0.5rem; }
.gallery0007 .list_box li.no_data{width: calc(100% - 1.5rem); line-height: 11.85rem; border-radius: 1rem; background: rgba(0, 0, 0, 0.1); text-align: center; margin-left: 0.75rem; }
.gallery0007 .btn_more { background: #fb9e26; color: #fff; }
/** 갤러리 : active **/
.gallery0007 .list_box li a:hover .img > img,
.gallery0007 .list_box li a:focus .img > img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); } 
.gallery0007 a{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 식단 */
.meal_menu0007 { position:relative; height:100%; background: #fb9818; border-radius: 2rem 2rem 0 0; padding: 1.9rem 2rem; }
.meal_menu0007 h2 { color: #fff; }
.meal_menu0007 ul { overflow-y:auto; height:6.2rem; }
.meal_menu0007 li:not(.no_data) { padding-right:1rem; }
.meal_menu0007 li + li { margin-top:1rem; }
.meal_menu0007 .no_data { line-height: 6.2rem; text-align: center; color: #fff; }
.meal_menu0007 dt { position: relative; display: flex; height: 2.5rem; align-items: center; justify-content: center; background: #fff; border-radius: 2rem; font-size: 0.9rem; color: #ff7800; font-weight: 600; }
.meal_menu0007 dt span { margin-left: 0.5rem; color: #000; font-weight: 400; }
.meal_menu0007 dt span em { font-weight: 600; font-size: 1.1rem; }
.meal_menu0007 dd { color:#fff; font-size:0.8rem; word-break:keep-all; margin-top:1rem; line-height: 1.5rem; }
.meal_menu0007 > img{position:absolute; right: -4rem; bottom:0.5rem; width: 17.95rem; height: 6.85rem;}
.meal_menu0007 .btn_more { top: 1.5rem; right: 2rem; background: #fff; color: #fb9818; }

/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #e5e5e5;}
.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:1360px){
	/* 식단 */
	.meal_menu0007 > img { width: 15rem; height: auto; right: -1rem; }
}

@media (max-width:1240px){
	/* 캘린더 */
	.pop_schedule0007 .sche_wrap { padding: 1.2rem 1.2rem 1rem;}
	.pop_schedule0007 .sche_table::before { width: calc(100% + 1.2rem); }

	/* 바로가기 */
	.M_link0007 li a .img { width: 5.5rem; height: 5.5rem; }
}

@media (max-width:1024px){
	/* 메인비주얼 */
	.MVisual0007 .item img { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

	/* 캘린더 */
	.pop_schedule0007 .sche_wrap { overflow: hidden; }
	.pop_schedule0007 .sche_table { float: left; width: 50%; }
	.pop_schedule0007 .lst { width: 45%; height: 8.85rem; float: right; }
	.pop_schedule0007 .lst .no_data { line-height: 8rem; }

	/* 바로가기 */
	.M_link0007 li { display: inline-block; width: 25%; }
	.M_link0007 li a span { max-height: 2.2rem; line-height: 1.2rem; margin: 0.6rem 0 1rem; }

	/* 갤러리 */
	.gallery0007 .list_box li { width: 50%; }
	.gallery0007 .list_box li:nth-child(2) { margin-top: 0; }
	.gallery0007 .list_box li:nth-of-type(n+3) { display: none; }
}


@media (max-width:900px){
	/* 갤러리 */
	.gallery0007 .list_box li { width: 33.333%; }
	.gallery0007 .list_box li:nth-of-type(n+3) { display: block; }

	/* 식단 */
	.meal_menu0007 { border-radius: 1.5rem 1.5rem 0 0;}
	.meal_menu0007 ul { margin-right: 10rem; }
	.meal_menu0007 > img { width: 13rem; }
}

@media (max-width: 860px) {

	/* 메인비주얼 */
	.MVisual0007 .item img { width: 100%; height: auto; }	
	
	/* 팝업존 */
	.pop0007 .pop_img { height: auto; }
	.pop0007 .pop_img li img { max-height: 15rem; }
 
	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}

@media (max-width:768px){
	.heading { font-size: 1rem; margin-bottom: 0.8rem; }

	.btnTy2 { width: 1.8rem; height: 1.8rem; line-height: 1.8rem; font-size: 1.2rem; }

	/* 게시판 */
	.notice0007 .titTab li a { font-size: 1rem; }

	/* 갤러리 */
	.gallery0007 .list_box li { width: 50%; }
	.gallery0007 .list_box li:nth-of-type(n+3) { display: none; }
}

@media (max-width:560px){
	.btnTy1 { top: 2.75rem; }

	/* 캘린더 */
	.pop_schedule0007 .sche_wrap {padding: 1.2rem 0.8rem; }
	.pop_schedule0007 .sche_table { float: none; width: 100%; }
	.pop_schedule0007 .sche_table::before { width: 100%; }
	.pop_schedule0007 .sche_table table tbody { height: auto; }
	.pop_schedule0007 .lst { width: 100%; height: 3.85rem; float: none; }
	.pop_schedule0007 .lst li { width: 50%; float: left; }
	.pop_schedule0007 .lst li:nth-child(2) { margin-top: 0; }
	.pop_schedule0007 .lst .no_data { line-height: 3rem; }

	/* 바로가기 */
	.M_link0007 ul { width: 100%; margin-left: 0; }
	.M_link0007 li a .img { width: 4.6rem; height: 4.6rem; }
	.M_link0007 li a .img img { width: 3.2rem; height: auto; }
	.M_link0007 li a span { font-size: 0.85rem;}

	/* 게시판 */
	.notice0007 .list_box { margin-top: 0; }
	.notice0007 .list_box li { width: 100%; padding: 0; }
	.notice0007 .list_box li:nth-child(n+3) { display: none; } 
	.notice0007 .list_box li ~ li { margin-left: 0; margin-top: 1rem; }

	/* 식단 */
	.meal_menu0007 { padding: 1.5rem; }
	.meal_menu0007 dt { height: 2rem; }
	.meal_menu0007 ul { margin-right: 8rem; }
	.meal_menu0007 > img { width: 10rem; }
	.meal_menu0007 .btn_more { top: 1.3rem; right: 1.5rem;}
}

@media (max-width:430px){
	/* 캘린더 */
	.pop_schedule0007 .lst li { width: 100%; }
	.pop_schedule0007 .lst li:nth-child(2) { margin-top: 0.25rem; }

	/* 바로가기 */
	.M_link0007 li { width: 33.333%; }

	/* 게시판 */
	.notice0007 .titTab li { max-width: 100%; }

	/* 갤러리 */
	.gallery0007 .list_box li { width: 100%; }
	.gallery0007 .list_box li:nth-of-type(n+2) { display: none; }

	/* 식단 */
	.meal_menu0007 { padding: 1.5rem 1.5rem 5.5rem; }
	.meal_menu0007 ul { margin-right: 0; }
	.meal_menu0007 > img { width: 10rem; right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	
}

@media (max-width:340px){
	/* 바로가기 */
	.M_link0007 li a .img { width: 4rem; height: 4rem; }
	.M_link0007 li a .img img { width: 2.8rem; }

}
