@charset "utf-8";

/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }

h2{overflow: hidden; white-space: nowrap;}

/*전광판*/
.dis_board0016 { position:relative; width:100%; height: 3.5rem;}
.dis_board0016::before{display: block; content: ""; width: 2rem; height: 2rem; background:url('/images/template/10052/main/0016_img_board.png') no-repeat center; background-size: cover; position: absolute; left: 0; top: 0.8rem;}
.dis_board0016 .dis_board_box {width: 100%; height:100%; font-weight:400; position: relative;; overflow: hidden;}
.dis_board0016 h2 {float: left; display: block; position: relative; width: 8rem; text-align: center; height: 100%; line-height: 3.5em; padding-left: 2rem; font-size: 1rem; color: #fff; font-weight:600;  white-space: nowrap;  margin-right: 1.5rem;}
.dis_board0016 h2::after{display: block; content: ""; width: 1rem; height: 1px; background: #222; position: absolute; right: -1rem; top: 2.1rem;}
.dis_board0016 ul {float: left; padding-right: 7.2rem; width: calc(100% - 9.5rem); height: 100%; overflow: hidden; border: 3px solid #656c7d; }
.dis_board0016 ul li { height:100%; padding-right: 4rem; position: relative;}
.dis_board0016 ul li a {display: block; height: 100%; line-height: 3.2rem; padding-left: 1.5rem; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight:200; font-size: 0.75rem;}
.dis_board0016 ul li a:hover,
.dis_board0016 ul li a:focus { text-decoration:underline; }
.dis_board0016 ul li span{position: absolute; right: 0; top: 0;}
.dis_board0016 ul li span i{padding-right: 0.4rem; transform: translateY(0.1rem); -webkit-transform: rotateY(0.1rem);}
.dis_board0016 .nss_pg {position: absolute; top:0.15rem; right: 1rem; }
.dis_board0016 .nss_pg a {float: left; display: block;; padding: 0 0.3rem; background: no-repeat center; overflow: hidden; color: #fff;  text-align: center; position: relative; line-height: 3.2rem; font-size: 1rem; transition: 0.3s; -webkit-transition: 0.3s;}
.dis_board0016 .nss_pg a + a { margin-left: 0.2rem;}
.dis_board0016 .nss_pg .play{display: none;} 
.dis_board0016 .nss_pg .list{transform: translateY(-0.1rem); -webkit-transform: translateY(-0.1rem); margin-left: 0.5rem;}

/* 메인비주얼 */
.main_visual { position:relative; height: 100%; overflow: hidden;}
.main_visual .bx-wrapper { height:100%; }
.main_visual .bx-viewport,
.main_visual ul,
.main_visual li { height:100%; }
.main_visual li { overflow:hidden; background: #eee;}
.main_visual img { width: 100%; height: auto; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_visual .bx-controls {position: absolute; left: 1rem; bottom: 1rem;}
.main_visual .bx-controls-direction {display: none;}
.main_visual .bx-controls a {display: inline-block; margin: 0 3px; color: transparent; overflow: hidden; vertical-align: middle;}
.main_visual .bx-controls-auto { font-size:0; vertical-align: middle; }  
.main_visual .bx-controls-auto,
.main_visual .bx-pager,
.main_visual .bx-pager-item {display: inline-block;}
.main_visual .bx-controls-auto a {width: 1.3rem; height: 1.3rem; display: block; position: relative;}
.main_visual .bx-controls-auto a::before{position: relative; font-size: 1.3rem; color: #444; font-family: 'xeicon';}
.main_visual .bx-controls-auto a.bx-start {display: none;}
.main_visual .bx-controls-auto a.bx-start::before{content: '\ea40';}
.main_visual .bx-controls-auto a.bx-stop {display: inline-block;}
.main_visual .bx-controls-auto a.bx-stop::before{content: '\ea3d';}
.main_visual .bx-pager { height: 0.8rem; }
.main_visual .bx-pager-item { height: 100%; }
.main_visual .bx-pager a {width: 0.8rem; height: 100%; border: 1px solid #002f53; border-radius: 50%;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager a.active {background-color: #002f53;}/* 비주얼 버튼 색상 */

/* 캘린더 */
.pop_schedule0016 { position:relative;; overflow: hidden; }
.pop_schedule0016 h2{width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pop_schedule0016 .sche_box{background: #fec202; color: #000; padding: 2rem 1.5rem 1.5rem;}
.pop_schedule0016 .sche_tbl{ position: relative; border-bottom: 1px dashed #000; padding-bottom: 1.5rem;}
.pop_schedule0016 .sche_tbl p {font-weight: 600; font-size: 1.4rem; text-align: center; width: 4rem; height: 4rem; line-height: 1.3; background: #ffe181; padding-top: 0.5rem; border-radius: 50%; margin: 0 auto;}
.pop_schedule0016 .sche_tbl .iMonth{font-weight: 600; font-size: 1.4rem; text-align: center;}
.pop_schedule0016 .sche_tbl p em{font-size: 0.8rem; font-weight: 200; display: block;}
.pop_schedule0016 .sche_tbl .prev, .pop_schedule0016 .sche_tbl .next{position: absolute; top: 0.9rem; font-size: 1.3rem; transition: 0.3s; -webkit-transition: 0.3s;}
.pop_schedule0016 .sche_tbl .prev{left: 1rem;}
.pop_schedule0016 .sche_tbl .next{right: 1rem;}
.pop_schedule0016 .sche_tbl .prev:hover, .pop_schedule0016 .sche_tbl .next:hover{color: #f73c49;}
.pop_schedule0016 .lst_schedule { position:relative; z-index:1; padding-top: 1rem;}
.pop_schedule0016 .lst_schedule ul { overflow-y:auto; height:7.5rem; padding-right:0.5rem; }
.pop_schedule0016 .lst_schedule .no_Data { padding-left:0; padding-top:3rem; text-align:center; }
.pop_schedule0016 .lst_schedule .no_Data { width:100%; padding:0; }
.pop_schedule0016 .lst_schedule .no_Data {line-height: 7.5rem; text-align:center; color:#000;}
.pop_schedule0016 .lst_schedule .no_Data:after {content:"등록된 행사일정이 없습니다."}
.pop_schedule0016 .lst_schedule li { position:relative; padding-left: 4.3rem; line-height:1.5rem;}
.pop_schedule0016 .lst_schedule li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom: 0.3rem;}
.pop_schedule0016 .lst_schedule li a:hover span,
.pop_schedule0016 .lst_schedule li a:focus span{color: #f73c49;}
.pop_schedule0016 .lst_schedule li a:hover,
.pop_schedule0016 .lst_schedule li a:focus{text-decoration: underline;}
.pop_schedule0016 .lst_schedule li a span { position:absolute; top:0; left:0; font-size: 0.7rem;}
.pop_schedule0016 .btn_more { display:inline-block; overflow:hidden; position:absolute; top:0; right:0;color: #fff; font-size: 1.2rem; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.pop_schedule0016 .btn_more:hover,
.pop_schedule0016 .btn_more:focus {transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #ffe455;}


/* 게시판 */
.notice0016 { position:relative; height:100%;}
.notice0016 h2 { position:relative; float:left; max-width:calc((100% - 2rem) / 3);  }
.notice0016 h2 ~ h2 { margin-left:1.3rem; }
.notice0016 h2 a { display:block; overflow:hidden; position:relative;  font-size:1rem; margin-right: 0.3rem; color: #9bb2c6; padding-right: 0.3rem; padding-top: 0.3rem; text-align:center; white-space:nowrap; font-weight: 200; letter-spacing: -2px; transition: 0.3s; -webkit-transition: 0.3s;}
.notice0016 h2 a::before{display: none; content: ""; width: 0; height: 0.2rem; background: #fec202; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: 0.3s; -webkit-transition: 0.3s;}
.notice0016 h2 a:hover,
.notice0016 h2 a:focus { color:#fec202; }
.notice0016 h2 a.current { color:#fec202;}
.notice0016 h2 a.current::before{display: block; width: 20%;}
.notice0016 .list_box { display:none; position:absolute; bottom: 0; left: 0; height:auto; background: #fff; width:100%;}
.notice0016 .list_box.on { display:block }
.notice0016 .list_box ul { overflow:hidden; padding: 2rem 1.5rem;}
.notice0016 .list_box li { position:relative; width: 23%; margin-right: 2%; float: left; position: relative; border-top: 1px solid #ccc;}
.notice0016 .list_box li:last-child{margin-right: 0;}
.notice0016 .list_box li:last-child::before{display: none;}
.notice0016 .list_box li a { display:block; overflow:hidden; font-size:0.75rem; color:#333;}
.notice0016 .list_box li a h3{font-size: 0.9rem; padding-top: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s; -webkit-transition: 0.3s;}
.notice0016 .list_box li.new a h3::after{display: block; content: "N"; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: #012f55; color: #fff; border-radius: 50%; position: absolute; left: 0; top: -0.5rem; font-size: 0.7rem; text-align: center;}
.notice0016 .list_box li:hover a h3{color: #1f487a}
.notice0016 .list_box li a p{margin: 1rem 0; font-size: 0.75rem; height: 2.2rem; overflow: hidden; color: #666; font-weight: 200;}
.notice0016 .list_box li:hover a p{text-decoration: underline;}
.notice0016 .list_box li a span{color: #929292; display: block; text-align: right; transition: 0.3s; -webkit-transition: 0.3s;}
.notice0016 .list_box li:hover a span{color: #1f487a;}
.notice0016 .list_box li a span i{padding-right: 0.3rem; transform: translateY(1px); -webkit-transform: translateY(1px);}

.notice0016 .list_box .btn_more { display:inline-block; overflow:hidden; position:absolute; top:-3rem; right:0; color: #fff; font-size: 1.2rem; text-align: center; line-height: 1.75rem; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.notice0016 .list_box .btn_more:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#fec202;}
.notice0016 .list_box .btn_more { -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease }


/* 바로가기 */
.mLink0016{width: 100%; height: 100%; padding: 1rem 0; position: relative; border-radius: 2rem;}
.mLink0016 ul{display: table; table-layout: fixed; width: 100%;}
.mLink0016 ul li{display: table-cell; text-align: center; position: relative; }
.mLink0016 ul li a{display: block; overflow: hidden; padding: 1rem 0.5rem;}
.mLink0016 ul li .img{position: relative; width: 4.25rem; height: 4.25rem; background: #fec202; border-radius: 50%; margin: 0 auto; transition: 0.3s; -webkit-transition: 0.3s;}
.mLink0016 ul li:hover .img{background: #fba516;}
.mLink0016 ul li .img::after{display: block; content: ""; width: 6rem; height: 6rem; border: 2px dashed #fec202; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mLink0016 ul li .img img{width: 3rem; height: 2.5rem; margin-top: 0.75rem; transition: 0.3s; -webkit-transition: 0.3s;}
.mLink0016 ul li:hover .img img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.mLink0016 ul li span{display: block; height: 2.4rem; overflow: hidden; margin-top: 1.5rem;}
.mLink0016 ul li:hover span{text-decoration: underline;}

/* 팝업존 */
.pop0016 { position:relative; z-index:1; height: 13rem; overflow: hidden; text-align: center; color: #000;}
.pop0016 h2 {text-align: left; font-weight:200; font-size:1rem; margin-bottom: 0.5rem; width: 80%;}
.pop0016 .page { display:inline-block;  position: absolute; top: 0; right: 0;}
.pop0016 .page em {display: inline-block; color: #666; font-weight:200; font-size: 0.8rem; line-height:1.25rem;}
.pop0016 .page em + em { margin-left:0.1rem; }
.pop0016 .page .now {color: #68c33a; position: relative; padding-right: 0.5rem;}
.pop0016 .page .now::after{display: block; content: "/";  position: absolute; right: 0.1rem; top: 0; transform: rotate(20deg); -webkit-transform: rotate(20deg); font-size: 0.5rem; color: #ccc;}
.pop0016 .pop_box{background: #dadada; padding: 1.75rem 1.5rem 2.75rem;}
.pop0016 .nss_pg { height:1.25rem; width: 100%; left: 0; position: absolute; bottom: 0.75rem;  text-align:center;}
.pop0016 .nss_pg a {display: inline-block; overflow: hidden;  text-align: center;   font-size: 1rem; transition: 0.3s; -webkit-transition: 0.3s;}
.pop0016 .nss_pg a:hover{color: #1f487a;}
.pop0016 .nss_pg a ~ a{position: relative; margin-left: 0.5rem;}
.pop0016 .pop_img { overflow: hidden; max-width: 235px; height: 135px; margin: 0 auto;}
.pop0016 .pop_img li {display: none; height:100%;}
.pop0016 .pop_img li a { display: block; height: 100%; }
.pop0016 .pop_img li img {max-width: 100%; height:100%; vertical-align:middle;}
.pop0016 .pop_img li.on {display: block;}
/* 팝업리스트 레이어 추가 */
.pop0016 .pop_layer_box {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #394b61;}
.pop0016 .pop_layer_box .pop_layer {position: relative; padding: 1rem;}
.pop0016 .pop_layer_box .pop_layer h3 {font-size: 0.9rem; color: #fff;}
.pop0016 .pop_layer_box .pop_layer ul {margin-top: 0.75rem; padding: 1rem 2rem; height: 9rem; line-height: 1.1rem; text-align: left; background: #576c85; overflow-y: auto;}
.pop0016 .pop_layer_box .pop_layer ul li {list-style-type: disc; color: #fff;}
.pop0016 .pop_layer_box .pop_layer ul li a:hover,
.pop0016 .pop_layer_box .pop_layer ul li a:focus { text-decoration:underline; }
.pop0016 .pop_layer_box .pop_layer a.pop_close {position: absolute; top: 0.75rem; right: 1.25rem; display: block; padding: 0.25rem 0.5rem; color: #fff; background: #576c85; border-radius: 5px;}


/* 갤러리 */
.gallery0016 { position:relative; height:100%; color: #000;}
.gallery0016 h2 { width: 90%; font-weight:200; font-size:1rem; margin-bottom: 0.5rem; padding-right: 1.5rem;}
.gallery0016 .btn_more { overflow:hidden; position:absolute; top:0; right:0;  font-size: 1.2rem; text-align: center; line-height: 1.75rem; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s}
.gallery0016 .btn_more:hover,
.gallery0016 .btn_more:focus {transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #00497e; background: #fff;}
.gallery0016 .list_box ul { overflow:hidden; }
.gallery0016 .list_box li { float:left; width:49%; }
.gallery0016 .list_box li + li { margin-left:2%; }
.gallery0016 .list_box li a { display:block;}
.gallery0016 .list_box li a div {width: 100%; overflow: hidden;}
.gallery0016 .list_box li a div p { display:block; position:relative; overflow:hidden; height:9.75rem; background:#ddd;}
.gallery0016 .list_box li a div img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; transition: 0.3s; -webkit-transition: 0.3s;}
.gallery0016 .list_box li:hover a div img{transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2);}
.gallery0016 .list_box li a span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:200; font-size:0.8rem; text-align:center; padding: 0.6rem 1rem;}
.gallery0016 .list_box li:hover span{text-decoration: underline;}

/* 식단 */
.meal_menu0016 { position:relative; width: 100%; height: 100%;  color: #000;}
.meal_menu0016 h2 {width: 90%; font-weight:200; font-size:1rem; margin-bottom: 0.5rem; padding-right: 1.5rem;}
.meal_menu0016 .img { position:absolute; bottom:1rem; right:1rem; width:3rem; height: 3rem;}
.meal_menu0016 .inner {height: 11rem; padding: 1.25rem 1.5rem; background: url('/images/template/10052/main/0016_ptrn_meal.png') repeat;}
.meal_menu0016 .inner h3{text-align: center; color: #fff; background: #012f55; padding: 0.2rem 0; font-size: 0.9rem; font-weight: 200;}
.meal_menu0016 .inner h3 em{font-weight: 500;}
.meal_menu0016 .inner ul { overflow-y:auto; height: 4.8rem;}
.meal_menu0016 .inner li + li { margin-top:1rem; }
.meal_menu0016 .inner .no_Data { padding-top:3rem; text-align:center; color: #fff;}
.meal_menu0016 .inner dl { position:relative;}
.meal_menu0016 .inner dt { font-weight:400; color: #012f55; padding: 0.5rem 0;}
.meal_menu0016 .inner dd { font-size:0.8rem; word-break:break-all; }
.meal_menu0016 .btn_more {overflow:hidden; position:absolute; top:0; right:0; font-size: 1.2rem; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s }
.meal_menu0016 .btn_more:hover,
.meal_menu0016 .btn_more:focus { transform: rotate(180deg); -webkit-transform: rotate(180deg);}


/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #d1d8e4;}
.banner_zone .container {position: relative; height: 4rem; overflow: hidden;}
.banner_zone h2 {float: left; display: inline-block; margin-top: 1.5rem; width: 4rem; font-size: 0.85rem; font-weight: 400; color: #191919;}
.banner_zone .btn {float: left; margin-top: 1.35rem; overflow: hidden;}
.banner_zone .btn a {float: left; width: 27px; height: 28px; color: transparent; background: no-repeat center / 100%; overflow: hidden;}
.banner_zone .btn a.prev {background-image: url('/images/template/10052/main/btn_b_prev.png');}
.banner_zone .btn a.stop {background-image: url('/images/template/10052/main/btn_b_stop.png');}
.banner_zone .btn a.next {background-image: url('/images/template/10052/main/btn_b_next.png');}
.banner_zone .btn a.list {background-image: url('/images/template/10052/main/btn_b_list.png');}
.banner_zone ul {float: left; display: inline-block; padding-top: 0.75rem; padding-left:1.5rem; width: calc(100% - 10rem); overflow: hidden;}
.banner_zone ul li {float: left; display: inline-block; margin-bottom: 0.75rem; padding: 0 0.25rem; width: 20%;}
.banner_zone ul li a {display: block; height: 2.5rem; line-height: 2.3rem; text-align: center; border: 1px solid #c8d1db; overflow: hidden;}
.banner_zone ul li a img {max-width: 100%; max-height: 100%; vertical-align: middle;}


@media (max-width: 1024px) {
	
	/* 공지사항 */
	.notice0016 .list_box li{width: 32%;}
	.notice0016 .list_box li:nth-of-type(3){margin-right: 0;}
	.notice0016 .list_box li:last-child{display: none;}

	/* 바로가기1 */
	.mLink0016 ul li .img::after{width: 5.5rem; height: 5.5rem;}

	/* 포토갤러리 */
	.gallery0016 .list_box li{width: 100%; float: none; margin: 0;}
	.gallery0016 .list_box li:last-child{display: none;}


	/* 배너존 */
	.banner_zone h2 {position: absolute; top: 0; left: 0; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
	.banner_zone .btn {position: absolute; top: 50%; left: 0; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.banner_zone ul {margin-left: 6rem; width: calc(100% - 6rem);}
}

@media (max-width: 900px){

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

	/* 바로가기1 */
	.mLink0016{padding: 0;}
	.mLink0016 ul{display: block;}
	.mLink0016 ul::after{display: block; content: ""; clear: both;}
	.mLink0016 ul li{width: 25%; display: block; float: left;}

	/* 갤러리 */
	.gallery0016 .list_box li{width: 49%; float: left;} 
	.gallery0016 .list_box li:nth-of-type(2){display: block;}
}

@media (max-width: 820px) {

	/* 팝업 */
	.pop0016 .pop_box{padding: 1.25rem 1.5rem 2.25rem;}

	/* 배너존 */
	.banner_zone ul li {width: 25%;}

}


@media (max-width: 680px){


	/* 배너존 */
	.banner_zone ul li {width: 50%;}
}

@media (max-width: 580px) {

	/* 전광판 */
	.dis_board0016 h2{margin-right: 0;}
	.dis_board0016 ul{width: calc(100% - 8rem);}
	.dis_board0016 ul li{padding-right: 0;}
	.dis_board0016 ul li span{display: none;}


	/* 공지사항 */
	.notice0016 .list_box ul{padding-bottom: 0;}
	.notice0016 .list_box li{width: 100%; float: none; margin-right: 0; margin-bottom: 1.3rem;}
	.notice0016 .list_box li:nth-of-type(3){border-bottom: 1px dashed #ccc; margin-bottom: 0; padding-bottom: 1.3rem;}
	.notice0016 .list_box li a h3{padding-right: 3.5rem;}
	.notice0016 .list_box li a p{display: none;}
	.notice0016 .list_box li a span{position: absolute; right: 0; top: 1.1rem;}
	.notice0016 .list_box .btn_more{top: -2.6rem;}
	
}

@media (max-width: 480px) {
	/* 전광판 */
	.dis_board0016 h2{display: none;}
	.dis_board0016::before{left: 1rem;}
	.dis_board0016 ul{ width: 100%; padding-left: 2.7rem; padding-right: 4.5rem;}
	.dis_board0016 ul li a{padding-left: 1rem;}
	.dis_board0016 .nss_pg a{padding: 0;}


	/* 바로가기1 */
	.mLink0016 ul li{width: 33%;}
	
	/* 포토갤러리 */
	.gallery0016 .list_box li{width: 100%; float: none; margin: 0;}
	.gallery0016 .list_box li:last-child{display: none;}
}

@media (max-width: 420px) {

	/* 공지사항 */
	.notice0016 h2 a{font-size: 0.9rem;}
	.notice0016 h2 ~ h2{margin-left: 0.5rem;}
	.notice0016 h2 ~ h2::before{left: -0.5rem; width: 0.3rem; height: 0.3rem;}

}

@media (max-width: 380px){

	.mLink0016 ul li{width: 50%;}

	/* 배너존 */
	.banner_zone ul li {width: 100%;}
}