﻿ 
/*-----------------------------------------------------------
Author :JI, cohi
Creative date :2021. 09. 17
-----------------------------------------------------------*/
/*imgcut*/
div[class*="gallery"] .img { position: relative; }
div[class*="gallery"] .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; }
div[class*="gallery"] a { display: block; }

/* 메인비주얼 */
.MVisual3030{position:relative; overflow:hidden;}
.MVisual3030 #m_visual li{overflow:hidden;}
.MVisual3030 #m_visual li img{position:relative; width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.MVisual3030 .bx-wrapper{position:relative;}
.MVisual3030 .bx-controls{position:absolute; bottom:5.5rem; left:50%; width:100%; height:1.3rem; text-align:left;}
.MVisual3030 .bx-controls-direction{display:none;}
.MVisual3030 .bx-controls a{display:inline-block; margin:0 3px; color:transparent; overflow:hidden; vertical-align:middle;}
.MVisual3030 .bx-controls-auto{font-size:0; vertical-align:middle;}  
.MVisual3030 .bx-controls-auto,
.MVisual3030 .bx-pager,
.MVisual3030 .bx-pager-item{display:inline-block;}
.MVisual3030 .bx-controls-auto a{width:1.3rem; height:1.3rem; background:no-repeat center / 100%;}
.MVisual3030 .bx-controls-auto a.bx-start{display:none; background-image:url('/00_common/images/con_com/btn_play.png');}
.MVisual3030 .bx-controls-auto a.bx-stop{display:inline-block; background-image:url('/00_common/images/con_com/btn_stop.png');}
.MVisual3030 .bx-pager{height:0.8rem; vertical-align:middle;}
.MVisual3030 .bx-pager-item{height:100%;}
.MVisual3030 .bx-pager a{width:0.8rem; height:100%; vertical-align:top; border:1px solid #2275c8 ; border-radius:50%;} /* 비주얼 버튼 색상 */
.MVisual3030 .bx-pager a.active{background-color:#2275c8 ;}/* 비주얼 버튼 색상 */

/* 바로가기01 */
.M_link3030{position:relative;}
.M_link3030 ul{display:table;table-layout:fixed;overflow:hidden;width:100%;position:relative;margin-top: 1rem;}
.M_link3030 ul li{display:table-cell;}
.M_link3030 ul li a{display:block; position:relative;}
.M_link3030 ul li a .ico{display:block; text-align:center;}
.M_link3030 ul li a:before{width:1px; height:60px; content:""; position:absolute; top: 28px; border-left: 1px dotted #ccc;}
.M_link3030 ul li:first-child a:before{display:none;}
.M_link3030 ul li:last-child a .ico{border-right:none;}
.M_link3030 ul li a .ico img{margin-top:0.5rem;transition:0.3s;-webkit-transition:0.3s;width: 3.95rem;height: 3.95rem;}
.M_link3030 ul li a:hover .ico img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.M_link3030 ul li a em{display:block; margin-top: 0.5rem; height:2.4rem; font-size:0.85rem; line-height:1.2rem; text-align:center; overflow:hidden;} 
.M_link3030 ul li a:hover em{text-decoration: underline;}


/* 게시판 */
.notice3030{position:relative; height:100%; text-align: center; margin-top: 2.6rem;}
.notice3030 h2{position:relative; display:inline-block; font-size:1rem; max-width:calc((100% - 10rem) / 3); overflow:hidden; white-space:nowrap;}  
.notice3030 h2 ~ h2 { padding-left:2rem; } 
.notice3030 h2 ~ h2:before {width: 1px; height: 14px; content: ""; position: absolute; top: 23px; left: 1rem; background: #ccc;}
.notice3030 h2 a{position:relative; display:inline-block; width: 100%; color:#555; padding: 0.75rem 0 0.5rem 0; overflow:hidden; transition: color 0.3s; -webkit-transition: color 0.3s;}
.notice3030 h2:first-child a{padding-left: 0;}
.notice3030 h2 a:after{content:''; width:1.5rem; height:0.5rem; position:absolute; left:45%; top:0; background:url('/00_common/images/T3030_main/3030_notice_ov.png') no-repeat; opacity:0; transition:opacity 0.3s;}
.notice3030 .list_box{position:absolute; top:2.3rem; display:none; width:100%; margin-top: 25px;}
.notice3030 .list_box:before{content:""; position:absolute; bottom:-0.5rem; left:-0.5rem; width:calc(100% + 1.5rem); height:100%; background:#f4f3fd; border-radius:1.5rem; z-index:-999;}
.notice3030 .list_box .box{float:left; width:50%; letter-spacing:-0.01rem;}
.notice3030 .list_box .noti_top a{position:relative; display:block; padding:1.9rem 3rem 1.9rem 8.85rem; background:#fff; border-radius:1.5rem; box-shadow:3px 3px 7px 5px rgb(0 0 0 / 8%);}
.notice3030 .list_box .noti_top a:after{width:40px; height:40px; line-height:40px; color:#fff; font-weight:600; text-align:center; font-size:1rem; z-index:2; position:absolute; content:"N"; background:#2275c8; border-radius:50%; top:1rem; right:1rem;}
.notice3030 .list_box .noti_top .ico{position: absolute; left: 1rem; top: 2.3rem;}
.notice3030 .list_box .noti_top h3{color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.95rem;margin-bottom: 0.3rem;transition: color 0.3s;-webkit-transition: color 0.3s;text-align: left;}
.notice3030 .list_box .noti_top .txt{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8rem; text-align: left; color: #555; margin-bottom: 0.7rem;} 
.notice3030 .list_box .noti_top span{color: #787878; font-size: 0.7rem; display: block; border-top: 1px dotted #787878; padding-top: 0.7rem; text-align: left;}
.notice3030 .list_box ul{width: 100%;overflow:hidden;margin-top: 0.7rem;} 
.notice3030 .list_box ul > li > a{position:relative; display:block; width:calc(100% - 1rem); padding:0 4rem 0 1.3rem; line-height: 2.2rem; color:#333; white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden; border-bottom: 1px dotted #ccc; margin-left: 1rem;} 
.notice3030 .list_box ul > li:first-child a{margin-top: 10px;} 
.notice3030 .list_box ul > li:last-child a{border-bottom: none;} 

.notice3030 .list_box ul > li.new > a {padding-left:2.5rem;}
.notice3030 .list_box ul > li.new > a:after{content:'N'; position:absolute; top:50%; left:1rem; display:block; width:1.25rem; height:1.25rem; margin-top:-.625rem; line-height:1.25rem; color:#fff; font-size:0.7rem; text-align:center; border-radius:50%; background:#2275c8; margin-right:0.5rem;}

.notice3030 .list_box .date{position:absolute; top:0; right:0; color:#777; font-size:0.75rem; } 
.notice3030 .list_box ul > li > a::before{width: 4px;height: 4px;background: #2275c8;border-radius: 50%;position: absolute;left: 10px;top: 1.1rem;content: '';}
.notice3030 .btn_more{position:absolute; top:-2.8rem;right:0; display: block;}
.notice3030 .btn_more i{color: #21325c; font-size: 1.2rem; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s;}
.notice3030 .btn_more img{position: absolute;top: 7px;right: 10px;z-index: 20;}
.notice3030 .btn_more:before{content: "";width: 29px;height: 29px;background: #f3f3f3;position: absolute;right: 0;z-index: 10;opacity: 0.5;transition: all 0.3s;border-radius: 50%;}
.notice3030 .btn_more span{position: relative;padding: 0 2.5rem 0 0;}
/* active */
.notice3030 h2 a:hover,
.notice3030 h2 a:focus,
.notice3030 h2 a.current{color: #141c47;}
.notice3030 h2 a:hover:after, 
.notice3030 h2 a:focus:after, 
.notice3030 h2 a.current::after {opacity: 1;}
.notice3030 h2 a:hover:before, 
.notice3030 h2 a:focus:before, 
.notice3030 h2 a.current::before {opacity: 1;}
.notice3030 .list_box.on{display:block;}
.notice3030 .list_box .noti_top a:hover h3{color: #21325c;}
.notice3030 .list_box .noti_top a:hover .txt{text-decoration: underline;}
.notice3030 .list_box ul > li > a:hover,
.notice3030 .list_box ul > li > a:focus{text-decoration:underline;}
.notice3030 .btn_more:hover i{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.notice3030 .btn_more:hover:before, .notice3030 .btn_more:focus:before {background: #c6c6c6;opacity: 1;}

.notice3030 .list_box .NoData {display:table; width:100%; height:11rem; text-align:center; font-size:.75rem;}
.notice3030 .list_box .NoData span {display:table-cell; vertical-align:middle;}

/* 행사일정 */
.pop_schedule3030{position:relative;height:100%;background: #2275c8;padding: 0.5rem 0 0;box-sizing: border-box;border-radius: 1.5rem 1.5rem 1.7rem 1.7rem;box-shadow: 3px 3px 10px 3px rgb(0 0 0 / 8%);}
.pop_schedule3030 h2{width:calc(100% - 2rem);color:#fff;padding: 0.2rem 0 0 1.55rem;overflow:hidden;white-space:nowrap;font-size:1rem;}
.pop_schedule3030 .btn_more img{position: absolute;top: 0.3rem;right: 1.3rem;z-index: 20;}
.pop_schedule3030 .btn_more:before{content: "";width: 29px;height: 29px;background: #fff;border-radius: 50%;position: absolute;right: 0.8rem;z-index: 10;opacity: 0.5;transition: all 0.3s;}
.pop_schedule3030 .btn_more span{position: relative; color: #fff;padding: 0 3rem 0 0;}
.pop_schedule3030 .sche_tbl {width: 100%;height: 100%;background:#fff;margin:0.8rem 0 0 0;padding: 1em 1.5rem 0.5rem 1.5rem;border-radius: 0 0 1.5rem 1.5rem;}
.pop_schedule3030 .sche_tbl .date{font-weight: 600; font-size: 1rem;}
.pop_schedule3030 .sche_tbl .date em{color: #2275c8;}
.pop_schedule3030 .sche_tbl .date:before{width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 0; right: 0; background: #d6eee5;}
.pop_schedule3030 .sche_tbl::after{content: "";position: absolute;top: 3.9rem;left: 4.75rem;width: 1rem;height: 1rem;border-radius: 50%;background: #d3e3f4;opacity: 0.4;}
.pop_schedule3030 .sche_tbl > a{display: inline-block; position: absolute; right: 1.5rem;}
.pop_schedule3030 .sche_tbl .prev{margin-right: 2rem;}
.pop_schedule3030 .sche_tbl .prev:before{width: 1px; height: 15px; background: #ccc; position: absolute; top: 5px; left: 28px; content: "";}
.pop_schedule3030 .sche_tbl table{margin-top: 0.5rem;}
.pop_schedule3030 .sche_tbl th {font-size:0.75rem;background: #141c47;color: #fff;padding: 0.4rem 0 0.4rem 0;}
.pop_schedule3030 .sche_tbl td {text-align:center;font-size: 0.8rem;padding-bottom: 0.15rem;} 
.pop_schedule3030 .sche_tbl td a { display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; border-radius:50%; margin:0 auto; transition: background 0.3s; -webkit-transition: background 0.3s;}
.pop_schedule3030 .sche_tbl td a.day {background: #141c47;color: #fff;}
.pop_schedule3030 .sche_tbl td a.today {background: #2275c8;color: #fff;}
.pop_schedule3030 .sche_tbl .sun {color: #ffb1a5;}
.pop_schedule3030 .sche_tbl .sat {color: #2275c8;}
.lst_schedule{width:100%; height:12rem; margin: 1rem 0; border-top: 1px dashed #fce2ab; padding-top: 1.5rem; overflow-y:auto;}
.lst_schedule > li{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 1.75rem;}
.lst_schedule > li + li{margin-top: 0.3rem;}
.lst_schedule > li .date{display:inline-block; margin-right:8px; line-height:1.75rem; font-size: 0.85rem; font-weight: 500; border-radius: 1rem; text-align:center; padding: 0 0.5rem; background:#fef5f2; color:#f33333; transition: 0.3s; -webkit-transition: 0.3s;}
.lst_schedule > .no_Data{line-height:8rem; text-align:center;}
.pop_schedule3030 .btn_more{display: block;position: absolute;top: 16px;right: 0;}
.pop_schedule3030 .btn_more i{color: #21325c; font-size: 1.2rem; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s;}
/* active */
.lst_schedule > li:hover .date{background: #f7797a; color: #fff;}
.lst_schedule > li a:hover,
.lst_schedule > li a:focus{text-decoration:underline;}
.pop_schedule3030 .sche_tbl td a.today:hover{background: #e23d0b;} 
.pop_schedule3030 .month a:hover{color: #f9979a;}
.pop_schedule3030 .sche_tbl td a.day:hover{background: #f7797a;}
.pop_schedule3030 .btn_more:hover i{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pop_schedule3030 .btn_more:hover:before, .pop_schedule3030 .btn_more:focus:before {background: #141c47;opacity: 0.2;}


/* 오늘의식단 */
.meal_menu3030{height:100%;background: #f6ab00;box-sizing: border-box;border-radius: 1.5rem 1.5rem 2rem 2rem;}
.meal_menu3030 h2{width:100%;margin-bottom: 0.8rem;color:#000;padding: 0.7rem 0 0 1.55rem;overflow:hidden;white-space:nowrap;font-size:1rem;}
.meal_menu3030 .imgBox{float: left;position: absolute;bottom: 4rem;right: 1.5rem;}
.meal_menu3030 .imgBox img{width: 5.05rem;height: 5.05rem;}
.meal_menu3030 .meal_wrap{width: 100%;padding: 2.3rem 7.5rem 3rem 1rem;background: #fff;border-radius: 0 0 1.5rem 1.5rem;}
.meal_menu3030 ul{height: 7.7rem;overflow-y:auto;padding-right:0.5rem;}
.meal_menu3030 ul li + li{margin-top:1rem;}
.meal_menu3030 ul li.no_Data{text-align:center; line-height:5rem;}
.meal_menu3030 dl dt.kcal{position:relative; height:2rem; line-height:2rem; font-size:0.9rem; text-align:center; background:#fbd57f; color:#141c47; border-radius:1.25rem;} 
.meal_menu3030 dl dd.meal_list{margin-top:1rem; }
.meal_menu3030 .btn_more{display: block;position: absolute;top: 16px;right: 0;}
.meal_menu3030 .btn_more i{color: #21325c; font-size: 1.2rem; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s;}
.meal_menu3030 .btn_more img{position: absolute;top: 0.3rem;right: 1.3rem;z-index: 20;}
.meal_menu3030 .btn_more:before{content:""; width:29px; height:29px; background:#f3f3f3; position:absolute; right:0.8rem; z-index:10; opacity:0.5; transition:all 0.3s; border-radius:50%;}
.meal_menu3030 .btn_more span{position:relative; color:#333; padding:0 3rem 0 0;}
/* active */
.meal_menu3030 .btn_more:hover i{transform:rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.meal_menu3030 .btn_more:hover:before, .meal_menu3030 .btn_more:focus:before {background:#fff; opacity:1;}



/* 팝업존 */
.pop3030{height:100%;}
.pop3030 h2{margin: 0.2rem 0 0 0.5rem;overflow:hidden;white-space:nowrap;color: #333;font-size:1rem;}
.pop3030 .nss_pg{position:absolute;right:0;top: 0.3rem;}
.pop3030 .nss_pg span{display:inline-block;} 
.pop3030 .nss_pg span em{padding: 0 0.3rem; text-align: center;}
.pop3030 .nss_pg span .now{font-weight:600; color: #005c3a; position: relative; padding-right: 0.5rem;}
.pop3030 .nss_pg span .now::before{width: 1px; height: 15px; background: #ccc; position: absolute; right: 0; top: 5px; transform: rotate(30deg); -webkit-transform: rotate(30deg); content: '';} 
.pop3030 .nss_pg a{display:inline-block; margin:0 0.1rem; width:1.4rem; height: 1.4rem; text-align:center; transition: color 0.3s; -webkit-transition: color 0.3s; border: 1px solid #ccc; background: #fff;} 
.pop3030 .nss_pg a:hover{color:#005c3a;}
.pop3030 .nss_pg .play{display:none;} 
.pop3030 .pop_wrap{position: relative; width: 100%; margin: 0 auto; }
.pop3030 .pop_img{position:relative;height: 13.6rem;overflow: hidden;text-align:center;background: #fff;border-radius: 0 0 1.5rem 1.5rem;top: 0.5rem;}
.pop3030 .pop_img li{position: relative; top: 0;}
.pop3030 .pop_img li img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:100%;max-height:100%;}
.pop3030 .pop_img li a {display: block;height: 11.3rem;}
/* 팝업리스트 레이어 추가 */
.pop3030 .pop_layer_box{position:absolute; top:0; left:0; display:none; width:100%; height:100%; z-index: 1;}
.pop3030 .pop_layer_box .pop_layer{position:relative;padding:1rem;background: #394b61;}
.pop3030 .pop_layer_box .pop_layer h3{font-size:0.9rem; color:#fff;}
.pop3030 .pop_layer_box .pop_layer ul{margin-top:0.75rem; padding:1rem 2rem; height:11rem; line-height:1.1rem; text-align:left; background:#576c85; overflow-y:auto;}
.pop3030 .pop_layer_box .pop_layer ul li{list-style-type:disc; color:#fff;}
.pop3030 .pop_layer_box .pop_layer ul li a:hover,
.pop3030 .pop_layer_box .pop_layer ul li a:focus{text-decoration:underline;}
.pop3030 .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;}


/* 포토앨범 */
.gallery3030{position:relative; height:100%;}
.gallery3030 h2{width:100%;padding:10px;font-size:1rem;font-weight:200;padding-left:20.5rem;top:0;right:0;overflow:hidden;white-space:nowrap;color: #333;} 
.gallery3030 .gall_list{position: relative; padding-left: 19.1rem;}
.gallery3030 .gall_list li{display:block;width: 33.333%;float:left;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 1.5rem;padding: 0 0.5rem 0 1.3rem;}
.gallery3030 .gall_list li.first{position: absolute;width: 19.5rem;height: 16rem;left: 0;top: -80px;padding: 0 0.8rem 0 0;}
.gallery3030 .gall_list li.first .img{width: 100%;height: 270px;}
.gallery3030 .gall_list li .img{position:relative;width: 100%;height: 8rem;margin: 0 auto;overflow:hidden;background: #eee;border-radius: 1.8rem;box-shadow: 3px 3px 8px 1px rgb(0 0 0 / 8%);}
.gallery3030 .gall_list li .img img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:transform 0.3s;-ms-transition:transform 0.3s;-moz-transition:transform 0.3s;transition:transform 0.3s;}
.gallery3030 .gall_list li .txt{text-align:center;overflow:hidden;text-overflow:ellipsis;line-height: 2.25rem;white-space:nowrap;padding: 0 0.5rem;z-index: 10;}
.gallery3030 .btn_more{display:block; position:absolute; top:14px; right:0;}
.gallery3030 .btn_more i{color:#fff; font-size:1.2rem; transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -moz-transition:0.3s;} 
.gallery3030 .btn_more img{ position: absolute; top: 6px; right: 10px; z-index: 20;}
.gallery3030 .btn_more:before{content: "";width: 29px;height: 29px;background: #e4e4e4;position: absolute;top: -2px;right: 0;z-index: 10;opacity: 0.5;transition: all 0.3s;border-radius: 50%;}
.gallery3030 .btn_more span{position: relative; padding: 0 2.5rem 0 0;}
/* active */
.gallery3030 .gall_list li .img:hover img,
.gallery3030 .gall_list li .img:focus img{transform:translate(-50%, -50%) scale(1.2); -webkit-transform:translate(-50%, -50%) scale(1.2); -ms-transform:translate(-50%, -50%) scale(1.2); -moz-transform:translate(-50%, -50%) scale(1.2);}
.gallery3030 .gall_list li a:hover .txt,
.gallery3030 .gall_list li:focus .txt{text-decoration: underline;}
.gallery3030 .btn_more:hover i{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.gallery3030 .btn_more:hover:before, .gallery3030 .btn_more:focus:before {background: #c6c6c6;opacity: 1;}

.gallery3030 .NoData {display:table; width:100%; height:16rem; text-align:center; font-size:.75rem; background:#f3f3f3;}
.gallery3030 .NoData span {display:table-cell; vertical-align:middle;}

/* 배너존 */
.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: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('/00_common/images/common/btn_b_prev.png');}
.banner_zone .btn a.stop {background-image: url('/00_common/images/common/btn_b_stop.png');}
.banner_zone .btn a.play {display:none; background-image: url('/00_common/images/common/btn_b_play.png');}
.banner_zone .btn a.next {background-image: url('/00_common/images/common/btn_b_next.png');}
.banner_zone .btn a.list {background-image: url('/00_common/images/common/btn_b_list.png');}
.banner_zone .bx-wrapper {float: left; display:block; padding-top: 0.75rem; padding-left:1.5rem; width: calc(100% - 10rem); overflow: hidden;}
.banner_zone ul li { 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 {width: 100%; height: 100%; }

@media (max-width:1240px){
	/* 메인비주얼 */
	.MVisual3030{height:auto;}
    .MVisual3030 .bx-controls{bottom:3.5rem;}
	.MVisual3030 #m_visual li img{height:auto; width:150%;}

	/* 포토갤러리 */
	.gallery3030 .gall_list li{width: 33.333%;}
    
    
    /* 바로가기 */
    .M_link3030:before{display:none;}
}

@media (max-width:1024px){
    
    /* 행사일정 */
    .pop_schedule3030 .sche_tbl::after {top:85px; left:85px;}
    .pop_schedule3030 .sche_tbl::before {top:66px;}
    
    /* 오늘의식단 */
    .meal_menu3030 .meal_wrap::before {top:67px;}
    
    
    /* 포토갤러리 */
	.gallery3030 .gall_list li{width:50%;}
    .gallery3030 .gall_list li + li + li + li{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 .bx-wrapper {margin-left: 6rem; width: calc(100% - 6rem);} 
}

@media (max-width:960px){
    /* 공지사항 */
    .notice3030{margin-top:1rem;}

    /* 행사일정 */
    .pop_schedule3030 .btn_more {top:14px;}
    
    /* 오늘의식단 */
    .meal_menu3030 {margin-bottom:25px;}
    .meal_menu3030 ul {height:8rem;}
    .meal_menu3030 .meal_wrap {padding: 3rem 7.5rem 3rem 1rem;}
    .meal_menu3030 .imgBox{bottom:5rem;}
    
    /* 팝업존 */
    .pop3030 .pop_wrap{width:100%;}
    .pop3030 .pop_img {height: 14.4rem;top: 0.7rem;}
    .pop3030 .nss_pg {top: 0.2rem;}
}

@media (max-width:800px){  
    /* 바로가기 */
    .M_link3030 ul li a .ico img { width:2.8rem; height:2.8rem; } 

    /* 포토갤러리 */
    .gallery3030 h2{width:100%; padding-left: 0; left: 0; border-bottom: none;}
	.gallery3030 .gall_list {padding-left: 0; width: 100%;}
	.gallery3030 .gall_list li{padding:0;float:left;width: 48%;margin-left: 4%;}
	.gallery3030 .gall_list li.first{position:relative;width: 48%;height:100%;display:block;left:0;top:0;padding:0;margin-left: 0;}
    .gallery3030 .gall_list li.first .img{width:100%; height:8rem;}
    .gallery3030 .gall_list li + li + li {display:none;}
}

@media (max-width:768px){
    /* 공지사항 */
    .notice3030 h2{float:left; font-size:0.9rem; font-weight:200; max-width:calc((100% - 6rem) / 3);}
    .notice3030 h2 ~ h2 {padding-left:1rem;}
    .notice3030 h2 ~ h2:before{left: 0.5rem;}
    .notice3030 .noti_top img{display:none;}
    .notice3030 .list_box .noti_top a {position:relative;  display:block;  padding:1rem;}
	.notice3030 .list_box .noti_top a:after {display:none;}
    
    /* 행사일정 */
    .pop_schedule3030 .sche_tbl::before {top:63px;}
    
    /* 오늘의식단 */
    .meal_menu3030 {box-shadow:3px 3px 10px 3px rgb(0 0 0 / 8%);}
    .meal_menu3030 .meal_wrap::before {top:64px;}

    /* 팝업존 */
    .pop3030 .pop_img {height: 13rem;}
}

@media (max-width:600px){	
    /* 바로가기 */
	.M_link3030 ul{display: block;}
	.M_link3030 ul li{display:block; width:33.333%; float:left; margin-bottom:0.5rem;}
    .M_link3030 ul li:nth-child(4) a:before {border-left:none;}
    .notice3030 .list_box{width:100%;}
    .notice3030 .list_box ul > li > a {padding:0 4rem 0 1.3rem; margin-left:0;}
    .notice3030 .list_box ul > li > a::before {width:3px; height:3px;}
    
    /* 공지사항 */
    .notice3030{margin-top: 0;}
    .notice3030 .list_box .box{display:block; width:100%;}
    .notice3030 .list_box ul {border-top:none;}
    .notice3030 .list_box .noti_top a:after {display:none;}

    .notice3030 .list_box .NoData {margin-top:1rem; height:20rem; background:#fff; border-radius:1rem;}

    /* 오늘의식단 */
    .meal_menu3030 ul {height: 7.3rem;}
    
	/* 팝업존 */
	.pop3030{padding-top: 0;}

    /* 포토갤러리 */
    .gallery3030 .gall_list li{width:100%;}
    .gallery3030 .gall_list li:nth-child(2){display:none;}
    .gallery3030 h2{width:100%; padding-left:0; left:0; border-bottom:none;}
    .gallery3030 .gall_list li.first{position:relative; width:100%; top:auto; left:auto;}
    .gallery3030 .gall_list {position:relative; padding-left:0;}
    

}  

@media (max-width:480px){
	/* 메인비주얼 */
	.MVisual3030 .bx-controls{bottom:1rem;}

	/* 공지사항 */
	.notice3030{padding:0 0 1.5rem 0;}
	.notice3030:before{display:none;}
	.notice3030_2:after{width:100%; left:0;}
	.notice3030 h2{float:left; font-size:0.9rem; font-weight:200;}
    .notice3030 .list_box .noti_top h3 { font-size:0.8rem; }
    
    /* 오늘의식단 */
    .meal_menu3030 dl dt.kcal::before {top:30px;}
}

@media (max-width:380px){ 
    /* 공지사항 */
    .notice3030{margin-top:1.5rem}
    .notice3030 h2{font-size:0.8rem; max-width:calc((100% - 3rem) / 3);}
    .notice3030 h2 ~ h2:before {top:18px;}
    .notice3030 .btn_more {top:-3.1rem;}
    .notice3030 .btn_more span {display:none;}
    .notice3030 .list_box .NoData {height:19rem; }
    
	/* 바로가기 */
    .M_link3030:before{display:inherit;}
	.M_link3030 ul li{width:50%;}
    .M_link3030 ul li:nth-child(3) a:before {border-left:none;}
    .M_link3030 ul li:nth-child(4) a:before {border-left:1px dotted #ccc;}
    .M_link3030 ul li:nth-child(5) a:before {border-left:none;} 
    
    /* 행사일정 */
    .pop_schedule3030{padding:1rem 0 0 0;}
    .pop_schedule3030 .sche_tbl::before {top:54px;}
    
	/* 오늘의식단 */
	.meal_menu3030 .imgBox{right: 0; left: auto;}
    .meal_menu3030 .meal_wrap {padding: 1rem}
    .meal_menu3030 .meal_wrap::before {top:54px;}
    .meal_menu3030 .imgBox img {display: none;} 
}
