/* heading */
.heading {position:absolute; display:inline-block; top:0; left:0; max-width:calc(100% - 3.5rem); padding:0 1rem; font-size:.85rem; line-height:2.4rem; border-radius:1.2rem 1.2rem 1.2rem 0; font-weight:600; color:#111; background:#ffcc00; z-index:1; }
.heading > span { display:block; width:100%; white-space:nowrap; overflow:hidden; }

/* btn_more1 */
.btn_more { position:absolute; top:.35rem; right:0; z-index:1; width:1.6rem; height:1.6rem; background:#00b7ee; border-radius:50%; box-shadow:2px 0 3px rgba(0,0,0,.08); }
.btn_more:before,
.btn_more:after { content:"\e94a"; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-family:"xeicon"; font-size:1rem; color:#fff; -webkit-transition:transform .15s; -ms-transition:transform .15s; transition:transform .15s; }
/* btn_more : active */
.btn_more:hover:after { -webkit-transform:translate(-50%, -50%) rotate(90deg); transform:translate(-50%, -50%) rotate(90deg); }

/* 메인비주얼 */
.MVisual0010 { position:relative; height:100%; border-radius:2rem; background:rgba(0,0,0,.1); overflow:hidden; }
.MVisual0010 #m_visual li{overflow:hidden;}
.MVisual0010 #m_visual li img { position:relative; display:block; width:auto; max-width:100%; height:auto; margin:auto; }
.MVisual0010 .bx-wrapper{ height: auto; }
.MVisual0010 .bx-controls { position:absolute; bottom:1rem; left:1rem; }
.MVisual0010 .bx-controls-direction { display: inline-block; }
.MVisual0010 .bx-controls-auto { position: absolute; top: 0; left: 2.1rem; }
.MVisual0010 .bx-controls-direction a ~ a { margin-left: 2.2rem; }
.MVisual0010 .bx-controls-direction a,
.MVisual0010 .bx-controls-auto a { position: relative; display:inline-block; width:2rem; height:2rem; line-height:2rem; background:#0068b7; color:#fff; text-align:center; border-radius:50%; -webkit-transition:all .15s; transition:all .15s; font-size: 0; vertical-align: middle; }
.MVisual0010 .bx-controls-auto a.bx-start { display: none; }
.MVisual0010 .bx-controls-direction a::before,
.MVisual0010 .bx-controls-auto a::before { position: absolute; width:100%; height:100%; top: 0; left: 0; color: #fff; font-family: 'xeicon'; font-size: 0.8rem; }
.MVisual0010 .bx-controls-direction a.bx-prev::before { content: "\e93b";}
.MVisual0010 .bx-controls-direction a.bx-next::before { content: "\e93e";}
.MVisual0010 .bx-controls-auto a.bx-start::before { content: "\ea3e";}
.MVisual0010 .bx-controls-auto a.bx-stop::before { content: "\ea3b";}
.MVisual0010 .bx-pager { display: none; }
.MVisual0010 .bx-controls-direction a:hover,
.MVisual0010 .bx-controls-auto a:hover { background:#00508c; }

/* 게시판 */
.notice0010 { position:relative; height:100%; }
.notice0010 .titTab { margin-right:2rem; }
.notice0010 .titTab ul { margin:-.15rem; }
.notice0010 .titTab li { position:relative; display:inline-block; max-width:calc(33.333% - .15rem); padding:.15rem; vertical-align:top; }
.notice0010 .titTab a { display:block; font-size:.90rem; text-align:center; color:#222; line-height:2.4rem; border-radius:1.2rem 1.2rem 1.2rem 0; font-weight:600; -webkit-transition:all .15s; transition:all .15s; }
.notice0010 .titTab a span { display:block; width:100%; margin:auto; overflow:hidden; white-space:nowrap; }
.notice0010 .tabWrap { border-top:1px solid #00b7ee; }
.notice0010 .list_box { display:none; margin-top:1.25rem; }
.notice0010 .list_box ul { margin:-.25rem; overflow:hidden; }
.notice0010 .list_box li { padding:.25rem; }
.notice0010 .list_box li:nth-of-type(n + 6) { display:none; }
.notice0010 .list_box li a { position:relative; display:block; padding-left:1rem; overflow:hidden; }
.notice0010 .list_box li a:before { content:""; position:absolute; top:50%; left:0; width:.3rem; height:.3rem; background:#00b7ee; border-radius:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-radius:50%; }
.notice0010 .list_box li p { position:relative; width:calc(100% -  6.25rem); float:left; overflow:hidden; font-size:.8rem; color:#333; text-overflow:ellipsis; white-space:nowrap; }
.notice0010 .list_box li span { width:6.25rem; float:left; text-align:right; color:#7e7e7e; font-size:.75rem; }
/* 게시판2 : 새글 */
.notice0010 .list_box li a.new > p:before { content:"N"; display:inline-block; width:1.2rem; height:1.2rem; margin-right:.25rem; line-height:1.2rem; background:#00b7ee; color:#fff; font-size:.6rem; border-radius:50%; font-weight:700; text-align:center; }
.notice0010 .btn_more { top:.5rem; }
/* 게시판 : 데이터 없음 */
.notice0010 .list_box li.no_data { float:none; width:100%; text-align:center; }
.notice0010 .list_box li.no_data > p { width:100%; border:1px solid #d3d3d3; background:#fff; border-radius:1.5rem; line-height:7.7rem; }
/* 게시판 : active */
.notice0010 .titTab a:not(.current):hover { color:#00b7ee; }
.notice0010 .titTab a.current { padding:0 .25rem; background:#00b7ee; font-weight:700; color:#fff; }
.notice0010 .titTab a.current:before { opacity:1; }
.notice0010 .list_box li a:hover > p { color:#00b7ee; }
.notice0010 .list_box.on { display:block; }

/* 게시판2 */
.notice001002 .tabWrap { border-top:1px solid #0c66b6; }
.notice001002 .list_box li a:before { background:#0c66b6; }
.notice001002 .btn_more { background:#0c66b6; }
/* 게시판2 : 새글 */
.notice001002 .list_box li a.new > p:before { background:#0c66b6; }
/* 게시판2 : active */
.notice001002 .titTab a:not(.current):hover { color:#0c66b6; }
.notice001002 .titTab a.current { background:#0c66b6; }
.notice001002 .list_box li a:hover { border-color:#0c66b6; }
.notice001002 .list_box li a:hover > p { color:#0c66b6; }

/* 행사일정 */
.pop_schedule0010 { position:relative; height:100%; overflow:hidden; }
.pop_schedule0010 .inner { position:relative; height:calc(100% - 1.2rem); margin-top:1.2rem; padding:2.06rem 1rem 1rem; border-radius:0 1rem 1rem 1rem; background:#fcf4d2; }
.pop_schedule0010 .inner .list{display: flex; justify-content: space-between;}
.pop_schedule0010 .inner .list .month{flex-shrink: 0; width: 4.4rem; display: flex; justify-content: space-between; align-items: center;}
.pop_schedule0010 .inner .list .month .date_wrap{position:relative;}
.pop_schedule0010 .inner .list .month .date_wrap span{display: inline-block; width: 100%; text-align: center; font-size: 0.8rem;}
.pop_schedule0010 .inner .list .month .date_wrap .year{width: auto; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%);}
.pop_schedule0010 .inner .list .month .date_wrap .month2{font-size: 1.3rem; font-weight: 700;}
.pop_schedule0010 .inner .list .month a{ background: #ffcc00; width: 1.2rem; height: 1.2rem; text-align: center; line-height: 1.2rem; border-radius: 50%;}
.pop_schedule0010 .inner .lst_schedule{ width: calc(100% - 5.2rem); position: relative; height: 2.8rem; overflow-y: auto; z-index: 1;}
.pop_schedule0010 .inner .lst_schedule li{ width: 100%; padding-right: 0.5rem;}
.pop_schedule0010 .inner .lst_schedule li + li{margin-top: 0.25rem;}
.pop_schedule0010 .inner .lst_schedule li a span{font-weight: 700; display: inline-block; margin-right: 0.5rem; vertical-align: middle;}
.pop_schedule0010 .inner .lst_schedule li a em{display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 4rem);}

.pop_schedule0010 .btn_more { right:1.25rem; background:#ff9000; }
/* 식단 : 데이터 없음 */
.pop_schedule0010 .inner li.no_data { text-align:center; padding-right:0; line-height:2.2rem; }

/* 바로가기1 */
.M_link0010 { position:relative; height:100%; }
.M_link0010 ul { display:table; table-layout:fixed; width:100%; height:100%; margin:-.175rem; }
.M_link0010 li { display:table-cell; vertical-align:top; padding:.175rem; }
.M_link0010 li:nth-of-type(n + 5) { display:none; }
.M_link0010 li a { position:relative; display:flex; align-content:center; justify-content:space-around; flex-wrap:wrap; width:100%; height:5.3rem; padding:0 .75rem; border-width:2px; background:#00b7ee; border-radius:1rem; -webkit-transition:all .15s; transition:all .15s; }
.M_link0010 li a p { width:2.7rem; height:2.3rem; margin:auto; line-height:2.3rem; }
.M_link0010 li a img { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }
.M_link0010 li a span { display:block; width:100%; max-height:2.1rem; margin-top:.25rem; color:#fff; font-size:.75rem; font-weight:600; letter-spacing:-.1rem; overflow:hidden; text-align:center; }
/* 바로가기1 : active */
.M_link0010 li a:hover { background:#0068b7; }
.M_link0010 li a:hover p { -webkit-animation: icoAct 0.3s;  animation: icoAct 0.3s; }
@keyframes icoAct {
	 0% {-webkit-transform:translateY(0); transform:translateY(0); }
	 50% { -webkit-transform:translateY(-10%); transform:translateY(-10%); }
	 100% { -webkit-transform:translateY(0); transform:translateY(0); }
}
@-webkit-keyframes icoAct {
	 0% {-webkit-transform:translateY(0); transform:translateY(0); }
	 50% { -webkit-transform:translateY(-10%); transform:translateY(-10%); }
	 100% { -webkit-transform:translateY(0); transform:translateY(0); }
}

/* 팝업존 */
.pop0010 { position:relative; width:100%; height:100%; padding-top:1.2rem; z-index:1; }
.pop0010:before { content:""; position:absolute; top:2.3rem; left:0; width:100%; height:11.25rem; border-radius:1.5rem; background:url(/tempSample/40010/images/main/0010_ptrn_popup.png); z-index:-1; }
.pop0010 .heading { max-width:calc(100% - 11.5rem); }
.pop0010 .nss_pg { position:absolute; top:0; right:1rem; }
.pop0010 .nss_pg p { position:relative; display:inline-block; vertical-align:middle; width:1.75rem; height:1.75rem; font-size:.7rem;  color:#222; font-weight:600; background:#fff; border-radius:50%; box-shadow:2px 0 3px rgba(0,0,0,.08); text-align:center; line-height:1.75rem; }
.pop0010 .nss_pg p strong { position:relative; padding-right:.25rem; color:#ffcc00; }
.pop0010 .nss_pg p strong:after { content:""; position:absolute; top:.5rem; left:.5rem; width:.2rem; height:.2rem; background:#ffcc00; border-radius:50%; }
.pop0010 .nss_pg p span { display:inline-block; -webkit-transform:translateY(3px); transform:translateY(3px); }
.pop0010 .nss_pg a { display:inline-block; width:1.75rem; height:1.75rem; background:#ffcc00; color:#fff; text-align:center; line-height:1.75rem; font-size:1.05rem; vertical-align:middle; border-radius:50%; box-shadow:2px 0 3px rgba(0,0,0,.08); -webkit-transition:all .15s; transition:all .15s; }
.pop0010 .nss_pg .play { display:none; }
.pop0010 .pop_img { position:relative; width:100%; height:11.25rem; border-radius:0 1.5rem 1.5rem 1.5rem; overflow:hidden; background:#eee; }
.pop0010 .pop_img li { display: none; text-align: center; height: 100%; }
.pop0010 .pop_img li a { position:relative; display: flex; justify-content: center; align-items: center; height:100%; font-size: 0; }
.pop0010 .pop_img li img { max-width:100%; max-height:100%;}
.pop0010 .pop_img li.on{display:block;}.pop0010 .bx-wrapper .bx-viewport {border-radius: 1rem;}
/* 팝업존 : active */
.pop0010 .nss_pg a:hover { color:#000; }
/* 팝업리스트 레이어 추가 */
.pop0010 .pop_layer_box{position:absolute; top:-.4rem; left:0; display:none; width:100%; height:calc(100% + .4rem); background:#394b61; z-index:2; }
.pop0010 .pop_layer_box .pop_layer{position:relative; height:100%; padding:1rem; }
.pop0010 .pop_layer_box .pop_layer h3{font-size:0.9rem; color:#fff; }
.pop0010 .pop_layer_box .pop_layer ul{margin-top:0.75rem; padding:1rem 2rem; height:calc(100% - 2rem); line-height:1.1rem; text-align:left; background:#576c85; overflow-y:auto; }
.pop0010 .pop_layer_box .pop_layer ul li{list-style-type:disc; color:#fff; }
.pop0010 .pop_layer_box .pop_layer ul li a:hover{text-decoration:underline; }
.pop0010 .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; }



/* 배너존 */
.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:.75rem; font-weight:400; color:#000; font-weight:600; }
.banner_zone .btn { float:left; margin-top:1.35rem; width:6rem; overflow:hidden; }
.banner_zone .btn a { float:left; width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; border:1px solid #c5c5c5; border-right:none; text-align:center; color:#6f6f6f; }
.banner_zone .btn a:last-child { border-right:1px solid #c5c5c5; }
.banner_zone ul {float: left; display: inline-block; padding-top: 0.75rem; width: calc(100% - 10rem) !important; 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; }
/* 배너 리스트 */
.bannerWrap { max-width:450px; width:90%; border:1px solid #c5c5c5; background:#fff; position:absolute; left:0; top:0; z-index:3; }
.bannerWrap .inner { position:relative; width:100%; }
.bannerWrap .inner > h1 { background:#00b070; padding-left:20px; height:41px; line-height:41px; overflow:hidden; color:#fff; font-family:'NotoSans'; font-size:17px; }
.bannerWrap .inner .btnClose { position:absolute; right:0; top:0; width:41px; height:41px; color:#fff; }
.bannerList { padding:1rem; }
.bannerList ul { max-height:500px; overflow-y:auto; }
.bannerList ul li { float:left; width:48%; margin:1%;  }
.bannerList ul li a { display:block; font-size:0; border:1px solid #c8d1db; }
.bannerList ul li img { width:100%; height:100%}

@media (max-width:13000px) {
}

@media (max-width:1024px) {

	/* 배너존 */
	.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:950px) {
	/* 메인비주얼 */
	.MVisual0010 { height:auto; }
	.MVisual0010 .bx-controls-auto { left: 1.6rem;}
	.MVisual0010 .bx-controls-direction a,
	.MVisual0010 .bx-controls-auto a { width:1.5rem; height:1.5rem; line-height:1.5rem; }
	.MVisual0010 .bx-controls-direction a ~ a { margin-left: 1.7rem; }

    /* 팝업존 */
	.pop0010:before { top:auto; bottom:-1.15rem; }
   	.pop0010 .pop_img { height: auto; }
	.pop0010 .pop_img li img { max-height: 15rem; }
	.pop0010 .pop_layer_box { height:calc(100% + 1.55rem); }
}

@media (max-width:860px) {

	/* 배너존 */
	.banner_zone h2 { display:none; }
	.banner_zone .bnWrap { width:calc(100% - 6rem); padding-left:0.75rem; }
}
@media (max-width:800px) {
	/* 배너존 */
	.banner_zone ul li { width:25%; }
}
@media (max-width:768px) {
	/* heading */
	.heading { font-size:.9rem; }

    /* 게시판 */
	.notice0010 .titTab a { font-size:.9rem; }

}

@media (max-width:600px) {
	/* 배너존 */
	.banner_zone ul li { width:50%; }
}
@media (max-width:480px) {
	/* 메인비주얼 */
	.MVisual0010 { border-radius:1rem; }

    /* 게시판 */
	.notice0010 .titTab li { max-width:100%; }
	.notice0010 .titTab a { padding:0 .5rem; background:#ededed; }
	.notice0010 .titTab a.current { padding:0 .5rem; }

	/* 캘린더 */
	.pop_schedule0010 .inner{padding: 1.36rem 1rem 1.5rem;}
	.pop_schedule0010 .inner .list{display: block;}
	.pop_schedule0010 .inner .list .month{margin: 0 auto;}
	.pop_schedule0010 .inner .list .month .date_wrap .year{display: none;}
	.pop_schedule0010 .inner ul { height:4.5rem; }
	.pop_schedule0010 .inner .lst_schedule{width:100%;}
	/* 캘린더 : 데이터 없음 */
	.pop_schedule0010 .inner li.no_data { line-height:4.5rem; }

	/* 바로가기 */
	.M_link0010 li { width:50%; float:left; }
	.M_link0010 li a span { font-size:.7rem; }
}

@media (max-width:380px) {
	/* 배너존 */
	.banner_zone ul li { width:100%; }
}

@media (max-width:320px) {
}