/*-----------------------------------------------------------
Author :Jihye, Woo
Creative date :2022. 05. 19
-----------------------------------------------------------*/
 
h2{font-size: 1rem; margin-right: 2rem; margin-bottom: 0.75rem; overflow: hidden; white-space: nowrap; font-weight: 700;}

/* 메인비주얼 */
.MVisual0083 { position:relative; height:100%; overflow:hidden; font-weight: 600;}
.MVisual0083 .slider,
.MVisual0083 .slick-list,
.MVisual0083 .slick-track{height:100%; }
.MVisual0083 .item { overflow:hidden; line-height:0; }
.MVisual0083 .item img { position:relative; width:auto; height:100%; float: right;}
.MVisual0083 .item img.M_visual_m { display:none; }
.MVisual0083 .control { position:absolute; right:1rem; bottom:1rem; z-index:1; }
.MVisual0083 .control > a { display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgba(0, 0, 0, 0.3); color:#fff; text-align:center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual0083 .control > a.play { display:none; }

/* 바로가기 */
.M_link0083 {height:100%; background: #fff; padding: 0 2rem;} 
.M_link0083 li { position:relative;width: 100%;}
.M_link0083 li + li{border-top: 2px dotted #ccc;}
.M_link0083 li a { display:block; position:relative; height: 3.925rem; padding:0 1.5rem 0 3.5rem; transition: border 0.3s; -webkit-transition: border 0.3s;}
.M_link0083 li a::before{content: "\e90b"; font-family: 'xeicon'; top: 1.5rem; right: 0; position: absolute; color: #737373; font-size: 1.2rem;} 
.M_link0083 li a .img {position: absolute; left: 0; top: 0.75rem;}
.M_link0083 li a .img img{max-width: 2.75rem; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.M_link0083 li a .txt {position: relative; line-height:1rem; height:2rem; overflow:hidden; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.M_link0083 li a .txt span{ display: table; height: 2rem; width: 100%;}
.M_link0083 li a .txt span em{display: table-cell; width: 100%; vertical-align: middle; font-size:0.9rem; color: #000; word-break: break-all;}
/** 바로가기1 : active **/
.M_link0083 li a:hover .txt span em{color: #697ef1; font-weight: 600;}
.M_link0083 li a:hover::before{color: #697ef1;}
.M_link0083 li a:hover .img img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}

/* 캘린더 */
.pop_schedule0083 { position:relative; height:100%; color:#fff; padding: 2rem 0 0 2rem;}
.pop_schedule0083 h2 {color: #fff;}
.pop_schedule0083 .sche_wrap{ line-height:2rem; text-align:center; }
.pop_schedule0083 .month { position:relative; font-size:1rem; line-height:2.5rem; margin-bottom: 1rem; background: #fff; border-radius: 1.5rem; color: #333;}
.pop_schedule0083 .month > *{ position:relative; display:inline-block;}
.pop_schedule0083 .month span { margin:0 .25rem; font-weight: 400;}
.pop_schedule0083 .month a{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1.2rem; transition: all 0.3s; -webkit-transition: all 0.3s;}
.pop_schedule0083 .month a.prev{left: 1.5rem;}
.pop_schedule0083 .month a.next{right: 1.5rem;}
.pop_schedule0083 .month span em{font-weight: 700; color: #697ef1;}
.pop_schedule0083 .lst { position:relative; z-index:1; }
.pop_schedule0083 .lst ul { overflow-y:auto; height:6.8rem;}
.pop_schedule0083 .lst li + li{margin-top:.5rem;}
.pop_schedule0083 .lst li a { position:relative; padding-left:2.5rem; display:block; line-height:1.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: left;}
.pop_schedule0083 .lst li a span{ position:absolute; left:0; top:0; color: #fff57d; font-weight: 600; }
.pop_schedule0083 .lst .no_data { padding-left:0; padding-top:2rem; text-align:center; }
.pop_schedule0083 .btn_more{position: absolute; top: 2rem; right: 0; font-size: 1.2rem; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.pop_schedule0083 .btn_more:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
/** 캘린더 : active **/
.pop_schedule0083 .lst li a:hover,
.pop_schedule0083 .lst li a:focus{text-decoration: underline;}
.pop_schedule0083 .month a.prev:hover{left: 1.25rem;}
.pop_schedule0083 .month a.next:hover{right: 1.25rem;}

/* 팝업존 */
.pop0083 { position:relative; width:100%; height:100%; overflow:hidden; } 
.pop0083 .nss_pg { position:absolute; bottom:0; right:0; height:2rem; color:#fff; line-height:2rem; background:rgba(0,0,0,0.5); border-radius:1rem 0 0 0; padding:0 0.5rem 0 1rem; font-size:0; z-index:2; }
.pop0083 .nss_pg p { position:relative; display:inline-block; vertical-align:middle; font-size:0.8rem; }
.pop0083 .nss_pg p strong { position:relative; padding-right:1rem; font-weight: 600;} 
.pop0083 .nss_pg p strong:before { content:""; position:absolute; top:0.5rem; right:0.4rem; width: 4px; height: 4px; border-radius: 50%; background: #fff;}
.pop0083 .nss_pg a { position:relative; display:inline-block; vertical-align:middle; width:1.5rem; height:2rem; font-size:.9rem; } 
.pop0083 .nss_pg a i,
.pop0083 .nss_pg a img { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.pop0083 .nss_pg .play { display:none; }
.pop0083 .pop_img { position:relative; width:100%; height:100%; overflow:hidden; }
.pop0083 .pop_img div,
.pop0083 .pop_img .item { height:100%; }
.pop0083 .pop_img .item a { position:relative; display:block; height:100%; overflow:hidden; }
.pop0083 .pop_img .item img { position:relative; top:50%; left:50%; max-width:100%; width:auto; height: auto; max-height: 100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-repeat:no-repeat; background-size:contain; background-position:center; -webkit-transition:all .15s; transition:all .15s; }
/** 팝업존 : active **/
.pop0083 .nss_pg a:hover,
.pop0083 .nss_pg a:focus {color:#fff57d;}

/* 식단 */
.meal_menu0083 { position:relative; height:100%; padding:2rem 0 0 2rem; }   
.meal_menu0083 .inner { position:relative; border-bottom: 1px solid #e5e5e5; padding-bottom: 1.5rem;}
.meal_menu0083 .inner ul { margin-left: 5rem; height:5.25rem; overflow:hidden; overflow-y:auto; }
.meal_menu0083 .inner li:not(.no_data) { padding-right:0.5rem; }
.meal_menu0083 .inner li + li { margin-top:1.5rem; }
.meal_menu0083 .inner .no_data {line-height:5rem; text-align:center; font-weight:600;}
.meal_menu0083 .inner dl { position:relative; height:auto; }
.meal_menu0083 .inner dt { font-size:0.9rem; font-weight:600; margin-bottom:0.75rem; color:#697ef1; }  
.meal_menu0083 .inner dt span { display:inline-block; box-shadow:inset rgba(255,255,255,0.2) 0 -10px 0; }
.meal_menu0083 .inner dd { margin-top:.25rem; color:#444; font-size:.8rem; font-weight:600; word-break:keep-all; } 
.meal_menu0083 .img{position: absolute; bottom: 1.8rem; left: 2rem;}
.meal_menu0083 .btn_more{position: absolute; top: 2rem; right: 0; font-size: 1.2rem; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
/** 식단 : active **/   
.meal_menu0083 .btn_more:hover img,
.meal_menu0083 .btn_more:focus img { -webkit-transform:translateY(-6px); transform:translateY(-6px);}
.meal_menu0083 .btn_more:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 갤러리 */
.gallery0083 { position:relative; height:100%; }
.gallery0083 h2{margin-bottom: 1.25rem;}
.gallery0083 .list_box {margin: 0 -0.75rem;}
.gallery0083 .list_box::after {clear: both; display: block; content: '';}
.gallery0083 .list_box li {float: left; padding: 0 0.75rem; width: 50%;}
.gallery0083 .list_box li:nth-of-type(n+3) {display: none;}
.gallery0083 .list_box li.no_data{ width:calc(100% - 1.5rem); margin-left: 0.75rem; height:11rem; display:flex; align-items:center; justify-content:center; padding:2rem 0; font-size:.9rem; background:rgba(0,0,0,0.05); }
.gallery0083 .list_box li a {position: relative; display: block; text-align: left; background: #fff; overflow: hidden;}
.gallery0083 .list_box li a .img {position: relative; width: 100%; height: 7.5rem; background: #eee; overflow: hidden;}
.gallery0083 .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;}
.gallery0083 .list_box li a .txt {margin: 0.75rem 0 0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000; font-weight: 600;}
.gallery0083 .list_box li a .date{font-size: 0.75rem; color: #666;}
.gallery0083 .btn_more{width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; text-align: center; font-size: 1.2rem; background: #f6f6f6; position: absolute; top: 0; right: 0; transition: all 0.3s; -webkit-transition: all 0.3s;} 
/** 갤러리 : active **/
.gallery0083 .list_box li a:hover .img img,
.gallery0083 .list_box li a:focus .img img {transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.gallery0083 .list_box a:hover .txt,
.gallery0083 .list_box a:focus .txt {color: #697ef1;}
.gallery0083 .btn_more:hover,
.gallery0083 .btn_more:focus{background: #697ef1; color: #fff;}


/* 게시판 */
.notice0083 { position:relative; height:100%; }
.notice0083 .titTab a,
.notice0083 .titTab span,
.notice0083 .list_box li,
.notice0083 .list_box li a { position:relative; display:block; }
.notice0083 .titTab { margin-right:2rem; overflow:hidden; }
.notice0083 .titTab li { position:relative; display:inline-block; max-width:calc(33.333% - 0.5rem); vertical-align:top; }
.notice0083 .titTab li + li{margin-left: 0.5rem;}
.notice0083 .titTab li + li:before { content:""; position:absolute; top:50%; left:-0.5rem; width:.25rem; height:.25rem; background:#b6b6b6; border-radius:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.notice0083 .titTab a { display:block; font-size:1rem; font-weight:400; color:#222; padding: 0 0.5rem; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.notice0083 .titTab a:before { content:""; position:absolute; bottom:0; left:50%; width:0; height:0.8em; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#e1e5fc; border-radius:.5rem; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.notice0083 .titTab a span { display:block; overflow:hidden; white-space:nowrap; }
.notice0083 .topList { position:relative; display:block; background:#f7f8fe;}
.notice0083 .topList dl { padding:1.25rem 1rem 1.5rem 7.5rem; }
.notice0083 .topList dt { position:relative; font-size:.9rem; color:#000; font-weight:600; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s; -webkit-transition: color 0.3s;}
.notice0083 .topList dl.new dt:before { content:"NEW"; display:inline-block; margin-right:.25rem; color:#5541cd; font-weight:600; font-size:.8rem; }
.notice0083 .topList dd > p { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color: #222; margin-top: 0.25rem;}
.notice0083 .topList dd .date { position: absolute; top: 1.25rem; left: 1.5rem; color: #152580; text-align: center;}
.notice0083 .topList dd .date em{display: block; font-size: 1.2rem; color: #697ef1; font-weight: 700;}
.notice0083 .list_box { display:none; margin-top:1.25rem; }
.notice0083 .list_box ul { overflow:hidden; margin-top: 1rem; height: 4.5rem; overflow: hidden;}
.notice0083 .list_box li a { position:relative; display:block; padding-left:1rem; line-height:1.5rem; }
.notice0083 .list_box li a.new p:before{ content:"NEW"; display:inline-block; margin-right:.25rem; color:#5541cd; font-weight:600; font-size:.8rem;}
.notice0083 .list_box li a:after { content:""; position:absolute; top:50%; left:0; width:.3rem; height:.3rem; border-radius:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:#697ef1; }
.notice0083 .list_box li p { width:calc(100% - 4.5rem); overflow:hidden; font-size:.8rem; color:#333; font-weight: 600; text-overflow:ellipsis; white-space:nowrap; }
.notice0083 .list_box li span { position:absolute; right:0; top:0; font-size:.75rem; color:#656565; }
.notice0083 .btn_more{width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; text-align: center; font-size: 1.2rem; background: #f6f6f6; position: absolute; top: -0.25rem; right: 0; transition: all 0.3s; -webkit-transition: all 0.3s;} 
/* 게시판 : 데이터 없음 */
.notice0083 .list_box .no_data { height:10.9rem; line-height:11rem; text-align:center; background:#f4f4f4; }
/* 게시판 : active */
.notice0083 .titTab a:hover{color: #697ef1;}
.notice0083 .titTab a.current { font-weight:700; color:#1a1a1a; }
.notice0083 .titTab a.current:before { width:100%; }
.notice0083 .topList:hover dt{color: #5541cd;}
.notice0083 .list_box.on { display:block; }
.notice0083 .list_box li a:hover,
.notice0083 .list_box li a:focus{text-decoration: underline;}
.notice0083 .btn_more:hover,
.notice0083 .btn_more:focus{background: #697ef1; color: #fff;}

/* 배너존 */
.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:1.5rem 0 0 0; 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:1240px) { 
	/* 메인비주얼 */
	.MVisual0083 .item img{float: none; left: 15%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

	/* 바로가기 */
	.M_link0083{padding: 0 1rem;}

	/* 행사일정 */
	.pop_schedule0083{padding: 2rem 0 0 1rem;}

	/* 오늘의식단 */
	.meal_menu0083{padding: 1rem 0 0 1rem;}
	.meal_menu0083 .btn_more{top: 1rem;}
	.meal_menu0083 .inner{padding-bottom: 2.5rem;}
	.meal_menu0083 .img{left: 1rem;}
}  

@media (max-width: 920px) { 
	/* 메인비주얼 */
	.MVisual0083 .item img{left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); width: 100%; height: auto;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
} 
@media (max-width:620px) {  
	/* 캘린더 */
	.pop_schedule0083{padding: 1rem;}
	.pop_schedule0083 .btn_more{top: 1rem; right: 1rem;}
	.pop0083 .pop_img .item a{text-align: center;}
	.pop0083 .pop_img .item img{top: auto; left: auto; transform: none; -webkit-transform: none; max-height: 15rem;} 

	/* 식단 */
	.meal_menu0083{padding: 1rem 1rem 0  1rem;}
	.meal_menu0083 .btn_more{top: 1rem; right: 1rem;}
	.meal_menu0083 .inner{padding-bottom: 1rem;}
	.meal_menu0083 .img{bottom: 1rem;}
}  
@media (max-width:480px) { 
	/* 메인비주얼 */
	.MVisual0083 .item img{width: 140%; left: 30%;}
	
	/* 바로가기 */
	.M_link0083 li a .img img{max-width: 2.5rem;}

	/* 게시판 */
	.notice0083 .titTab li{max-width: 100%;}
	.notice0083 .titTab a{font-size: 0.95rem;}
	.notice0083 .list_box{margin-top: 0.75rem;}
}

@media (max-width:380px) {
	/* 갤러리 */
	.gallery0083 h2{margin-bottom: 0;}
	.gallery0083 .list_box li{width: 100%; margin-top: 1rem;}

	/* 오늘의식단 */
	.meal_menu0083 .img{display: none;}
	.meal_menu0083 .inner ul{margin-left: 0;}

	/* 게시판 */
	.notice0083 .topList dl{padding: 1.25rem 1rem 1.25rem 5rem;}
	.notice0083 .topList dd .date{left: 1rem;}
}