@charset "utf-8"; 

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

/* heading */
h2{font-weight:500; font-size:1rem; color:#000; overflow:hidden; white-space:nowrap; }

/* 메인비주얼 */
#m_visual{overflow:hidden; }
#m_visual li{position:relative; overflow:hidden;}
#m_visual li img{display:block; width:auto; height:100%; position:relative; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.main_visual .bx-controls {position: absolute; bottom:2.5rem; left:50%; margin-left:-600px; }
.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 {position:relative; width: 1.3rem; height: 1.3rem; line-height:1.3rem; background:rgba(0,0,0,0.5); border-radius:50%;}
.main_visual .bx-controls-auto a:before{position:absolute; left:0; top:0; width:100%; height:100%; font-family: 'xeicon'; font-size:0.9rem; text-align:center; color:#fff;}
.main_visual .bx-controls-auto a.bx-start {display: none; }
.main_visual .bx-controls-auto a.bx-start:before{content:"\ea3e";}
.main_visual .bx-controls-auto a.bx-stop {display: inline-block;}
.main_visual .bx-controls-auto a.bx-stop:before{content:"\ea3b";}
.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 rgba(0,0,0,0.5); border-radius: 50%;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager a.active {background-color: rgba(0,0,0,0.5);}/* 비주얼 버튼 색상 */

/* 전광판 */
.dis_board0022{position:relative; width:100%; height:100%; }
.dis_board0022:before{content:""; position:absolute; left:0; top:0; width:calc(100% + 15rem); height:100%; background:#6c74df; border-radius:2rem; box-shadow: 0 0 10px rgba(0,0,0,0.34); }
.dis_board0022 .dis_board_box{position:relative; width:100%; line-height:1.5rem; padding:1.15rem 1.5rem; color:#fff; overflow:hidden;}
.dis_board0022 h2{position:relative; display:block; float:left; max-width:170px; height:100%; line-height:1.5rem; font-size:1rem; font-weight:500; color:#fff; margin-right:1rem; overflow:hidden;}
.dis_board0022 h2:before { content:""; display:inline-block; width:1.8rem; height:1.7rem; line-height:1.7rem; vertical-align:middle; text-align:center; margin-right:0.75rem; background:url('/images/template/10031/main/0022_icon_board.png') no-repeat center/cover;}
.dis_board0022 ul{ position:relative; float:left; padding-left:1rem; width:calc(100% - 14rem); height:1.5rem; overflow:hidden; }
.dis_board0022 ul:after {content:""; position:absolute; left:0; top:25%; width:1px; height:50%; background:rgba(255,255,255,0.5);}
.dis_board0022 ul li{height:100%; }
.dis_board0022 ul li a{display:block; height:100%; line-height:1.5rem; color:#fff; font-weight:300; font-size:.8rem; }
.dis_board0022 ul li a:hover > strong,
.dis_board0022 ul li a:focus > strong{text-decoration:underline; }
.dis_board0022 ul li a > strong{display:inline-block; width:calc(100% - 5.5rem); vertical-align:top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.dis_board0022 .nss_pg{position:absolute; top:50%; right:1.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.dis_board0022 ul li a .time{display:inline-block; vertical-align:top; font-size:.75rem; float:right; padding-right:2px;}
.dis_board0022 ul li a .time:before{content:"\eac2"; display:inline-block; vertical-align: middle; font-family: 'xeicon'; color:#fff; margin-right:0.25rem;}
.dis_board0022 .nss_pg a{float:left; position:relative; display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; overflow:hidden; color:#fff; font-size:1.5rem; -webkit-transition:color .3s; transition:color .3s; font-size:1rem; }
.dis_board0022 .nss_pg .play{display:none; }

/* 게시판 */
.notice0022{position:relative; height:100%; }
.notice0022 h2{position:relative; display:inline-block; min-width:6.5rem; max-width:30%; height:2.5rem; line-height:2.5rem;}
.notice0022 h2 ~ h2 { margin-left:5px;}
.notice0022 h2 a{position:relative; display:block; font-weight:200; text-align:center; color:#555; border-radius:0.25rem; overflow:hidden; background:#e1e2f2; font-size:0.9rem; padding:0 0.25rem;}
.notice0022 h2 a:hover,
.notice0022 h2 a:focus,
.notice0022 h2 a.current { color:#fff; background:#22b8c8;}
.notice0022 .list_box{display:none; position:absolute; top:2.5rem; left:0; width:100%; height:auto; }
.notice0022 .list_box.on{display:block }
.notice0022 .list_box ul{padding-top:2.5rem; overflow:hidden; }
.notice0022 .list_box li{width:33.33%; float:left;}
.notice0022 .list_box li + li{ border-left:1px dashed #e6e6e6; }
.notice0022 .list_box li > a {position:relative; display:block; color:#666; font-size:0.75rem; word-break: keep-all; overflow:hidden; padding:0 1.5rem; }
.notice0022 .list_box li > a strong {display:block; height:2.5rem; line-height:1.25rem; font-size:0.9rem; font-weight:400; color:#000; overflow:hidden;}
.notice0022 .list_box li > a p{line-height:1rem; height:2rem; overflow:hidden; margin:0.5rem 0 1rem; font-weight:200;}
.notice0022 .list_box ul li .date {display:block; font-weight:200; font-size:0.7rem;}
.notice0022 .list_box ul li .date:before{content:"\eac2"; display:inline-block; vertical-align: middle; font-family: 'xeicon'; margin-right:0.25rem;}
.notice0022 .list_box li > a:hover,
.notice0022 .list_box li > a:focus{ color:#111; text-decoration:underline; }
.notice0022 .list_box li > a:hover strong,
.notice0022 .list_box li > a:focus strong{color:#22b8c8}
.notice0022 .btn_more{ position:absolute; right:0; top:-2.5rem; width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.2rem; text-align:center; color:#000; font-weight:600; border-radius:0.25rem;}
.notice0022 .btn_more:hover,
.notice0022 .btn_more:focus { color:#fff; background:#22b8c8;}
.notice0022 a, .notice0022 a *{transition:all 0.3s; -webkit-transition:all 0.3s;}

/* 식단 */
.meal_menu0022{position:relative; border-radius:1.5rem; padding:1.4rem 1.2rem; background:#22b8c8;}
.meal_menu0022 h2 { border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:0.25rem; margin-bottom:1rem;}
.meal_menu0022 h2 span { display:block; font-size:1rem; line-height:1.5rem; overflow: hidden; margin-right:2rem; color:#fff;}
.meal_menu0022 .inner{ position:relative; }
.meal_menu0022 .inner ul{overflow-y:auto; margin-right:3.5rem; height:7rem; }
.meal_menu0022 .inner li{overflow:hidden; color:#fff;}
.meal_menu0022 .inner li + li{margin-top:.5rem; }
.meal_menu0022 .inner dl{position:relative;}
.meal_menu0022 .inner dt{font-size:0.85rem; font-weight:400; margin-bottom:0.25rem; }
.meal_menu0022 .inner dt span{color:#fff100;}
.meal_menu0022 .inner dd{ font-size:0.75rem; word-break:keep-all; font-size:0.75rem;}
.meal_menu0022 .img{position:absolute; right:1rem; bottom:1rem;}
.meal_menu0022 .img img{width:74px; height:74px;}
.meal_menu0022 .btn_more{ position:absolute; right:1.4rem; top:1.4rem; width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:1rem; color:#fff; text-align:center; border-radius:0.25rem; transition:all 0.3s; -webkit-transition:all 0.3s;}
.meal_menu0022 .btn_more:hover,
.meal_menu0022 .btn_more:focus { background:#fff; color:#4bbfc7; }
#food1_ifr{display:none;}

/* 바로가기 */
.M_link0022{position:relative; height:auto; overflow:hidden; }
.M_link0022 ul{display:table; table-layout:fixed; width:100%; }
.M_link0022 li{display:table-cell; vertical-align:top; width:1%;}
.M_link0022 li > a{display:block; text-align:center; padding:0 0.25rem; font-size:0.8rem; }
.M_link0022 li > a > .ico{ position:relative; width:4.5rem; height:4.5rem; line-height:4.5rem; border-radius:0.5rem; margin:0 auto; background:rgba(225, 226, 242, .4); border:2px solid transparent; transition:all 0.3s; -webkit-transition:all 0.3s; }
.M_link0022 li > a > .ico img { position:absolute; left:50%; top:50%; width:60px; height:60px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.M_link0022 li > a > span{display:block; max-height:2.1rem; margin-top:.75rem; line-height:1.2; font-size:.85rem; color:#000; overflow:hidden; }
.M_link0022 li > a:hover > .ico { background:#eeeffc; border-color:#6c74df; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); }
.M_link0022 li > a:hover > span,
.M_link0022 li > a:focus > span{text-decoration:underline; color:#464ec5; }

/* 팝업존 */
.pop0022{position:relative; z-index:1; height:100%; padding:1.25rem 1.8rem 1.25rem 0; border-radius: 0 1.5rem 1.5rem 0; background:#6c74df;}
.pop0022:before{content:""; position:absolute; left:-200%; top:0; width:200%; height:100%; background:#6c74df;}
.pop0022 h2{display:block; width:100%; font-size:0.9rem; line-height:1.2rem; margin-bottom:0.75rem; color:#fff; }
.pop0022 .inner { overflow:hidden;}
.pop0022 .pop_img li{display:none; max-width:235px; height:135px; margin:auto; }
.pop0022 .pop_img li a{display:block; height:100%; }
.pop0022 .pop_img li img{max-width:100%; height:100%; vertical-align:middle; }
.pop0022 .pop_img li.on{display:block; }
.pop0022 .nss_pg { position:absolute; right:1.7rem; top:1.1rem; text-align:center;}
.pop0022 .nss_pg a{display:inline-block; color:#fff; width:1.5rem; line-height:1.2rem; font-size:1rem; vertical-align:middle; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s; }
.pop0022 .nss_pg a:hover,
.pop0022 .nss_pg a:focus{ color:#fff100;}

/* 팝업리스트 레이어 추가 */
.pop0022 .pop_layer_box{position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:#6c74df; border-radius: 0 1.5rem 1.5rem 0; }
.pop0022 .pop_layer_box .pop_layer{position:relative; height:100%; padding:1rem; }
.pop0022 .pop_layer_box .pop_layer h3{font-size:1rem; color:#fff; }
.pop0022 .pop_layer_box .pop_layer ul{margin-top:0.75rem; padding:1rem 2rem; height:calc(100% - 2.5rem); line-height:1.1rem; text-align:left; background:#3e4494; overflow-y:auto; }
.pop0022 .pop_layer_box .pop_layer ul li{list-style-type:disc; color:#fff; }
.pop0022 .pop_layer_box .pop_layer ul li a:hover,
.pop0022 .pop_layer_box .pop_layer ul li a:focus{text-decoration:underline; }
.pop0022 .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:#3e4494; border-radius:5px; }

/* 포토 갤러리 */
.gallery0022{position:relative; padding-top:1.25rem;}
.gallery0022 h2{ display:block; width:calc(100% - 2rem);}
.gallery0022 .list_box{ position:relative; width:100%; margin-top:0.5rem;}
.gallery0022 .list_box ul{overflow:hidden;}
.gallery0022 .list_box li a:hover,
.gallery0022 .list_box li a:focus{text-decoration:underline; }
.gallery0022 .list_box li .img{ position:relative; display:block; width:100%; height:165px; overflow:hidden; background:#eee; }
.gallery0022 .list_box li .img > img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.gallery0022 .list_box li a:hover p > img,
.gallery0022 .list_box li a:focus p > img{-webkit-transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); }
.gallery0022 .list_box li .cont{ display:block; position:absolute; left:0; bottom:0; width:calc(100% - 2rem); padding:.5rem .5rem .5rem 0; border-top-right-radius: 1rem; color:#444; background:#fff;}
.gallery0022 .list_box li .cont strong{font-weight:400; display:block; line-height:1.2rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery0022 .list_box li .cont span{display:block; font-size:0.75rem; color:#666;}
.gallery0022 .list_box li .cont span:before{content:"\eac2"; display:inline-block; vertical-align: middle; font-family: 'xeicon'; margin-right:0.25rem;}
.gallery0022 .btn_more{ position:absolute; right:0; top:1.25rem; width:1.5rem; height:1.5rem; line-height:1.5rem; color:#000; font-size:1.1rem; border-radius:0.25rem; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s;}
.gallery0022 .btn_more:hover,
.gallery0022 .btn_more:focus { color:#fff; background:#22b8c8;}

/* 캘린더 */
.pop_schedule0022{position:relative;width:100%;height:100%;padding:1.25rem 0;/* overflow:hidden; */}
.pop_schedule0022 h2 { font-size:1rem; color:#000;}
/* 210629 sche_day 수정 */
.sche_day{overflow:auto; }
.sche_day::-webkit-scrollbar{height:3px; background-color:BLACK;}
.sche_day::-webkit-scrollbar-thumb {background-color: #0f134e; border-radius: 10px;}
.sche_day::-webkit-scrollbar-track {background-color: #e0e0e0; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}
/* 220118 */
.sche_day{ -webkit-scrollbar-arrow-color: #e0e0e0;
        -webkit-scrollbar-Track-Color: #e0e0e0; 
        -webkit-scrollbar-base-color: #ffdf00;
        -webkit-scrollbar-Face-Color: #0f134e;
        -webkit-scrollbar-3dLight-Color: #3F51B5;         
        -webkit-scrollbar-DarkShadow-Color: #9C27B0;
        -webkit-scrollbar-Highlight-Color: #03A9F4;
        -webkit-scrollbar-Shadow-Color: #9E9E9E;}
/* //220118 */
.sche_day ul{width:1350px; text-align: center; text-align: left; padding:0.5rem; margin:0.65rem 0; background:#f5f7f8; border-radius:2rem;}
.sche_day .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 0;}
.sche_day .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: -8px;}
.sche_day li{width:2rem; display: inline-block; white-space: nowrap;}
.sche_day li a{display:block; width:1.5rem; line-height:1.5rem; border:1px solid transparent; border-radius:50%; margin:0 auto; text-align:center;}
.sche_day li a.today{border-color:#111;}
.sche_day li a.event{background:#6c74df; color:#fff !important;}
.sche_day li a.sun{color:#e33d65;}
.sche_day li a.sat{color:#134a9e;}
.sche_day li a:hover:not(.event){color:#22b8c8; text-decoration: underline;}
.sche_day li a.event:hover{background:#22b8c8;}
.month .date{width:5rem;height:5rem;display:table;border-radius:1rem;text-align:center;background:#22b8c8;color:#fff;float:left; margin-top:15px;}
.month .date .wrap{display:table-cell; vertical-align: middle; font-size:0; line-height:0; padding:0 0.5rem;}
.month .date p{font-size:1rem; line-height:1.6; letter-spacing: -0.5px; font-weight:100; margin-bottom:0.25rem;}
.month .date strong{font-weight:400;}
.month .date a{display:inline-block; width:2rem; line-height:.6rem; font-size:.8rem;}
.month .date a + a{border-left:1px solid rgba(255,255,255,0.5);}
.month .date a.prev:hover{padding-right:0.5rem;}
.month .date a.next:hover{padding-left:0.5rem;}
.pop_schedule0022 .sche_list ul { position:relative; width:calc(100% - 5rem); height:auto; overflow:hidden; margin-top:-0.25rem; float:left; padding:0.5rem 0;}
.pop_schedule0022 .sche_list ul:before{content:""; position:absolute; left:50%; top:0.5rem; height:calc(100% - 1rem); border-left:1px dashed #ccc;}
.pop_schedule0022 .sche_list li.no_Data { width:100%; text-align:center; padding:2rem 0; }
.pop_schedule0022 .sche_list li {width:50%; float:left; margin-top:0.25rem; padding:0 1rem 0 1.5rem;}
.pop_schedule0022 .sche_list li a { position:relative; display:block; line-height:1.2rem; padding-left:2.25rem; overflow:hidden; color:#000; font-size:0.75rem;}
.pop_schedule0022 .sche_list li p {position:absolute; left:0; top:0; color:#22b8c8;}
.pop_schedule0022 .sche_list li span { display:block; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.pop_schedule0022 .sche_list li a:hover{text-decoration: underline;}
.pop_schedule0022 .btn_more{ position:absolute; right:0; top:1.25rem; width:1.5rem; height:1.5rem; line-height:1.5rem; color:#000; border-radius:0.25rem; font-size:1.1rem; text-align:center; }
.pop_schedule0022 .btn_more:hover,
.pop_schedule0022 .btn_more:focus { color:#fff; background:#22b8c8;}
.pop_schedule0022 a, .pop_schedule0022 .sche_list li p {transition:all 0.3s; -webkit-transition:all 0.3s; }
.sche_list{width:100%;margin: -112px 80px;}
#sche_list_ifr{width:100%; height:auto; z-index:9999}

/* 배너존 */
.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; 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/10086/main/btn_b_prev.png'); }
.banner_zone .btn a.stop{background-image:url('/images/template/10086/main/btn_b_stop.png'); }
.banner_zone .btn a.next{background-image:url('/images/template/10086/main/btn_b_next.png'); }
.banner_zone .btn a.list{background-image:url('/images/template/10086/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:1240px){
	h2 { font-size:0.9rem; }

	/* 메인비주얼 */
	#m_visual li { overflow:hidden; }
	#m_visual li img { position:relative; width:150%; height:auto; left:-25%; top:0; transform: none; -webkit-transform: none; }
	.main_visual .bx-controls { margin-left:0; left:1rem; }

	/* 팝업존 */
	.pop0022{padding:1.25rem .9rem;}

	/* 캘린더 */
	.pop_schedule0022 .sche_day li{width:10%;}
	.pop_schedule0022 .sche_list li{padding:0 .75rem;}
}
@media (max-width:1024px){

	/* 게시판 */
	.notice0022 .list_box ul{height:9.5rem;}
	.notice0022 .list_box li{width:50%;}
	.notice0022 .list_box li > a{padding:0 .75rem;}

	/* 캘린더 */
	.pop_schedule0022{padding:0;}
	.pop_schedule0022 .sche_day li{width:6.66%;}
	.pop_schedule0022 .btn_more{top:0;}

	/* 배너존 */
	.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:860px){

	/* 바로가기 */
	.M_link0022 ul{display:block; font-size:0; line-height:0;}
	.M_link0022 li{display:inline-block; width:25%; margin:0 0 15px; vertical-align: top;}

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

	/* 전광판 */
	.dis_board0022 h2{ width:1.8rem;}
	.dis_board0022 ul{width:calc(100% - 6.5rem);}
	.dis_board0022 .nss_pg{right:0rem;}

	/* 바로가기 */
	.M_link0022 ul{display:block; font-size:0; line-height:0;}
	.M_link0022 li{display:inline-block; width:25%; margin:5px 0; vertical-align: top;}

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

	/* 게시판 */
	.notice0022 h2{min-width:0;}

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

	/* 전광판 */
	.dis_board0022 .dis_board_box{padding:.75rem 1rem;}
	.dis_board0022 ul li a > strong{width:100%;}
	.dis_board0022 ul li a .time{display:none;}

	/* 게시판 */
	.notice0022 .list_box ul{height:8.5rem; padding-top:1.5rem;}
	.notice0022 h2 a{font-size:.8rem;}

	/* 포토 갤러리 */
	.gallery0022 .list_box li .img{height:180px;}

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

	/* 전광판 */
	.dis_board0022 h2{display:none;}
	.dis_board0022 ul{width:calc(100% - 2.5rem); padding-left:0;}
	.dis_board0022 ul:after{display:none;}
	.dis_board0022 .nss_pg a{width:1.1rem;}

	/* 게시판 */
	.notice0022 .list_box li{width:100%;}

	/* 바로가기 */
	.M_link0022 li{width:33.33%;}
	.M_link0022 li > a > span{font-size:0.8rem; line-height:1rem; max-height:2rem; margin-top:.5rem;}
	.M_link0022 li > a > .ico img{ width:50px; height:50px;}

	/* 캘린더 */
	.pop_schedule0022 .sche_day li{width:10%;}
	.pop_schedule0022 .sche_list ul{height:5rem; overflow-y:auto;}
	.pop_schedule0022 .sche_list ul:before{display:none;}
	.pop_schedule0022 .sche_list li{width:100%;}
}

@media (max-width:380px){

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