﻿/*-----------------------------------------------------------
Author :dawon, Kim
Creative date :2022. 05. 11
-----------------------------------------------------------*/

/* btn_more */
.btn_more { position:absolute; display:block; right:0; top: -3px; width:1.1rem; height:1.05rem; color:#000; font-size:1.1rem;}

/* 메인비주얼 */
.MVisual0062 { position:relative; overflow:hidden; height:100%; }
.MVisual0062 .slider,
.MVisual0062 .slick-list,
.MVisual0062 .slick-track{height:100%; }
.MVisual0062 .item { overflow:hidden; line-height:0; }
.MVisual0062 .item img { position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.MVisual0062 .control { position:absolute; left: 1.3rem; bottom:1.3rem; z-index:1; }
.MVisual0062 .control > a { display:inline-block; width:2rem; height:2rem; line-height:2rem; background: rgb(255, 255, 255, 0.6); color: #000; text-align:center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.MVisual0062 .control > a.play { display:none; }

/* 팝업존 */
.pop0062 { position:relative; width:100%; height:100%; }
.pop0062 .pop_cont {width:100%; height: 11.3rem; margin-top: 0.5rem;}
.pop0062 h2 { max-width: calc(100% - 3rem); max-height:3rem; color:#111; font-weight:600; font-size: 1rem;   overflow: hidden; white-space: nowrap; margin-bottom: 0.5rem; }
.pop0062 .nss_pg { position:relative; float: left; width: 2.5rem; text-align: center;background: #3d64e2; height: 11.25rem; border-radius: 0.8rem 0 0.8rem 0.8rem; padding-top: 1rem; }
.pop0062 .nss_pg > div {position:absolute; top: 5rem; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); width: 1.55rem;}
.pop0062 .nss_pg p { color: #fff; font-size:.8rem;  margin-top: 0.9rem;}
.pop0062 .nss_pg p strong {  font-weight: 700; font-size: 1rem;}
.pop0062 .nss_pg a { display: inline-block; font-size: 1.25rem; width:1.55rem; height:1.55rem; border-radius: 50%; background:#fff; line-height: 1.55rem; text-align:center; color:#00488b;}
.pop0062 .nss_pg a ~ a {margin-top:0.2rem;}
.pop0062 .nss_pg .play { display: none; }
.pop0062 .nss_pg .stop { font-size:0.85rem; }
.pop0062 .pop_img { position:relative; width: calc(100% - 2.8rem); height:11.25rem; overflow: hidden;border-radius: 0 0.8rem 0.8rem 0.8rem; background:rgba(0,0,0,0.1); float: right;}
.pop0062 .pop_img div,
.pop0062 .pop_img .item {height:100%;}
.pop0062 .pop_img .item a { display: block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.pop0062 .pop_img .item img {position:relative; max-width:100%; width:auto; height:100%;}
.pop0062 .btn_more { width:1.7rem; height:1.7rem; border-radius:50%; background:#efefef; line-height: 1.7rem; text-align:center; transition: 0.3s; -webkit-transition: 0.3s;}

/* 게시판 */
.notice0062 { position:relative; overflow:hidden; height:100%; }
.notice0062 .titTab{position:relative; }
.notice0062 .titTab:after {content:""; display:block; width:98%; height:2px; position:absolute; bottom:0; right:0; }
.notice0062 .titTab ul{overflow:hidden; padding-right:2rem; }
.notice0062 .titTab ul li{ position:relative; float:left; max-width: calc(100% / 3); font-size:1rem; font-weight:400; vertical-align:top; }
.notice0062 .titTab ul li + li {  padding-left:1.3rem; }
.notice0062 .titTab ul li:after { content:""; position:absolute; bottom:0; right:0; width:calc(100% + 1.5rem); height:100%;  }
.notice0062 .titTab ul li a { position:relative; display:block; color: #333333; line-height:2.3rem;  padding:0 .25rem; z-index:1; }
.notice0062 .titTab ul li a span { display:block; overflow:hidden; white-space:nowrap; }
.notice0062 .list_box { display:none; margin-top:.5rem;}
.notice0062 .list_box .topList { position:relative; display:block; width:100%; height: 6rem; padding: 0.9rem 1.85rem 0.9rem 6.7rem; overflow:hidden; background: #f9f9f9; border-radius: 1rem;}
.notice0062 .list_box dl {margin-top:0.6rem;}
.notice0062 .list_box dt { position:relative; line-height:1.5rem; font-size: 0.9rem; color: #111; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: .2rem;}
.notice006201 .list_box .new dt:before {content:'NEW'; color:#3d64e2; display: inline-block; padding-right: 0.5rem;}
.notice006202 .list_box .new dt:before {content:'NEW'; color:#f9930f; display: inline-block; padding-right: 0.5rem;}
.notice0062 .list_box dd > p { color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 0.8rem; }
.notice0062 .list_box dd .date { position:absolute; left:0; top: 50%; width: 4.75rem; height: 4.35rem; text-align:center;  font-weight:400; font-size: .8rem; border-radius: 1rem;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #fff; margin-left: 0.96rem; font-family: 'Titillium Web'; transition:0.3s; -webkit-transition:0.3s; -ms-transition:0.3s;}   
.notice0062 .list_box dd .date p { position:relative; top:50%;  transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.notice0062 .list_box dd .date span {    width:100%; font-size: 1.4rem; font-weight:700; line-height: 1.5rem;  display: block;}
.notice0062 .list_box ul { padding-top:.55rem;  height: 7rem;overflow: hidden;}
.notice0062 .list_box li { padding: .11rem 0; }
.notice0062 .list_box li a { position:relative; display:block; line-height:1.5rem; padding: 0 4.3rem 0 1.3rem; font-size: .8rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400; color: #000; }
.notice0062 .list_box li a:before { content:""; position:absolute; left:0.3rem; top:50%; width:7px; height:7px; border-radius:7px;  -webkit-transition:transform .3s; transition:transform .3s; transform: translateY(-50%);  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
.notice0062 .list_box li a.new:before {content:"N"; width:1rem; height:1rem; border-radius:50%; text-align:center; line-height:1rem; color:#fff; left:0rem;}
.notice0062 .list_box li a span { position:absolute; right:0; top:0; color: #7e7e7e; font-size: 0.75rem; font-family: 'Titillium Web';}
.notice0062 .btn_more { top: 0.2rem; width:1.7rem; height: 1.7rem; border-radius: 1.7rem; text-align:center; line-height:1.7rem; }
.notice006201 .btn_more { background:#dbe4ff; }
.notice006201 .titTab:after,
.notice006201 .list_box dd .date ,
.notice006201 .list_box li a:before{ background:#3d64e2; }
.notice006202 .titTab:after,
.notice006202 .list_box dd .date,
.notice006202 .list_box li a:before { background:#f9930f; }
.notice006202 .btn_more { background:#ffddbb; }
/* 게시판 : 데이터 없음 */
.notice0062 .list_box dl.no_data dt { line-height:3.5rem; }
.notice0062 .list_box dl.no_data .date p { padding-top:0; }
.notice0062 .list_box li.no_data { text-align:center; line-height:3rem; }
/* 게시판 :action */
.notice0062 .titTab ul li a.current { color:#fff; font-weight: 600; line-height:2.3rem;padding: 0 1.1rem; border-radius:0.7rem 0.7rem 0 0.7rem;}
.notice0062 .titTab ul li a.current:before { top:-1.25rem; opacity:1; }
.notice006201 .titTab ul li a.current { background:#3d64e2; }
.notice006202 .titTab ul li a.current { background:#f9930f; }
.notice0062 .list_box.on { display:block; }
.notice0062 a, .notice0062 dt { -webkit-transition:all .15s; transition:all .15s; }
.notice0062 .btn_more:hover,
.notice0062 .btn_more:focus { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}

/* 바로가기1 */
.M_link0062 { position:relative; }
.M_link0062 h2::after {content:""; display:inline-block; width: calc(100% - 10rem); height:3px; background: #fff; border-radius: 3px; vertical-align: middle; margin-left: 1.15rem; position: relative; top: 0; right: 0;}
.M_link0062 h2 span{ color: #fff; font-size: 1.2rem; }
.M_link0062 h2 span em{ font-weight:700; }
.M_link0062 ul { width:100%; height: auto; }
.M_link0062 li { position:relative; width:48%; height: 7.5rem; float: left; margin-top: 0.95rem;}
.M_link0062 li ~ li { margin-left: 4%;}
.M_link0062 li:nth-child(2n+1) {margin-left:0}
.M_link0062 li a:before {content:""; display: block; position:absolute; bottom: -3.95rem; right: -3.1rem; width: 8rem; height: 8rem; border-radius:8rem; background: rgba(62,108,255,0.1); opacity:0; transition: all 0.5s;}
.M_link0062 li a { display:block; position:relative; word-break:keep-all; text-align:center; padding-top: 0.75rem; font-size: 0.9rem; font-weight: 600; width:100% ;height:100%; background: #fff; border-radius: 1rem; overflow:hidden; box-shadow: 5px 5px 10px 1px rgb(0, 0, 0, 40%); border:2px solid transparent;}
.M_link0062 li a span { max-height: 1.8rem; overflow:hidden; display: block; line-height: 1; margin-top: 0.4rem; padding: 0 0.5rem; word-break: break-all;}
.M_link0062 li a img {  -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.M_link0062 li a p { font-size:0.85rem; line-height:1.2; overflow:hidden; font-weight:600; color:#333; word-break:break-all; }
.M_link0062 li a,
.M_link0062 li a p { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 식단 */
.meal_menu0062 { position:relative; height:100%; }
.meal_menu0062 .tit_wrap { width: 16.5rem; z-index:1; color:#000; font-weight:700;   width: calc(100% - 2rem);}
.meal_menu0062 h2 { position:relative; display: block; font-weight:600; font-size: 1rem; overflow: hidden; white-space:nowrap; color: #111; }
.meal_menu0062 .inner { position:relative; margin-top: 0.5rem; background: #ffebc5; border-radius: 1rem; padding: 1.25rem 1.5rem 3.6rem; }
.meal_menu0062 .inner ul { overflow:hidden; overflow-y:auto; height: 6.5rem;  }
.meal_menu0062 .inner li:not(.no_data) { line-height:3rem; }
.meal_menu0062 .inner li + li { margin-top:1.5rem; }
.meal_menu0062 .inner .no_data { text-align: center; line-height: 6rem;}
.meal_menu0062 .inner dl { position:relative; height:auto; }
.meal_menu0062 .inner dt { box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);font-size: 1rem; font-weight:600; text-align:center; background: #fff; border-radius: 1rem 1rem 1rem 0;}
.meal_menu0062 .inner dt span { vertical-align:middle;  font-size:1rem; }
.meal_menu0062 .inner dt span strong{display:inline-block; color: #111; }
.meal_menu0062 .inner dt span em { position:relative; padding-left: 1.1rem; font-weight: 600; color: #f9930f; margin-left: 1.1rem; font-family: 'Montserrat'; font-size:1.15rem;}
.meal_menu0062 .inner dt span em:before { content:""; position:absolute; top: calc(50% - 7px); left:0 ; width: 2px; height: 14px;     background: url('/images/schl/template/T0062/main/0062_img_meal_tit_bg.png') no-repeat;}
.meal_menu0062 .inner dd { color:#000; font-size: 0.85rem; font-weight:400; line-height: 1.5; word-break:keep-all; margin-top: 1rem;}
.meal_menu0062 > img { position:absolute; bottom: 0.9rem; right: 1.25rem; }
.meal_menu0062 .btn_more { width:1.7rem; height:1.7rem; border-radius:50%; background:#efefef;line-height: 1.7rem; text-align:center; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }

/* 갤러리 */
.gallery0062 { position:relative; }
.gallery0062 h2 { position:relative; display:inline-block; font-weight: 600; font-size:1rem; color:#111; line-height:1; margin-bottom: 0.7rem; overflow: hidden; white-space: nowrap; width: calc(100% - 3rem);}
.gallery0062 .list_box{ height: 11.5rem; overflow: hidden; margin: 0 -1rem; }
.gallery0062 .list_box ul { padding: 0 1rem; }
.gallery0062 .list_box li{ width: 32%; float:left; margin-bottom:1rem; }
.gallery0062 .list_box li + li{ margin-left: 2%; }
.gallery0062 .list_box li:nth-child(3n+1) {margin-left:0;}
.gallery0062 .list_box a { position:relative; display:block; border-radius:1rem; background:#fff; box-shadow: 2px 2px 3px  rgba(0,0,0,0.1); overflow:hidden;  border: 1px solid #ccd0df;}
.gallery0062 .list_box a .img{ height: 8.5rem; overflow:hidden; width: 100%; background:#eee; border-radius: 1rem;}
.gallery0062 .list_box a .img img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%) scale(1); width: 100%; height: auto; -webkit-transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; }
.gallery0062 .list_box a .txt{ display:block; text-align:center;  font-weight:600; overflow:hidden; color: #111; padding:0.7rem 1rem; font-size: 0.8rem; }
.gallery0062 .list_box a .txt > span{position: relative; z-index: 1; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; display: block; }
.gallery0062 .list_box a .txt .date{display: block; text-align: left; margin-top: 0.5rem; font-size: 0.7rem; color: #777; font-weight: 400; line-height: 1; }
.gallery0062 .list_box a .txt .date::before{display: none; }
.gallery0062 .btn_more { width:1.7rem; height:1.7rem; border-radius:50%; background:#efefef; line-height: 1.7rem; text-align:center; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;}
/** 갤러리 : active **/
.gallery0062 .list_box a:hover span,
.gallery0062 .list_box a:focus span{text-decoration: underline; }
.gallery0062 .list_box a:hover .img img,
.gallery0062 .list_box a:focus .img img {transform:translate(-50%, -50%) scale(1.1);}
.gallery0062 a,
.gallery0062 a span{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
/** 갤러리 no_data **/
.gallery0062 .list_box li.no_data {position:relative; border-radius:1rem; background:#fff; box-shadow: 4px 4px 3px rgba(182, 182, 182, 0.18); overflow:hidden;  border: 1px solid #ccd0df; width:100%; height:11.2rem; }
.gallery0062 .list_box li.no_data p {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}

/* 캘린더 */
.pop_schedule0062 { position:relative; height:100%;  padding: 2rem 0.95rem 4.2rem 0.95rem; }
.pop_schedule0062:before { content:""; position:absolute; top:0; left:0; width:100%; height: 100%; background: #d6f2fa; border-radius: 1rem; }
.pop_schedule0062 .sche_wrap { position:relative; border-radius:1.5rem;}
.pop_schedule0062 .sche_wrap:after {content:""; display:block; clear:both;}
.pop_schedule0062 .month { margin-bottom: 0.7rem; text-align:center; font-family:"xeicon"; position: relative;}
.pop_schedule0062 .month a { display:inline-block; color: #000; border-radius:50%; font-size:1.1rem;  position: absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.pop_schedule0062 .month a.prev { left: 0.9rem; }
.pop_schedule0062 .month a.next { right:0.9rem; }
.pop_schedule0062 .month a i { -webkit-transition:all .3s; transition:all .3s; }
.pop_schedule0062 .month span { display:inline-block; color: #444; font-size: 1.1rem; font-weight: 600; vertical-align:middle; font-family: 'Titillium Web';}
.pop_schedule0062 .month span em { position:relative; display:inline-block; margin-left:.25rem; font-size: 1.3rem; font-weight: 600;  color: #0296c2; }
.pop_schedule0062 .sche_table { overflow:hidden; position: relative; padding-bottom: 0.3rem;}
.pop_schedule0062 .sche_table:before {content:""; width:100%; position:absolute; top:0; left:0; height: 2rem; background:#25aad0; border-radius: 0.5rem 0.5rem 0.5rem 0; z-index: 1;}
.pop_schedule0062 .sche_table:after {content:"";width:100%; position:absolute; bottom: 1px; left:0; height: calc(100% - 2.3rem); background:#fff; border-radius: 0 0.5rem 0.5rem 0.5rem; z-index:1;}
.pop_schedule0062 .sche_table table { font-family:"SCDream"; text-align:center; position: relative; z-index: 57; font-weight: 500;}
.pop_schedule0062 .sche_table table thead th { padding: .5rem .5rem .8rem .5rem; color:#fff; font-size:.8rem;  font-weight:600; }
.pop_schedule0062 .sche_table table thead th:first-child{padding-left:1.3rem; }
.pop_schedule0062 .sche_table table thead th:last-child {padding-right:1.3rem; }
.pop_schedule0062 .sche_table table tbody td { padding: 0.31rem .5rem; color:#444; font-size: .75rem; text-align:center; font-family: 'Titillium Web'; font-weight: 400;}
.pop_schedule0062 .sche_table table tbody td:first-child { padding-left:1.3rem;  color: #d41933;}
.pop_schedule0062 .sche_table table tbody td:last-child { padding-right:1.3rem; color: #266cb6; }
.pop_schedule0062 .sche_table table tbody td.today { color:#fff }
.pop_schedule0062 .sche_table table tbody td a { position:relative; }
.pop_schedule0062 .sche_table table tbody td a.today { color:#fff; }
.pop_schedule0062 .sche_table table tbody td a.today:before { content:""; display:block; width: 1.25rem; height: 1.25rem; background:#25aad0; position:absolute; top: 50%; left: 50%; border-radius:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);z-index: -1;}
.pop_schedule0062 .sche_table table tbody td .event:before { content:""; display:block; width: 1.25rem; height: 1.25rem; background:#c9f3ff; position:absolute; top: 50%; left: 50%; border-radius:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);z-index: -1;}
.pop_schedule0062 .lst { position:relative; z-index:1; padding: 0 0.65rem; margin-top: 1.45rem;}
.pop_schedule0062 .lst ul { overflow-y:auto; height: 8.7em; }
.pop_schedule0062 .lst .no_data { color: #111; padding-top: 3.5rem; text-align:center; }
.pop_schedule0062 .lst li a { position:relative; padding-left: 2.3rem; display:block; line-height: 1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 0.8rem; font-weight: 400; color: #000; }
.pop_schedule0062 .lst li ~ li { margin-top:0.25rem; }
.pop_schedule0062 .lst li a span { position:absolute; left:0; top:0; width: 1.5rem; line-height: 1.5rem; height: 1.5rem;font-size:.7rem; font-weight: 400; border-radius:2rem; text-align:center; color: #fff; background: #25aad0; font-family: 'Titillium Web';}
.pop_schedule0062 a,
.pop_schedule0062 a span { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.pop_schedule0062 .btn_more { bottom: -1rem; top: auto; left: 50%; width: 2.6rem; height: 2.6rem; position: absolute; transform: translateX(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #25aad0 url(/images/schl/template/T0062/main/0062_pop_schedule_more.png) no-repeat center / cover;  transition: .3s; -ms-transition: .3s; -webkit-transition: .3s;   border-radius: 50%;}
/* 캘린더 active */
.pop_schedule0062 .month a.prev:hover i,
.pop_schedule0062 .month a.prev:focus i { -webkit-transform:translateX(-3px); transform:translateX(-3px); }
.pop_schedule0062 .month a.next:hover i,
.pop_schedule0062 .month a.next:focus i { -webkit-transform:translateX(3px); transform:translateX(3px); }
.pop_schedule0062 .sche_table table tbody td:hover,
.pop_schedule0062 .sche_table table tbody td:focus {text-decoration:underline;}
.pop_schedule0062 .lst li a:hover,
.pop_schedule0062 .lst li a:focus {text-decoration:underline;}
.pop_schedule0062 .lst li a:hover span,
.pop_schedule0062 .lst li a:focus span {background: #157793; }
.pop_schedule0062 .btn_more:hover,
.pop_schedule0062 .btn_more:focus { -webkit-transform:translateX(-50%) translateY(5px); transform:translateX(-50%) translateY(5px); -ms-transform:translateX(-50%) translateY(5px); }
/* 캘린더 : 일정리스트 팝업 */
.pop_schedule0007 .schePop{display:none; position:fixed; left:50%; top:50%; width:100%; max-width:30rem; max-height:25rem; padding:0.5rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background:#fff; border-radius:.75rem; box-shadow: 0 0 1rem rgba(0,0,0,.2); z-index:99;}
.pop_schedule0007 .schePop.active{display:block;}
.pop_schedule0007 .schePop h4{color:#fff; font-size:.9rem; line-height:2.5rem; background:#5b6270; border-radius:.5rem; padding:0 1rem; text-align:left;}
.pop_schedule0007 .schePop .list{ max-height:11rem; margin-top:0.5rem; overflow-y: auto;}
.pop_schedule0007 .schePop table{ border-top:2px solid #666;}
.pop_schedule0007 .schePop tr th{ padding:0.5rem 3px; font-size:.8rem; border-bottom:1px solid #ddd; word-break: keep-all; background:#f1f1f1;}
.pop_schedule0007 .schePop tr td{ text-align:center; color:#111; font-size:.75rem; padding:0.5rem 3px; border-bottom:1px solid #ccc;}
.pop_schedule0007 .schePop .close{position:absolute; right:.5rem; top:.5rem; width:2.5rem; height:2.5rem; line-height:2.1rem; font-size:1rem; border-radius:.5rem; background:#fff; color:#5b6270; border:.2rem solid #5b6270; text-align:center;}
.pop_schedule0007 .schePop .close:hover,
.pop_schedule0007 .schePop .close:focus{border-color:#19233a; background:#19233a; color:#fff;}

/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #d1d8e4;}
.banner_zone .container {position:relative; height:4rem; overflow:hidden;}
.banner_zone h2 {float:left; margin-top:1.5rem; 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){
	/* 팝업존 */
	.pop0062 .pop_img .item img {width:auto; height:100%;}
}


@media (max-width:1024px) {
    /* 캘린더 */
	.pop_schedule0062 {padding: 1.2rem 0;width: 97%;}
	.pop_schedule0062:before { display:none; }
	.pop_schedule0062 .sche_wrap {background: #d6f2fa; padding: 2rem 0;}
	.pop_schedule0062 .month { width: 15%; float:left; margin-bottom: 0; height: 11rem;}
	.pop_schedule0062 .month a.prev { top:0; left:50%; transform:translateX(-50%) rotate(90deg); -ms-transform:translateX(-50%) rotate(90deg);  -webkit-transform:translateX(-50%) rotate(90deg); }
	.pop_schedule0062 .month a.next { bottom:0; left:50%; transform:translateX(-50%) rotate(90deg);  top: auto; right: auto; -ms-transform:translateX(-50%) rotate(90deg);  -webkit-transform:translateX(-50%) rotate(90deg);}
	.pop_schedule0062 .month span { position:absolute; transform: translate(-50%, -50%); top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
	.pop_schedule0062 .sche_table { width: 40%; float:left;}
	.pop_schedule0062 .lst { width: 37%; float: left; margin: 3rem 0 0 1.5rem; vertical-align: middle;}
	.pop_schedule0062 .btn_more { bottom: auto; top: 50%; left: auto; right:-1.3rem; position: absolute; transform: translateX(0) translateY(-50%) rotate(270deg); -webkit-transform: translateX(0) translateY(-50%) rotate(270deg); -ms-transform: translateX(0) translateY(-50%) rotate(270deg);}
	.pop_schedule0062 .btn_more:hover,
	.pop_schedule0062 .btn_more:focus { -webkit-transform:translateX(8px) translateY(-50%) rotate(270deg); transform:translateX(8px) translateY(-50%) rotate(270deg);}
	.pop_schedule0062 .lst .no_data { padding-top: 2rem; }
}
@media (max-width:980px) { 
	/* 메인비주얼 */
	.MVisual0062 {  margin: 0 auto;}
	.MVisual0062 .item img { width: auto; height: 100%; } 

	/* 바로가기1 */
    .M_link0062 { padding:  0;}
	.M_link0062 li {width:23.5%; }
	.M_link0062 li + li {margin-left:2%; }
	.M_link0062 li:nth-child(2n+1) {margin-left:2%; }
	.M_link0062 li:first-child {margin-left:0; } 

	/* 게시판 */
	.notice0062 .titTab ul li + li {  padding-left:0.2rem; }
}
@media (max-width:860px) { 
	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}
@media (min-width:300px) { 
	/* btn_more active */
	.btn_more:hover:before,
	.btn_more:focus:before { -webkit-transform:translate(-50%, -50%) rotate(180deg); transform:translate(-50%, -50%) rotate(180deg); -ms-transform:translate(-50%, -50%) rotate(180deg); }
	
	/* 메인비주얼 active */
	.MVisual0062 .control > a:hover,
	.MVisual0062 .control > a:focus { background: rgba(47,83,197, 0.9); color:#fff; }
	
	/* 팝업존 active */
	.pop0062 .btn_more:focus,
	.pop0062 .btn_more:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	.pop0062 .nss_pg a:focus,
	.pop0062 .nss_pg a:hover { background: rgb(124 148 227); color:#fff}

	/* 게시판 active */
	.notice0062 h2 a:hover,
	.notice0062 h2 a:focus { color:#222; font-weight:700; }	
	.notice006201 .titTab ul li a:hover,
	.notice006201 .titTab ul li a:focus { background:#3d64e2; border-radius: 0.7rem 0.7rem 0 0.7rem; color:#fff; }
	.notice006202 .titTab ul li a:hover,
	.notice006202 .titTab ul li a:focus { background:#f9930f; border-radius: 0.7rem 0.7rem 0 0.7rem; color:#fff; }
	.notice006201 .list_box .topList:hover dt,
	.notice006201 .list_box .topList:focus dt { color:#3d64e2; text-decoration:underline; }
	.notice006202 .list_box .topList:hover dt,
	.notice006202 .list_box .topList:focus dt { color:#f9930f; text-decoration:underline; }
	.notice0062 .list_box li a:hover,
	.notice0062 .list_box li a:focus { text-decoration:underline; }
	
	/* 바로가기1 active */
	.M_link0062 li a:hover ,
	.M_link0062 li a:focus { border: 2px solid #5670f7; font-weight:700; }
	.M_link0062 li a:hover:before ,
	.M_link0062 li a:focus:before { opacity:1; }
	
	/* 갤러리 active */
	.gallery0062 .btn_more:focus,
	.gallery0062 .btn_more:hover {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	
	/* 식단 */
	.meal_menu0062 .btn_more:focus,
	.meal_menu0062 .btn_more:hover {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	
	
	/* 배너존 : active */
	.banner_zone .btn a:hover,
	.banner_zone .btn a:focus{background:#f1f1f1;}
}
@media (max-width:768px) { 
    /* 캘린더 : 일정리스트 팝업 */
    .pop_schedule0007 .schePop{left:0.5rem; top:50%; width:calc(100% - 1rem); max-width:100%; transform: translate(0, -50%); -webkit-transform: translate(0%, -50%);}
    .pop_schedule0007 .schePop tr td,
    .pop_schedule0007 .schePop tr th{font-size:13px;}

	/* 바로가기1 */
	.M_link0062 ul { width:100% ; position: static; top:2rem; left:0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}
	.M_link0062 li {width:23.5%;}
	.M_link0062 li + li {margin-left:2%}
	.M_link0062 li:nth-child(2n+1) {margin-left:2%}
	.M_link0062 li:first-child {margin-left:0; }
	.M_link0062 li a span { margin-top: 0 ;}
}

@media (max-width:680px) { 
	/* 캘린더 */
	.pop_schedule0062 {padding: 0; width:100%;}
	.pop_schedule0062 .sche_wrap {background: #d6f2fa; padding: 2rem 1rem;}
	.pop_schedule0062 .month { width: 100%; margin-bottom: 0; height: 1.5rem; float: none;}
	.pop_schedule0062 .month a.prev { top: 50%; left: 4rem; transform:translateX(0) translateY(-50%) rotate(0); -ms-transform:translateX(0) translateY(-50%) rotate(0);  -webkit-transform:translateX(0) translateY(-50%) rotate(0); }
	.pop_schedule0062 .month a.next { bottom: auto; left: auto; transform:translateX(0) translateY(-50%) rotate(0);  top: 50%; right: 4rem; -ms-transform:translateX(0) translateY(-50%) rotate(0);  -webkit-transform:translateX(0) translateY(-50%) rotate(0);}
	.pop_schedule0062 .month span { position:absolute; transform: translate(-50%, -50%); top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
	.pop_schedule0062 .sche_table { width: 55%; margin-top:0.5rem; }
	.pop_schedule0062 .lst { width: 41%; float: right; margin-top: 2.25rem; vertical-align: middle; margin: 3rem 0 0 0; padding:0; }
	.pop_schedule0062 .btn_more { bottom: -1rem; top: auto; left: 50%; width: 2.6rem; height: 2.6rem; position: absolute; transform: translateX(-50%) translateY(0) ; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0);}
	.pop_schedule0062 .btn_more:hover,
	.pop_schedule0062 .btn_more:focus { -webkit-transform:translateX(-50%) translateY(5px); transform:translateX(-50%) translateY(5px); -ms-transform:translateX(-50%) translateY(5px); }
	

	/* 갤러리 */
	.gallery0062 .list_box{height: 11.5rem; overflow: hidden; margin: 0 -1rem;}
	.gallery0062 .list_box ul {padding: 0 1rem;}
	.gallery0062 .list_box li{width: 49%; }
	.gallery0062 .list_box li + li{margin-left:2%;}
	.gallery0062 .list_box li:nth-child(2n+1) {margin-left:0;}
	
	/* 바로가기1 */
	.M_link0062 li a img { width: 4.5rem;}
	
}

@media (max-width:590px){
	/* 팝업존 */
    .pop0062 .pop_img{ height:auto; text-align:center; }
    .pop0062 .pop_img .item img { top:auto; left:auto; max-height:15rem; transform: none; -ms-transform: none;}
}

@media (max-width:545px) {
    /* 메인비주얼 */
	.MVisual0062 .item img { width: 100%; height: auto; } 
	
	/* 캘린더 */
	.pop_schedule0062 .month span { position:absolute; transform: translate(-50%, -50%); top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
	.pop_schedule0062 .sche_table { width:100%; }
	.pop_schedule0062 .lst { width: 100%; float: right; margin-top: 1rem; vertical-align: middle;}
	.pop_schedule0062 .btn_more {bottom:-0.5rem;}
}
@media (max-width:480px) { 
	/* 갤러리 */
	.gallery0062 .list_box li{width: 100%; }
	.gallery0062 .list_box li + li{margin-left:0;}

	/* 바로가기1 */
	.M_link0062 h2 span{font-size: 1rem;}
	.M_link0062 li {width:48%; height: 7rem;}
	.M_link0062 li + li {margin-left:4%}
	.M_link0062 li:nth-child(2n+1) {margin-left:0;}

	/* 게시판 */
	.notice0062 .titTab ul li{max-width: 100%; font-size:0.9rem;}
	.notice0062 .titTab ul li a { margin-top:0; }
	.notice0062 .btn_more { top:0rem; }
	.notice006201 {margin-top: 1rem}

	/* 식단 */
	.meal_menu0062 .inner {padding: 1rem 1.3rem 3.5rem; }
	.meal_menu0062 .inner dt span {  font-size:0.9rem; }
	
}
@media (max-width:380px) { 
	/* 캘린더 */
	.pop_schedule0062 .month a.prev {left: 1rem; }
	.pop_schedule0062 .month a.next { right: 1rem; }
	.pop_schedule0062 .sche_wrap { padding: 2rem .5rem;}
	.pop_schedule0062 .sche_table table tbody td { padding: 0.31rem 0rem; }
	.pop_schedule0062 .sche_table table tbody td.first { padding-left:.5rem; }
	.pop_schedule0062 .sche_table table tbody td.last { padding-right:.5rem; }

	/*게시판*/
	.notice0062 .list_box .topList { height: 5rem; padding: 1rem 1rem 1rem 4.5rem; overflow:hidden; background: #f9f9f9; border-radius: 1rem;}
	.notice0062 .list_box dd .date {  width: 3.5rem; height: 3.5rem; margin-left: 0.5rem;} 
	.notice0062 .list_box dl {margin-top:0rem;}
}