@charset "utf-8";

/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; overflow:hidden; }
#container ::-webkit-scrollbar { width: 5px; height:3px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

/* heading */
h2 { overflow:hidden; white-space:nowrap; }

/* btn_more*/
.btn_more { display:block; position:absolute; font-size:1rem; top:.15rem; right:0; color:#000; width:1.6rem; height:1.6rem; line-height:1.6rem; background:#00a070; text-align:center; border-radius:50%; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease }
.btn_more:hover { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);  }

/* 메인비주얼 */
.main_visual { position:relative; height:100%; border-radius:2.5rem 2.5rem 2.5rem 0; overflow:hidden; box-shadow:.1rem .1rem 1rem .1rem rgba(0, 0, 0, 0.1), 0.5rem 0.5rem 0px 0px #faa319; }
.main_visual .bx-wrapper { height:100%; }
.main_visual .bx-viewport,
.main_visual ul,
.main_visual li { height:100%; }
.main_visual li { overflow:hidden; }
.main_visual img { position:relative; width:auto; height:100%; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.main_visual .bx-controls { position:absolute; bottom:1.5rem; right:2rem; z-index:55; }
.main_visual .bx-pager-item { display:inline-block; vertical-align:middle; font-size:0; width:15px; height:15px; }
.main_visual .bx-pager-item + .bx-pager-item { margin-left:.5rem; }
.main_visual .bx-pager-item a { display:block; width:100%; height:100%; border:1px solid #ff6093; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.main_visual .bx-pager-item a.active { background:#ff6093; }
.main_visual .bx-pager { display:inline-block; vertical-align:middle; margin-left:.5rem; line-height:0; }
.main_visual .bx-controls-auto-item { display:inline-block; vertical-align:middle; }
.main_visual .bx-controls-auto-item + .bx-controls-auto-item { margin-left:.25rem; }
.main_visual .bx-controls-auto a { position:relative; display:block; }
.main_visual .bx-controls-auto a:before { position:relative; display:block; width:20px; height:20px; font-size:.65rem; color:#fff; font-family:'xeicon'; content:'\ea3e'; background:#ff6093; border-radius:50%; text-align:center; line-height:20px; opacity:.9; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.main_visual .bx-controls-auto a.bx-stop:before { content:'\ea3b'; }
.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; }
/* 메인비주얼 : over */
.main_visual .bx-controls-auto a:hover:before { background:#cb2c5f; }

 /* 행사일정 */
.pop_schedule0014 { position:relative; width:100%; height:100%; }
.pop_schedule0014 .sche_tbl { position:relative; padding-right:7rem; border-radius:1.25rem; line-height:2.5rem;}
.pop_schedule0014 .sche_tbl { content: ''; display: block; clear: both; }
.pop_schedule0014 .sche_tbl h2 { display:inline-block; width:calc(100% - 5rem); vertical-align:middle; font-size:1rem; font-weight:700; color: #000; }
.pop_schedule0014 .sche_tbl span { position:relative;  display:inline-block; vertical-align:middle; font-size:1rem;font-weight: 600;margin-left: 18px;}
.pop_schedule0014 .sche_tbl span:after {content:"."}
.pop_schedule0014 .sche_tbl em { display:inline-block;color: #0073d0;font-size: 1rem;font-weight: 600;vertical-align: middle;}
.pop_schedule0014 .sche_tbl .next,
.pop_schedule0014 .sche_tbl .prev{ position:absolute; top:50%; width:1.5rem; height:1.5rem; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); overflow:hidden; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.pop_schedule0014 .sche_tbl .next:before,
.pop_schedule0014 .sche_tbl .prev:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(/images/template/10318/main/0014_img_sche_arr.png); background-repeat:no-repeat; background-size:3rem; background-position:0 0; }
.pop_schedule0014 .sche_tbl .prev { right:5rem; }
.pop_schedule0014 .sche_tbl .next { right:3.15rem; }
.pop_schedule0014 .sche_tbl > a.next:before { background-position:-1.5rem 0; }
.pop_schedule0014 .lst_schedule { position:relative; margin-top:1rem; overflow:hidden; }
.pop_schedule0014 .lst_schedule ul { height:2rem; overflow-y: auto;}
.pop_schedule0014 .lst_schedule li { float:left; width:50%; position:relative;  line-height:1.75rem; color:#000; margin-bottom:0.3rem;}
.pop_schedule0014 .lst_schedule li a { display:block;padding-right: 0.5rem; color:#222; font-size:.8rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pop_schedule0014 .lst_schedule li a span {  top:0; left:0; font-weight:700;width: auto; height:1.75rem; border-radius:.5rem; background:#e5f2fc; color:#0073d0; text-align:center; line-height:1.85rem;padding: 0 0.2rem;margin-right: 9px;}
.pop_schedule0014 .btn_more { top:.45rem; right:0; width: 44px; background:none; color:#000; }
.pop_schedule0014 .btn_more:hover{transform: translateX(0.2rem);}
.pop_schedule0014 .btn_more img{vertical-align: middle;}
/* 행사일정 : over */
.pop_schedule0014 .lst_schedule li a:hover { text-decoration:underline; }
/* 행사일정 : no_Data */
.pop_schedule0014 .lst_schedule .no_Data { width: 100%; padding-left:0; text-align:center; }
.pop_schedule0014 .lst_schedule .no_Data:after { content:"등록된 행사 일정이 없습니다." }

/* 팝업존 */
.pop0014 { position:relative; }
.pop0014::after {content: ''; display: block; clear: both; }
.pop0014 h2 {float: left; max-width:calc(100% - 20rem);width: 100%;margin-bottom:1.25rem; color:#222; font-size:1rem; font-weight:700; letter-spacing:-2px;}
.pop0014 .nss_pg { position:absolute; top:2.5rem; left:0; }
.pop0014 .nss_pg span { display:block; margin-bottom: 1.15rem; padding: .6rem 0; width:3.2rem; color:#fff; font-size:.75rem; font-weight:600; text-align: center; background: #0073d0; border-radius: 1.3rem 1.3rem 0 1.3rem; }
.pop0014 .nss_pg span em { display:inline-block; font-size:0.8rem; line-height:2rem; }
.pop0014 .nss_pg span em + em { margin-left:0.3rem; }
.pop0014 .nss_pg span .now { position:relative; padding-right:0.5rem; font-size:.9rem; }
.pop0014 .nss_pg span .now::after { display:block; content:"/";  position:absolute; right:0rem; top:0; transform:rotate(20deg); -webkit-transform:rotate(20deg); font-size:0.2rem; }
.pop0014 .nss_pg a { display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; text-align:center; line-height:1.6rem; color:#000; background:#dedede; vertical-align:middle; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.pop0014 .pop_img { float: right; position: relative; width:17rem; height:11.25rem;  }
.pop0014 .pop_img::before{content: ''; display: block; width: 100%; height: 100%; background: url(/images/template/10318/main/0014_bg_popupzone.png) no-repeat; position: absolute; top: 1rem; left: -1rem;}
.pop0014 .pop_img td {height:100%; border-radius: 2rem 2rem 2rem 0; overflow: hidden; background: rgba(0,0,0,0.1);}
.pop0014 .pop_img td a { position: relative; display: block; height: 100%; overflow: hidden; line-height: 0; text-align: center; }
.pop0014 .pop_img td img {position: relative;max-width: 100%;max-height: 100%;min-width: 336px;min-height: 216px;}
/* 팝업존 : over */
.pop0014 .nss_pg a:hover { background:#007acf; color: #fff;}

/* 게시판 */
.notice0014 { position:relative; height:100%; }
.notice0014::after{content: ''; display: block; clear: both;}
.notice0014 h2 { position:relative; float:left; max-width:33.33%; line-height:1.65rem; overflow: hidden; }
.notice0014 h2 ~ h2 { margin-left: -1rem;}
.notice0014 h2 ~ h2:before{content:''; display:block; width:.7rem; height:3px; background:#ccc; position:absolute; top:50%; transform:translateY(-50%);}
.notice0014 h2 ~ h2 a{margin-left: 1.85rem;}
.notice0014 h2 a { position:relative; display:block; margin-right:2.25rem; color:#555; font-size:1rem; font-weight:600; letter-spacing:-2px;width: 84%;}
.notice0014 h2 a span{ display:block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.notice0014 .list_box ul { overflow:hidden; }
.notice0014 .list_box li { position:relative; }
.notice0014 .list_box li + li{  }
.notice0014 .list_box li:nth-of-type(n+6) { display:none; }
.notice0014 .list_box li a { position:relative; display:block; overflow:hidden; padding:.25rem 0 .25rem 1.75rem; }
.notice0014 .list_box li > a:before { content:""; display:block; position:absolute; top:50%; left:.5rem; width:.7rem; height:.7rem; background:url(/images/template/10318/main/0014_list_notice.png) no-repeat; background-size: contain; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.notice0014 .list_box li > a.new:before { content:"N"; left:0; width:1.35rem; height:1.35rem; line-height:1.35rem; background:#ff92b5; color:#fff; text-align:center; font-size:.7rem; border-radius: 50%; }
.notice0014 .list_box li dt { max-width:calc(100% - 5rem); float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.8rem; color:#121402; }
.notice0014 .list_box li dt span { display:block; margin-top:0.5rem; font-size:0.65rem; font-weight:300; }
.notice0014 .list_box li dd { width:5rem; float:right; color:#7a7a7a; font-size:.8rem; text-align:right; }
.notice0014 .btn_more { top:-3rem; width: auto; background: none;}
.notice0014 .btn_more:hover{transform: translateX(0.2rem);}
/* 게시판 : no_Data */
.notice0014 .list_box li.no_Data { line-height:9rem; text-align:center; }
/* 게시판 : over */
.notice0014 h2 a:hover:after { color:#00a070; }
.notice0014 .list_box li  a:hover dt { text-decoration:underline; }
/* 게시판 : active */
.notice0014 h2 a.current {font-size: 1rem; color:#ffa619; font-weight:600; text-decoration:underline; text-decoration-style:dashed;text-underline-position: under;}
.notice0014 .list_box { display:none; position:absolute; top:2.85rem; left:0; width:100%; height:auto; }
.notice0014 .list_box.on { display:block; }

/* 식단 */
.meal_menu0014 { position:relative; width:100%; height:100%; }
.meal_menu0014 h2 { max-width:calc(100% - 2rem); margin-bottom:1.25rem; color:#000; font-size:1rem; font-weight:700; letter-spacing:-2px; }
.meal_menu0014 .inner { position:relative; padding:1rem 0 2.75rem 0; border-top:2px solid #000000; z-index:1; }
.meal_menu0014 .inner ul { overflow: hidden; overflow-y:auto; height:7.5rem; padding-left:5.95rem; }
.meal_menu0014 .inner li + li { margin-top:1rem; }
.meal_menu0014 .inner dl { position:relative; }
.meal_menu0014 .inner dt { display:inline-block; min-width:6.7rem; line-height:2.25rem; color:#000; background:#dedede; text-align:center; border-radius:1.25rem 1.25rem 0 1.25rem; font-size:.8rem; font-weight:600; }
.meal_menu0014 .inner dt > span { font-weight:700; }
.meal_menu0014 .inner dd { margin-top:.6rem; color:#222; font-size:.8rem; word-break:keep-all; line-height:1.5; }
.meal_menu0014 > p { width: 5.2rem; height: 5.4rem; position:absolute; top: 50%; left: 0; transform: translateY(-50%); }
.meal_menu0014 > p img{ width:100%; height: auto; }
.meal_menu0014 .btn_more { background:#dedede; }
/* 식단 : no_Data */
.meal_menu0014 .inner .no_Data { padding-top:3rem; text-align:center; color:#000; }
i {font-style: inherit;}

/* 바로가기 */
.mLink0014 { position:relative; height:100%; margin:0 -1rem; }
.mLink0014 ul { display:table; table-layout:fixed; width:90%; overflow:hidden; }
.mLink0014 ul li { position:relative; display:table-cell; vertical-align:top; text-align:center; padding:0 1rem; }
.mLink0014 ul li a { display:block; }
.mLink0014 ul li .img { width:6rem; height:6rem; margin:auto; border-radius:.75rem; line-height:calc(6rem - 8px); background-color: #fff; border-width:2px; border-color:transparent; border-style:solid; }
.mLink0014 ul li .img img { display:inline-block; width:2.8rem; height:2.8rem; vertical-align:middle; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; }
.mLink0014 ul li span { position:relative; display:inline-block; max-width:100%; margin-top:.75rem; padding-bottom:.15rem; color:#000; max-height:2.45rem; font-weight:600; font-size:.8rem; overflow:hidden; }
.mLink0014 ul li span:before { content:""; position:absolute; bottom:0; left:0; width:0; height:1px; border-top:1px dashed #00a070; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
/* 바로가기 : over */
.mLink0014 ul li a:hover .img{ background:#0073d0; border-bottom-right-radius: 0; }
.mLink0014 ul li a:hover .img img { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); }
.mLink0014 ul li:hover span{ color:#0073d0; }
.mLink0014 ul li:hover span:before { width:100%; }

/* 갤러리 */
.gallery0014 { position:relative; height:100%; }
.gallery0014 h2 { width:calc(100% - 2rem); margin-bottom:1.25rem; color:#000; font-size:1rem; font-weight:700; letter-spacing:-2px; }
.gallery0014 .list_box { width:100%; }
.gallery0014 .list_box li { width:100%; padding:0 0 0.6rem 0; box-shadow:1px 1px 10px 1px rgba(0,0,0,0.1); border-radius: 1rem 1rem 0 1rem;}
.gallery0014 .list_box li + li { display:none; }
.gallery0014 .list_box li a { display:block; }
.gallery0014 .list_box li a div { width:100%; }
.gallery0014 .list_box li a div p { position:relative; overflow:hidden; height:6.9rem; background:rgba(0,0,0,.1); border-radius:1rem; box-shadow:3px 0 10px rgba(140,141,143,.3); }
.gallery0014 .list_box li a div img { position:relative; top:50%; left:50%; width:100%; max-height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.gallery0014 .list_box li a span { display:block; margin-top:0.45rem; padding: 0 1rem; color:#000; font-size:.8rem; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.gallery0014 .btn_more { top:0rem; right:0; background:#dedede ; }
/* 갤러리 : over */
.gallery0014 .list_box li a:hover span { text-decoration:underline; }
/* 갤러리 : no_Data */
.gallery0014 .list_box li.no_Data { width:100%; line-height:8.75rem; background:rgba(0,0,0,.075); text-align:center; border-radius:1rem; }

/* 배너존 */
.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:600; 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/10318/main/btn_b_prev.png'); }
.banner_zone .btn a.stop { background-image:url('/images/template/10318/main/btn_b_stop.png'); }
.banner_zone .btn a.next { background-image:url('/images/template/10318/main/btn_b_next.png'); }
.banner_zone .btn a.list { background-image:url('/images/template/10318/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:1280px) {
	/* 메인비주얼 */
    .main_visual img { display:block; width:auto; }
	.main_visual,
	.main_visual .bx-wrapper,
	.main_visual .bx-viewport, .main_visual ul, .main_visual li { height:100%; }
}

@media (max-width:1200px) {
    /* 행사일정 */
    .pop_schedule0014 .lst_schedule{margin-top: .2rem;}

    /* 식단 */
    .meal_menu0014 .inner ul{padding-left: 5.5rem;}

    /* 팝업존 */
    .pop0014 h2{ max-width: calc(100% - 10rem); }
    .pop0014 .pop_img{ width: calc(100% - 5.3rem); }
    .pop0014 .nss_pg span{ margin-bottom: .3rem; }
    .pop0014 .nss_pg a{ display: block; margin-bottom: .2rem; position: relative; left: 50%; transform: translateX(-50%); }

    .mLink0014{ margin: 0; }
    .mLink0014 ul{ width:100%; }
    .mLink0014 ul li{ display: inline-block; width:49%; padding:0; }

    /* 게시판 */
    .notice0014 h2 ~ h2:before{ display: none; }
    .notice0014 h2 ~ h2 a{ margin-left: 0; }

  }

@media (max-width:1024px) {
  /* 메인비주얼 */
  .main_visual{ height:auto; }
  .main_visual img { width:100%; height:auto; left: 0; transform: none;}

  /* 갤러리 */
  .gallery0014 .list_box li:nth-of-type(n+3) { 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); }

  /* 식단 */
  .meal_menu0014 > p{display: none;}
  .meal_menu0014 .inner{padding-top: .7rem;}
  .meal_menu0014 .inner ul{padding-left: 0;}

  /* 팝업존 */
  .pop0014::after { content: ''; display: block; clear: both; }
  .mLink0014 ul li .img{ width: 5rem; height: 5rem; line-height: calc(5rem - 8px); }
}

@media (max-width:850px) {
	/* 메인비주얼 */
	.main_visual { height: 100%; border-radius:3rem 3rem 3rem 0; }
	.main_visual .bx-controls { bottom:1rem; left:1rem; right:auto; }

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

  /* 행사일정 */
  .pop_schedule0014 .btn_more{right: 0;}

  /* 식단 */
  .meal_menu0014 .inner{ padding-bottom: 0;}
  .meal_menu0014 .inner ul{height: 8.2rem;}

  /* 포토갤러리 */
  .gallery0014 .list_box li a div img {/* width: auto; */}

}


@media (max-width:768px) {

	 /* 행사일정 */
  .pop_schedule0014 .sche_tbl h2 { font-size:1rem; }
  .pop_schedule0014 .sche_tbl span { font-size:1rem; }
	.pop_schedule0014 .sche_tbl span:before { left:.625rem; }
  .pop_schedule0014 .sche_tbl span em { font-size:1.1rem; }
	.pop_schedule0014 .lst_schedule { padding:0; border-radius:0; }
	.pop_schedule0014 .sche_tbl { padding-right:7rem; }
	.pop_schedule0014 .sche_tbl .prev { right:4.75rem; }
	.pop_schedule0014 .sche_tbl .next { right:2.75rem; }
  .pop_schedule0014 .lst_schedule li{ width:100%; }

	/* 팝업존 */
    .pop0014 h2 { width: 100%; float: none; font-size:1rem; }
    .pop0014 .pop_img{ width:100%; max-height: 12.25rem; height: auto; float: none; text-align:center; }
    .pop0014 .pop_img li img { max-height:12rem; top:auto; left:auto; transform: none; -ms-transform: none; }
    .pop0014 .nss_pg{ top:-1rem; right: 0; left: auto; }
    .pop0014 .nss_pg a{ display: inline-block; position: absolute; top: 50%; transform: translateY(-50%);}
    .pop0014 .nss_pg a.prev { left: -6rem; }
    .pop0014 .nss_pg a.stop { left: -4rem;}
    .pop0014 .nss_pg a.next { left: -2rem; }
    .pop0014 .nss_pg span{ margin-right: 0; }


	/* 게시판 : active */
	.notice0014 h2 a.current { font-size:1rem; }

	/* 식단 */
	.meal_menu0014 h2 { font-size:1rem; }

	/* 바로가기 */
	.mLink0014 ul li { width:25%; float:left; }
	.mLink0014 ul li span { height:2.65rem; }

	/* 갤러리 */
	.gallery0014 h2 { font-size:1rem; }
    .gallery0014 .list_box li { width:100%; }
    .gallery0014 .list_box li:nth-of-type(n+2) { display:none; }

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

@media (max-width:480px) {

    /* 게시판 */
    .notice0014 h2 { max-width:32%; margin-right: 1%; }
    .notice0014 h2 a{ width: auto; margin: 0 1rem 0 0;}
    .notice0014 h2 ~ h2 a{margin-left: 0;}
    .notice0014 h2 ~ h2:before { display: none;}

    /* 갤러리 */
    .gallery0014 h2 { width:calc(100% - 2rem); float:none; }
    .gallery0014 .list_box { width:100%; }
    .gallery0014 .list_box li a div p{height: 10rem;}
    .gallery0014 .btn_more { top:0; right:0; left:auto; }

    .mLink0014 ul {transform: none;}
    .mLink0014 ul li{ width:50%; }

    /* 행사일정 */
    .pop_schedule0014 .lst_schedule ul{height: 4rem;}
    .notice0014 .list_box { top:2.85rem; }
    .notice0014 .btn_more { top: -2.8rem; }

    /* 식단 */
    .meal_menu0014 .inner ul{height: 6.2rem;}

    /* 팝업존 */
    .pop0014 .pop_img::before{display: none;}
}

@media (max-width:380px) {

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

    /* 행사일정 */
    .pop_schedule0014 .sche_tbl span{font-size: 0.7rem;}
    .pop_schedule0014 .sche_tbl span em{font-size: 0.7rem;}

}